:root{--gray-100:#202124;--gray-90:#3c4043;--gray-80:#5f6368;--gray-75:#6e7378;--gray-70:#80868b;--gray-50:#9aa0a6;--gray-40:#bdc1c6;--gray-30:#dadce0;--gray-20:#e8eaed;--gray-10:#f1f3f4;--gray-5:#f8f9fa;--white:#fff;--aqua:#428dff;--blue-70:#0043ce;--blue-60:#0f62fe;--blue-20:#d0e2ff;--blue-10:#edf5ff;--red-20:#ffd7d9;--red-10:#fff1f1;--magenta-20:#ffd6e8;--magenta-10:#fff0f7;--purple-20:#e8daff;--purple-10:#f6f2ff;--cyan-20:#bae6ff;--cyan-10:#e5f6ff;--teal-20:#9ef0f0;--teal-10:#d9fbfb;--green-20:#a7f0ba;--green-10:#defbe6;--red-text:#a2191f;--magenta-text:#9f1853;--purple-text:#6929c4;--cyan-text:#00539a;--teal-text:#005d5d;--green-text:#0e6027;--blue-text:var(--blue-70);--brand:var(--aqua);--brand-dark:var(--blue-70);--brand-soft:var(--blue-10);--brand-text:var(--brand);--bg:var(--white);--surface:var(--white);--soft:var(--gray-5);--soft2:var(--gray-10);--fill:var(--gray-20);--ink:var(--gray-90);--ink2:var(--gray-80);--muted:var(--gray-75);--placeholder:var(--gray-50);--on-dark:var(--white);--black:var(--gray-100);--charcoal:var(--gray-80);--line:var(--gray-30);--line2:var(--gray-20);--line-strong:var(--gray-40);--line-soft:var(--gray-30);--btn:var(--gray-90);--btn-hover:var(--gray-100);--bar-fill:var(--brand);--track:var(--gray-30);--track-hover:var(--gray-40);--max:1000px;--gutter:24px;--t-color:background-color .18s ease, color .18s ease, border-color .18s ease;--shadow-bar:0 1px 6px #00000014;--radius-box:12px;--btn-radius:8px;--btn-on-brand:var(--white);--btn-on-brand-ink:var(--aqua);--btn-on-brand-hover:var(--aqua);--btn-on-brand-hover-ink:var(--white);--red:var(--red-20);--pink:var(--magenta-20);--pink-text:var(--magenta-text);--purple:var(--purple-20);--blue:var(--blue-20);--skyblue:var(--cyan-20);--skyblue-text:var(--cyan-text);--turquoise:var(--teal-20);--turquoise-text:var(--teal-text);--green:var(--green-20)}*{box-sizing:border-box}html,body{margin:0;padding:0}html{scrollbar-gutter:stable}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:14px;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%}button,input,select,textarea{font:inherit;color:inherit}#root{flex-direction:column;min-height:100vh;display:flex}#root>*{width:100%}#root>main{flex:1 0 auto}.wrap{max-width:var(--max);padding:0 var(--gutter);margin:0 auto}.muted{color:var(--muted)}.small{font-size:12px}.center{text-align:center}.mt8{margin-top:8px}.mt16{margin-top:16px}.mt24{margin-top:24px}.mt40{margin-top:40px}.gnb{z-index:20;background:var(--surface);box-shadow:var(--shadow-bar);position:sticky;top:0}.gnb .inner{max-width:var(--max);padding:0 var(--gutter);align-items:center;height:76px;margin:0 auto;display:flex}.brand{align-items:center;display:inline-flex}.brand img{width:auto;height:27px;display:block}.gnb nav{color:var(--ink2);white-space:nowrap;align-self:stretch;gap:36px;margin-left:auto;font-size:13px;display:flex}.gnb nav a{border-bottom:2px solid #0000;align-items:center;margin-bottom:-1px;display:flex}.gnb nav a:hover{color:var(--ink)}.gnb nav a.on{color:var(--ink);border-bottom-color:var(--brand);font-weight:700}.gnb .right{align-self:stretch;align-items:center;gap:15px;margin-left:auto;display:flex}.gnb .right nav{margin-left:0}.gnb .right>.bell{margin-left:16px;margin-right:14px}.gnb .cta{border:1px solid var(--brand);color:var(--brand-text);white-space:nowrap;border-radius:var(--btn-radius);transition:var(--t-color);padding:9px 16px;font-size:12px;font-weight:700}.gnb .cta:hover{background:var(--brand);color:var(--on-dark)}.gnb .cta.quiet{border-color:var(--line);color:var(--muted)}.gnb .cta.quiet:hover{border-color:var(--ink);background:var(--white);color:var(--ink)}.bell{align-self:center;position:relative}.bell-btn{cursor:pointer;color:var(--ink2);background:0 0;border:0;padding:6px 2px;font-size:13px;position:relative}.bell-btn:hover{color:var(--ink)}.bell-btn[aria-expanded=true]{color:var(--ink);font-weight:700}.bell-badge{background:var(--brand);min-width:17px;color:var(--on-dark);text-align:center;padding:0 5px;font-size:10px;font-weight:700;line-height:17px;position:absolute;top:-4px;right:-14px}.bell-panel{z-index:30;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-box);width:340px;max-height:420px;position:absolute;top:calc(100% + 14px);right:0;overflow-y:auto;box-shadow:0 2px 8px 2px #3c40431f}.bell-head{border-bottom:1px solid var(--line2);justify-content:space-between;align-items:center;padding:14px 16px;font-size:13px;font-weight:700;display:flex}.bell-list{margin:0;padding:0;list-style:none}.bell-item{text-align:left;cursor:pointer;background:var(--surface);border:0;border-bottom:1px solid var(--line2);width:100%;padding:14px 16px;display:block}.bell-item:hover{background:var(--soft)}.bell-item[disabled]{cursor:progress}.bell-item.unread{border-left:2px solid var(--brand)}.bell-title{margin-bottom:3px;font-size:13px;font-weight:700;display:block}.bell-item.unread .bell-title{color:var(--ink)}.bell-body{color:var(--ink2);font-size:12px;line-height:1.6;display:block}.bell-time{color:var(--muted);margin-top:6px;font-size:11px;display:block}.badge{border:1px solid var(--line);background:var(--soft);color:var(--ink2);vertical-align:middle;margin-left:18px;padding:4px 9px;font-size:11px;display:inline-block}.tabs{border-bottom:1px solid var(--line);gap:28px;margin-bottom:32px;display:flex}.tabs a{color:var(--ink2);white-space:nowrap;border-bottom:2px solid #0000;margin-bottom:-1px;padding:18px 0;font-size:14px}.tabs a:hover{color:var(--ink)}.tabs a.on{color:var(--ink);border-bottom-color:var(--brand);font-weight:700}.req{border:1px solid var(--line);color:var(--ink2);vertical-align:middle;margin-left:6px;padding:2px 6px;font-size:10px;line-height:1;display:inline-block}.ai-bar{border:1px solid var(--line);background:var(--soft);align-items:center;gap:20px;padding:18px;display:flex}.ai-bar .ai-title{margin-bottom:4px;font-size:14px;font-weight:700}.ai-bar .btn{white-space:nowrap}.ai-hint{color:var(--muted);min-height:16px;margin-top:5px;font-size:11px}.ai-hint.fail{color:var(--ink2)}.ai-tag{background:var(--btn);color:var(--on-dark);margin-right:5px;padding:1px 5px;font-size:10px;font-weight:700;display:inline-block}.choice-row{gap:8px;margin-bottom:4px;display:flex}.pick{border:1px solid var(--line);color:var(--ink2);cursor:pointer;background:var(--surface);flex:1;padding:13px 14px;font-size:13px}.pick input{accent-color:var(--brand);margin-right:8px}.pick.on{border:1.5px solid var(--brand);color:var(--brand-text);font-weight:500}.agree{border:1px solid var(--line)}.agree-all{border-bottom:1px solid var(--line);cursor:pointer;align-items:center;gap:10px;padding:16px 18px;font-size:14px;font-weight:700;display:flex}.agree-row{color:var(--ink2);cursor:pointer;align-items:center;gap:10px;padding:11px 18px;font-size:13px;display:flex}.agree-row b{color:var(--muted);font-size:12px;font-weight:400}.agree input{accent-color:var(--brand);width:16px;height:16px}.empty{border:1px dashed var(--line);background:var(--soft);text-align:center;color:var(--muted);border-radius:var(--radius-box);padding:56px 24px;font-size:13px}.head-label{color:var(--ink2);margin-left:10px;font-size:14px}.order-item{align-items:center;gap:18px;display:flex}.order-item .thumb{background:var(--fill);flex:0 0 96px;width:96px;height:96px;overflow:hidden}.order-item .thumb img{object-fit:cover;width:100%;height:100%;display:block}.order-item .body{flex:1}.order-item .name{margin-bottom:4px;font-size:15px;font-weight:500}.list-title{color:var(--ink2);margin-bottom:10px;font-size:13px;font-weight:700}.order{border:1px solid var(--line2);background:var(--surface);border-radius:var(--radius-box);transition:border-color .18s;overflow:hidden}.order+.order{margin-top:10px}.order.open{border-color:var(--line-strong)}.order-row{background:var(--surface);cursor:pointer;text-align:left;border:0;align-items:center;gap:16px;width:100%;padding:20px 24px;display:flex}.order-row:hover{background:var(--soft)}.order-row .info{flex:1;min-width:0}.order-row .name{margin-bottom:4px;font-size:15px;font-weight:500;display:block}.order-row .name .state{vertical-align:1px;margin-left:8px}.order-row .small{display:block}.order-row .amount-s{white-space:nowrap;font-size:15px;font-weight:700}.order-row .caret{border-left:4px solid #0000;border-right:4px solid #0000;border-top:5px solid var(--muted);flex:0 0 8px;width:0;height:0}.order.open .order-row .caret{transform:rotate(180deg)}.order-detail{padding:4px 24px 24px;display:none}.order.open .order-detail{display:block}.order-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.order-head h3{margin:0 0 4px}.order-head .sub{margin:0}.order-amount{text-align:right;white-space:nowrap;font-size:16px;font-weight:700}.order-amount span{margin-top:4px;font-weight:400;display:block}.order-actions{gap:8px;margin-top:20px;display:flex}.order-actions .btn,.order-actions .btn-ghost{flex:1}.slot{border:1px solid var(--line);background:var(--soft);align-items:center;gap:14px;margin-top:12px;padding:14px 16px;display:flex}.slot-body{flex:1}.slot-title{margin-bottom:2px;font-size:13px;font-weight:700}.slot-clock{letter-spacing:-.5px;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:20px;font-weight:700}.slot.warn{border-color:var(--btn)}.slot.warn .slot-clock{color:var(--ink)}.slot.expired{background:var(--surface);border-style:dashed}.slot.expired .slot-clock{color:var(--muted)}.quote{border:1px solid var(--line);padding:4px 16px 10px}.quote-head{border-bottom:1px solid var(--line2);justify-content:space-between;align-items:center;padding:12px 0;font-size:12px;font-weight:700;display:flex}.quote-clock{font-variant-numeric:tabular-nums;color:var(--ink2);font-weight:700}.quote .rowline{font-size:12px}.guide{background:var(--soft);border:1px solid var(--line2);border-radius:var(--radius-box);padding:18px 20px}.guide-head{margin-bottom:8px;font-size:13px;font-weight:700}.guide ul{margin:0;padding-left:16px}.guide li{color:var(--ink2);font-size:12px;line-height:1.9}.guide li b{color:var(--ink)}.tlink{color:var(--brand-text);text-underline-offset:3px;text-decoration:underline}.para{color:var(--ink2);margin:0 0 16px;font-size:13px;line-height:1.9}.stat-box{background:var(--surface);margin-bottom:22px;padding:18px}.notice{border-top:1px solid var(--line2);margin-top:18px;padding-top:16px}.notice-head{margin-bottom:8px;font-size:12px;font-weight:700}.notice ul{margin:0;padding-left:16px}.notice li{color:var(--ink2);font-size:12px;line-height:1.8}.hero{max-width:var(--max);padding:20px var(--gutter) 0;z-index:1;margin:0 auto;position:relative}.hero .inner{background:linear-gradient(160deg, var(--blue-20) 0%, var(--brand-soft) 72%);border-radius:16px;padding:76px 56px 84px}.hero h1{letter-spacing:-1.5px;margin:0 0 16px;font-size:30px;font-weight:600;line-height:1.34}.hero h1 b{color:var(--brand)}.hero p{color:var(--ink2);margin:0 0 32px;font-size:15px}.btn{background:var(--btn);color:var(--on-dark);cursor:pointer;text-align:center;border-radius:var(--btn-radius);transition:var(--t-color);border:0;padding:13px 24px;font-size:13px;font-weight:700;display:inline-block}.btn:hover{background:var(--brand)}.btn-on-brand{background:var(--btn-on-brand);color:var(--btn-on-brand-ink);transition:var(--t-color);padding:12px 18px;font-weight:600}.btn-on-brand:hover{background:var(--btn-on-brand-hover);color:var(--btn-on-brand-hover-ink)}.btn-block{width:100%;padding:16px;font-size:14px;display:block}.btn-ghost{background:var(--surface);color:var(--ink2);border:1px solid var(--line);cursor:pointer;text-align:center;border-radius:var(--btn-radius);transition:var(--t-color);padding:12px 18px;font-size:13px;display:inline-block}.btn-ghost:hover{border-color:var(--brand);color:var(--brand)}.btn[disabled]{background:var(--fill);color:var(--muted);cursor:not-allowed}.btn-arrow:after{content:"";vertical-align:middle;--arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 12' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 6h11M8.5 1.5L13 6l-4.5 4.5'/%3E%3C/svg%3E");width:14px;height:12px;-webkit-mask:var(--arrow) no-repeat center / contain;-webkit-mask:var(--arrow) no-repeat center / contain;mask:var(--arrow) no-repeat center / contain;background-color:currentColor;margin-left:10px;transition:translate .15s;display:inline-block;position:relative;top:-2px}.btn-arrow:hover:after{translate:3px}.pager{justify-content:center;align-items:center;gap:6px;margin-top:32px;display:flex}.pager-btn{background:var(--surface);min-width:40px;color:var(--ink2);border:1px solid var(--line);cursor:pointer;text-align:center;border-radius:var(--btn-radius);transition:var(--t-color);padding:11px 12px;font-size:13px}.pager-btn:hover:not([disabled]):not(.on){background:var(--soft)}.pager-btn.on{background:var(--btn);color:var(--on-dark);border-color:var(--btn);cursor:default;font-weight:700}.pager-btn[disabled]{color:var(--muted);cursor:not-allowed}.section{padding:48px 0 64px}.sec-head{justify-content:space-between;align-items:flex-end;margin-bottom:16px;display:flex}.sec-title{letter-spacing:-.4px;margin:0;font-size:18px;font-weight:500}.sec-title+.sec-sub{margin-top:4px}.sec-sub{color:var(--muted);margin:0;font-size:12px}.list-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.list-tools .chips{margin:0}.tools-right{gap:8px;margin-left:auto;display:flex}.tools-right .input{width:auto;padding:9px 12px;font-size:12px}.tools-right .search{width:220px}.tools-right .sort{width:150px}.chips{flex-wrap:wrap;gap:8px;margin:0 0 24px;display:flex}.chip{border:1px solid var(--line);background:var(--surface);color:var(--ink2);cursor:pointer;border-radius:999px;padding:7px 16px;font-size:12px}.chip:hover{background:var(--soft)}.chip.on{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-text);font-weight:700}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.card{border:1px solid var(--line2);background:var(--surface);transition:border-color .18s;display:block}.card:hover{border-color:var(--line-strong)}.card .thumb{aspect-ratio:1;background:var(--fill);position:relative;overflow:hidden}.card .thumb img{object-fit:cover;width:100%;height:100%;display:block}.card .tag{background:var(--surface);border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink2);padding:4px 8px;font-size:11px;position:absolute;top:0;left:0}.card .body{padding:16px}.card h3{-webkit-line-clamp:2;word-break:keep-all;-webkit-box-orient:vertical;min-height:2.9em;margin:0 0 10px;font-size:14px;font-weight:500;line-height:1.45;display:-webkit-box;overflow:hidden}.card .cost{align-items:baseline;gap:7px;margin-bottom:5px;display:flex}.card .cost b{letter-spacing:-.6px;font-size:19px;font-weight:700}.card .meta{color:var(--muted);font-size:12px}.card .meta s{color:var(--muted)}.card .meta i{margin:0 6px;font-style:normal}.bar{background:var(--fill);height:8px}.bar>span{background:var(--bar-fill);height:100%;display:block}.detail{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;padding:54px 0 40px;display:grid}.gallery{flex-direction:column;display:flex}.gallery .thumb{background:var(--fill);min-height:0;color:var(--muted);flex:1;place-items:center;font-size:12px;display:grid;position:relative;overflow:hidden}.gallery .thumb img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.gallery .thumb .lens{display:none}@media (hover:hover) and (pointer:fine){.gallery .thumb .lens{z-index:1;background:var(--fill);border:1px solid var(--line-strong);pointer-events:none;display:block;position:absolute;overflow:hidden;box-shadow:0 2px 8px 2px #3c40432e}.gallery .thumb .lens img{object-fit:cover;max-width:none;display:block;position:absolute}.gallery .thumb:has(img){cursor:zoom-in}}.gallery .caps button img{object-fit:cover;width:100%;height:100%;display:block}.gallery .caps{gap:10px;margin-top:10px;display:flex}.gallery .caps button{background:var(--soft);border:1px solid var(--line2);width:76px;height:76px;color:var(--muted);cursor:pointer;flex:0 0 76px;place-items:center;padding:0;font-size:10px;display:grid}.gallery .caps button:hover{border-color:var(--line-strong)}.gallery .caps button.on{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand);color:var(--ink)}.detail-info .status{color:var(--ink2);margin:0 0 8px;font-size:11px}.detail-info h1{letter-spacing:-.5px;margin:0 0 14px;font-size:23px;font-weight:500}.detail-info .list-price{color:var(--muted);margin:0 0 4px;font-size:11px}.detail-info .group-price{margin:0 0 4px;font-size:20px;font-weight:700;line-height:1.3}.detail-info .price-note{color:var(--ink2);margin:0 0 14px;font-size:11px;line-height:1.5}.detail-info .price-note b{color:var(--ink)}.detail-info .join{margin:10px 0 8px;font-size:12px;font-weight:700}.detail-info .note{color:var(--ink2);margin:10px 0 12px;font-size:11px;line-height:1.7}.detail-info{flex-direction:column;display:flex}.detail-info .btn{margin-top:auto;padding:18px 24px;font-size:14px}.detail-info .box:last-of-type{margin-bottom:14px}.detail-info .rowline{padding:8px 0;font-size:12px}.box{border:1px solid var(--line);color:var(--ink2);background:var(--surface);border-radius:var(--radius-box);padding:14px 16px;font-size:13px}.box.rows{padding:2px 16px}.box+.box{margin-top:10px}.box b{color:var(--ink)}.panel{background:var(--soft);border-radius:var(--radius-box);padding:24px}.panel h3{margin:0 0 4px;font-size:15px;font-weight:500}.panel .sub{color:var(--muted);margin:0 0 22px;font-size:12px}.rowline{border-bottom:1px solid var(--line2);color:var(--ink2);justify-content:space-between;align-items:center;gap:16px;padding:13px 0;font-size:13px;display:flex}.rowline:last-child{border-bottom:0}.rowline:has(+.total){border-bottom:0}.rowline b{color:var(--ink)}.rowsub{color:var(--muted);margin-top:2px;font-size:11px;font-weight:400;display:block}.row-group{color:var(--muted);letter-spacing:.5px;margin:18px 0 2px;font-size:11px;font-weight:700}.row-group:first-of-type{margin-top:4px}a.rowline.link{margin:0 -10px;padding-left:10px;padding-right:10px}a.rowline.link:hover{background:var(--soft)}a.rowline.link .go{color:var(--muted);margin-left:6px;font-weight:400}a.rowline.link:hover .go{color:var(--ink)}.total{border-top:1px solid var(--ink);margin-top:4px;padding-top:16px}.total .rowline{border:0;padding:0;font-size:15px}.total .rowline b{font-size:18px}.form-label{color:var(--muted);margin:16px 0 6px;font-size:12px;display:block}.input,select.input,textarea.input{border:1px solid var(--line);background:var(--surface);border-radius:var(--btn-radius);outline:none;width:100%;padding:13px 14px;font-size:13px;transition:border-color .18s}.input::placeholder{color:var(--placeholder)}.input:focus{border-color:var(--brand)}textarea.input{resize:vertical;min-height:88px}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%2380868b' stroke-width='1.5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:34px}.field-row{gap:8px;display:flex}.field-row>*{flex:1}.input-action{gap:8px;display:flex}.input-action .input{flex:1;min-width:0}.input-action .btn,.input-action .btn-ghost{white-space:nowrap;flex:none}.upload{border:1px dashed var(--line);background:var(--soft);text-align:center;height:170px;color:var(--muted);cursor:pointer;place-content:center;place-items:center;gap:6px;font-size:12px;display:grid}.upload:hover{background:var(--soft2)}.pay-list{margin-top:8px}.pay-option{border:1px solid var(--line);background:var(--surface)}.pay-option+.pay-option{margin-top:8px}.pay-option.on{border:2px solid var(--brand)}.pay-tab{background:var(--surface);cursor:pointer;width:100%;color:var(--ink2);text-align:left;border:0;align-items:center;gap:12px;padding:16px 18px;font-size:14px;display:flex}.pay-tab:hover{background:var(--soft)}.pay-option.on .pay-tab{color:var(--ink)}.pay-name{font-weight:700}.pay-note{color:var(--muted);margin-left:auto;font-size:12px}.pay-radio{border:1px solid var(--line);background:var(--surface);border-radius:50%;flex:0 0 16px;width:16px;height:16px;position:relative}.pay-option.on .pay-radio{border-color:var(--brand)}.pay-option.on .pay-radio:after{content:"";background:var(--brand);border-radius:50%;position:absolute;inset:3px}.pay-body{display:none}.pay-body.on{padding:0 18px 20px;display:block}.split{grid-template-columns:1.4fr .6fr;align-items:start;gap:24px;display:grid}.sticky{position:sticky;top:94px}.steps{border:1px solid var(--line);gap:0;margin:32px 0 8px;padding:0;list-style:none;display:flex}.steps>*{text-align:center;color:var(--muted);border-right:1px solid var(--line);flex:1;padding:12px 4px;font-size:12px}.steps>:last-child{border-right:0}.steps>.on{background:var(--fill);color:var(--ink);font-weight:700}.track{margin-top:8px}.track-labels{color:var(--muted);justify-content:space-between;gap:8px;margin:0 0 7px;padding:0;font-size:11px;list-style:none;display:flex}.track-labels>li{word-break:keep-all}.track-labels>li:first-child{text-align:left}.track-labels>li:last-child{text-align:right}.track-labels>li.on{color:var(--brand-text)}.track-bar{background:var(--fill);border-radius:999px;height:6px;overflow:hidden}.track-bar>span{border-radius:inherit;background:var(--brand);min-width:6px;height:100%;transition:width .4s cubic-bezier(.22,.61,.36,1);display:block}.how{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.how>div{word-break:keep-all;background:var(--surface);border-radius:var(--radius-box);padding:26px 22px}.how .n{color:var(--brand-text);margin-bottom:8px;font-size:12px;font-weight:700}.how .t{margin-bottom:4px;font-size:13px;font-weight:700}.how .d{color:var(--ink2);font-size:12px;line-height:1.6}body.tone-soft{background:var(--soft)}body.tone-soft .panel,body.tone-soft .how>div{background:var(--surface)}@media (prefers-reduced-motion:no-preference){[data-reveal] .reveal{opacity:0;transform:translateY(32px)}[data-reveal] .reveal.is-in{opacity:1;transition:opacity 1.1s,transform 1.1s cubic-bezier(.16,1,.3,1);transform:none}[data-reveal] .reveal:nth-child(2){transition-delay:.12s}[data-reveal] .reveal:nth-child(3){transition-delay:.24s}[data-reveal] .reveal:nth-child(4){transition-delay:.36s}[data-reveal] .reveal:nth-child(5){transition-delay:.48s}}.about-lead{text-align:center;max-width:660px;margin:0 auto;padding:96px 0 60px}.about-lead h1{letter-spacing:-1.2px;word-break:keep-all;margin:0 0 18px;font-size:38px;font-weight:600;line-height:1.38}.about-lead h1 b{color:var(--brand);font-weight:600}.about-lead p{color:var(--ink2);word-break:keep-all;margin:0;font-size:14px;line-height:1.95}.points{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.points li{background:var(--surface);border-radius:var(--radius-box);padding:34px 28px}.points .k{color:var(--brand);letter-spacing:.3px;margin-bottom:12px;font-size:11px;font-weight:700;display:block}.points .v{letter-spacing:-.5px;word-break:keep-all;margin-bottom:12px;font-size:19px;font-weight:700;display:block}.points .d{color:var(--ink2);word-break:keep-all;font-size:12px;line-height:1.8;display:block}.about-sec{padding:96px 0 0}.sec-head.center{text-align:center;justify-content:center}.about-sec .sec-title{letter-spacing:-.7px;font-size:24px;font-weight:600}.about-sec .sec-sub{margin-top:8px;font-size:13px}.about-sec .sec-head{margin-bottom:34px}.split.even{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.about-end{text-align:center;border-top:1px solid var(--line2);margin-top:104px;padding:88px 0 112px}.about-end h2{letter-spacing:-.7px;word-break:keep-all;margin:0 0 14px;font-size:26px;font-weight:600}.about-end p{color:var(--ink2);margin:0 0 30px;font-size:13px;line-height:1.9}table.list{border-collapse:collapse;width:100%;font-size:13px}table.list th,table.list td{text-align:left;border-bottom:1px solid var(--line2);padding:14px 12px}table.list th{color:var(--muted);border-bottom:1px solid var(--line);font-size:12px;font-weight:400}table.list td b{font-weight:700}table.list .num{text-align:right}table.list.fixed{table-layout:fixed}table.list.fixed td{overflow-wrap:break-word}table.list td.more{text-align:center;padding:24px 12px}.mono{color:var(--ink2);font-family:Consolas,Menlo,monospace;font-size:12px}.state{white-space:nowrap;background:var(--soft2);color:var(--ink2);border-radius:999px;padding:4px 10px;font-size:11px;line-height:1.4;display:inline-block}.state.live{background:var(--blue);color:var(--blue-text)}.state.keep{background:var(--skyblue);color:var(--skyblue-text)}.state.ship{background:var(--turquoise);color:var(--turquoise-text)}.state.ok{background:var(--green);color:var(--green-text)}.state.hold{background:var(--purple);color:var(--purple-text)}.state.alert{background:var(--red);color:var(--red-text)}.state.back{background:var(--pink);color:var(--pink-text)}.amount{margin:2px 0 14px;font-size:26px;font-weight:700}.result{text-align:center;max-width:460px;margin:0 auto;padding:80px 0 96px}.result .mark{border:1px solid var(--line);width:64px;height:64px;color:var(--ink2);border-radius:50%;place-items:center;margin:0 auto 22px;font-size:26px;display:grid}.result h2{margin:0 0 12px;font-size:20px}.result p{color:var(--ink2);margin:0 0 28px;font-size:13px;line-height:1.9}.auth{max-width:420px;margin:0 auto;padding:72px 0 96px}.auth-mark{text-align:center;margin-bottom:22px;display:block}.auth-mark .brand img{height:34px}.auth-card{background:var(--surface);border-radius:var(--radius-box);padding:36px 32px 32px}.auth-card h2{letter-spacing:-.5px;text-align:center;margin:0 0 8px;font-size:21px;font-weight:700}.auth-card>p{color:var(--muted);text-align:center;word-break:keep-all;margin:0 0 26px;font-size:12px;line-height:1.7}.auth-card .input{border-radius:var(--btn-radius)}.auth-card .form-label{font-size:12px}.auth-wide{max-width:520px}.auth-card .panel{background:0 0;border-radius:0;padding:0}.auth-card .panel+.panel{border-top:1px solid var(--line2);margin-top:26px;padding-top:24px}.auth-card .panel h3{font-size:14px;font-weight:700}.auth-card .panel .sub{margin-bottom:16px}.auth-foot{text-align:center;color:var(--muted);margin:20px 0 0;font-size:12px}.auth-foot a{color:var(--brand);margin-left:6px;font-weight:700}.auth-foot a:hover{text-underline-offset:3px;text-decoration:underline}.narrow{max-width:560px;margin:0 auto;padding:48px 0 72px}.narrow h2{margin:0 0 8px;font-size:20px}.narrow>p{color:var(--ink2);margin:0 0 24px;font-size:13px}footer.foot{padding:0 var(--gutter);margin-top:72px}.foot-card{max-width:var(--max);background:var(--soft);border-radius:20px 20px 0 0;margin:0 auto;padding:32px 44px 20px}.foot-top{align-items:flex-start;gap:80px;padding-bottom:24px;display:flex}.foot-brand{flex:1;min-width:0}.foot-brand .brand{margin-bottom:10px;display:block}.foot-brand .brand img{height:22px}.foot-brand p{color:var(--muted);word-break:keep-all;max-width:280px;margin:0;font-size:12px;line-height:1.8}.foot-col{gap:56px;font-size:12px;display:flex}.foot-col-title{color:var(--ink);white-space:nowrap;font-size:12px;font-weight:700}.foot-col-list{flex-direction:column;gap:9px;display:flex}.foot-col-list a,.foot-col-list>span{color:var(--muted)}.foot-col-list a:hover{color:var(--ink)}.foot-bottom{border-top:1px solid var(--line2);color:var(--muted);flex-wrap:wrap;justify-content:flex-end;gap:16px;padding-top:16px;font-size:11px;display:flex}body.tone-soft .foot-card{background:var(--surface)}footer.foot-min{border-top:1px solid var(--line2);background:var(--surface);margin-top:40px;padding:0}footer.foot-min .inner{max-width:var(--max);padding:28px var(--gutter) 40px;color:var(--muted);flex-wrap:wrap;gap:24px;margin:0 auto;font-size:12px;display:flex}@media (width<=1100px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.slides{min-height:0}.cards{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.detail,.split,.split.even{grid-template-columns:1fr;gap:28px}.points{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.gallery{display:block}.gallery .thumb{flex:none;height:300px}.detail-info{display:block}.detail-info .btn{margin-top:16px}.sticky{position:static}.how{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.gnb nav{gap:14px;font-size:12px}}@media (width<=620px){.cards,.how,.points{grid-template-columns:1fr}.gnb .inner{height:60px}.gnb .brand img{height:22px}.gnb nav{gap:12px;font-size:11px}.about-lead{padding:48px 0 36px}.about-lead h1{letter-spacing:-.8px;font-size:26px}.about-sec{padding:56px 0 0}.about-sec .sec-title{font-size:20px}.about-end{margin-top:56px;padding:56px 0 72px}.about-end h2{font-size:21px}.hero{padding:14px var(--gutter) 0}.hero .inner{border-radius:12px;padding:44px 24px}.hero h1{font-size:24px}.auth{padding:40px 0 64px}.auth-card{padding:28px 20px 24px}.steps{flex-wrap:wrap}.steps>*{flex:1 0 33%}.track-labels{font-size:10px}.sec-head{flex-direction:column;align-items:flex-start;gap:8px}.foot-card{border-radius:16px 16px 0 0;padding:32px 24px 22px}.foot-top{flex-direction:column;gap:24px}.foot-brand{flex:none}.foot-col{flex-direction:column;gap:10px}.foot-bottom{justify-content:flex-start}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.gnb nav button{cursor:pointer;color:inherit;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;margin-bottom:-1px;padding:0;display:flex}.gnb nav button:hover{color:var(--ink)}button.upload{width:100%;font:inherit}.upload{position:relative;overflow:hidden}.upload-preview{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.stat-box .stat-count{letter-spacing:-.5px;margin:4px 0 12px;font-size:22px;font-weight:700}fieldset{border:0;min-inline-size:0;margin:0;padding:0}button.cta{cursor:pointer;background:0 0}button.cta[disabled]{color:var(--muted);border-color:var(--line);cursor:not-allowed}.kpis{border:1px solid var(--line);background:var(--surface);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.kpis>div{border-left:1px solid var(--line2);padding:18px 20px}.kpis>div:first-child{border-left:0}.kpi-label{color:var(--muted);margin-bottom:6px;font-size:12px}.kpi-value{letter-spacing:-.5px;font-size:20px;font-weight:700}.kpi-sub{color:var(--ink2);margin-top:4px;font-size:12px}.kpis>div.lead{background:var(--soft)}.kpis>div.lead .kpi-value{color:var(--ink)}.toolbar{border:1px solid var(--line);background:var(--soft);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;display:flex}.toolbar .toolbar-label{font-size:13px;font-weight:700}.toolbar .toolbar-actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.toolbar .btn,.toolbar .btn-ghost{padding:9px 14px;font-size:12px}.danger{border:1px solid var(--red-text);background:var(--red-10);padding:16px 18px}.danger-head{color:var(--red-text);margin-bottom:6px;font-size:13px;font-weight:700}.danger p{color:var(--ink2);margin:0;font-size:12px;line-height:1.8}pre.json{background:var(--soft);border:1px solid var(--line2);color:var(--ink2);white-space:pre-wrap;word-break:break-all;margin:0;padding:10px 12px;font-family:Consolas,Menlo,monospace;font-size:11px}.row-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.row-actions .btn,.row-actions .btn-ghost{white-space:nowrap;padding:7px 10px;font-size:11px}.table-scroll{overflow-x:auto}.table-scroll>table.list{min-width:720px}.tabs.admin-tabs{scrollbar-width:thin;overflow-x:auto}
