/* HODADAK_COMMERCIAL_V5 */
/* HODADAK_BIZ_UX_V1 */
:root{--bg:#f5f7f3;--white:#fff;--ink:#162521;--muted:#76827c;--green:#075b48;--deep:#0b352c;--teal:#17aa84;--mint:#d8ff8a;--line:#e3eae5;--soft:#eff6f1;--orange:#ef8358;--shadow:0 16px 44px rgba(24,52,42,.07);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:Pretendard,'Apple SD Gothic Neo','Malgun Gothic',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);font-size:15px;letter-spacing:-.02em}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}a{color:inherit;text-decoration:none}.wrap{width:min(1170px,calc(100% - 44px));margin:auto}.hidden{display:none!important}.site-alert{background:#082e26;color:#ddf9e7;text-align:center;padding:10px 16px;font-size:12px;letter-spacing:0}.site-alert strong{color:#d7ff8a}.alert-dot{display:inline-block;width:7px;height:7px;background:#aaf272;border-radius:50%;box-shadow:0 0 0 3px #aaf27222;margin-right:7px;vertical-align:1px}.header{background:#fff;box-shadow:0 1px 0 #e7ece7;position:sticky;top:0;z-index:20}.header-inner{min-height:88px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:8px;border:0;background:none;padding:0;text-align:left}.brand-logo{height:auto;width:204px;max-height:64px;object-fit:contain}.brand-words{display:none}.nav{display:flex;align-items:center;gap:7px;margin-left:auto}.nav-link{border:0;background:transparent;color:#65766d;padding:13px 18px;border-radius:12px;font-size:14px;font-weight:750;white-space:nowrap;transition:.2s}.nav-link:hover{background:#f1f6f1;color:var(--deep)}.nav-link.active{color:var(--green);background:#eaf5ed}.header-right{display:flex;align-items:center}.operation-tag{white-space:nowrap;background:#f5f8f2;color:#34644e;padding:9px 13px;border-radius:30px;font-weight:750;font-size:11px}.icon-menu{display:none;background:transparent;border:0;padding:7px;color:var(--ink)}.icon-menu svg{height:26px;width:26px}.main{padding:34px 0 90px}.view{display:none}.view.active{display:block}.hero{position:relative;border-radius:32px;min-height:378px;background:radial-gradient(circle at 77% 13%,#296b52 0,#174d3d 27%,transparent 56%),linear-gradient(115deg,#0b3028 15%,#0c483a 100%);color:#fff;display:grid;grid-template-columns:1.2fr .85fr;overflow:hidden;padding:50px 55px;box-shadow:0 24px 56px rgba(3,52,38,.19)}.hero:after{content:'';position:absolute;right:-50px;bottom:-180px;width:500px;height:500px;border:1px solid #ffffff22;border-radius:50%;box-shadow:0 0 0 55px #ffffff08,0 0 0 110px #ffffff06;pointer-events:none}.hero-content{position:relative;z-index:2}.hero-kicker{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.15em;color:#d6ff9a;border:1px solid #ffffff2d;border-radius:99px;padding:9px 13px}.sparkle{font-size:16px}.hero h1{font-size:clamp(34px,4.2vw,52px);line-height:1.19;font-weight:900;letter-spacing:-.055em;margin:22px 0}.hero h1 span{color:#d6ff8f}.hero p{color:#d2e5d9;font-size:14px;line-height:1.85;margin:0}.hero-actions{display:flex;align-items:center;gap:21px;margin-top:25px;flex-wrap:wrap}.primary-link{display:inline-flex;gap:34px;align-items:center;background:var(--mint);border-radius:12px;padding:15px 20px;font-weight:850;color:#153b2f;font-size:14px;transition:.2s}.primary-link:hover{transform:translateY(-2px);background:#e4ffac}.hero-caption{font-size:12px;color:#e8f6ee}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;z-index:1}.hero-mark{position:absolute;width:330px;opacity:.21;right:-70px;top:-45px;filter:brightness(4) saturate(.5);transform:rotate(-11deg)}.visual-card{position:relative;transform:rotate(3deg);padding:25px;width:min(335px,100%);border:1px solid #ffffff53;border-radius:25px;background:linear-gradient(130deg,#f7fff0f5,#e7faeefa);color:#193a2e;box-shadow:0 24px 65px #031e1660}.visual-top{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:850}.bolt-bubble{display:grid;place-items:center;background:var(--green);color:white;width:30px;height:30px;border-radius:10px;font-size:20px}.visual-dots{margin-left:auto;color:#a0aaa2}.visual-progress{display:flex;gap:5px;margin:23px 0}.visual-progress span{height:5px;flex:1;background:#d8e3db;border-radius:10px}.visual-progress span.done{background:var(--teal)}.visual-line{display:flex;justify-content:space-between;font-size:13px;align-items:center;margin-top:16px;font-weight:650}.visual-line b{font-size:23px;letter-spacing:-.05em}.visual-line.faint{font-size:11px;color:#8b9c90;font-weight:500}.visual-bottom{border-top:1px dashed #b8cdbb;display:flex;justify-content:space-between;margin-top:24px;padding-top:16px;letter-spacing:.13em;font-size:9px;color:#7b9585;font-weight:800}.visual-bottom span{color:var(--teal);font-size:20px}.floating{position:absolute;z-index:2;box-shadow:0 14px 35px #08271e33;background:#fff;border-radius:99px;color:var(--green);font-weight:800;font-size:13px;padding:11px 15px;display:flex;gap:9px;white-space:nowrap}.floating span{color:#243f33;font-size:11px}.floating-one{left:-21px;top:40px;transform:rotate(-5deg)}.floating-two{right:-15px;bottom:25px;transform:rotate(8deg)}.quickfacts{display:grid;grid-template-columns:repeat(4,1fr);background:white;border-radius:21px;border:1px solid var(--line);margin:22px 0 70px;padding:18px 10px;box-shadow:0 8px 30px #163a2810}.fact{display:flex;align-items:center;gap:13px;padding:10px 21px;border-right:1px solid var(--line)}.fact:last-child{border:0}.fact-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:#e8f5eb;color:var(--green);font-size:22px;font-weight:900;flex-shrink:0}.fact div{display:flex;flex-direction:column;gap:6px}.fact strong{font-size:15px;font-weight:900;letter-spacing:-.05em}.fact span:last-child{font-size:11px;color:var(--muted)}.section-label{display:flex;align-items:center;gap:12px;color:#85a391;letter-spacing:.15em;font-size:11px;font-weight:900;margin-bottom:13px}.section-label>span:first-child{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#def2e1;color:var(--green);font-size:11px;letter-spacing:0}.label-line{background:#dce7db;flex:1;height:1px}.apply-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.apply-head h2,.secondary-view h1{font-size:33px;letter-spacing:-.055em;margin:0 0 9px;font-weight:900}.apply-head p,.page-intro{font-size:14px;color:#88968c;margin:0}.step-chip{background:white;border:1px solid var(--line);border-radius:99px;padding:10px 15px;color:var(--green);font-weight:750;font-size:12px}.application-layout{display:grid;grid-template-columns:minmax(0,1fr) 355px;align-items:start;gap:23px}.form-card{background:white;border:1px solid #e7ede7;border-radius:var(--radius);margin-bottom:18px;box-shadow:var(--shadow);overflow:hidden}.form-card-head{display:flex;align-items:center;gap:15px;border-bottom:1px solid #eaf0e9;padding:25px 29px}.step-number{display:grid;place-items:center;color:#166f55;background:#e8f7ed;width:42px;height:42px;border-radius:13px;font-size:14px;font-weight:900;flex-shrink:0}.form-card-head h3{font-size:19px;font-weight:900;letter-spacing:-.055em;margin:0 0 5px}.form-card-head p{color:var(--muted);font-size:12px;margin:0}.form-card-body{padding:27px 29px 30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:9px;min-width:0}.field>span,.field-label{font-weight:850;font-size:13px;letter-spacing:-.03em;display:block}.field em{color:var(--orange);font-style:normal}.field small{font-weight:500;color:#8b968d}.field input,.field textarea,.search-row input{background:#fbfcfa;border:1px solid #e1e9e2;border-radius:12px;width:100%;padding:14px 15px;outline:none;transition:.15s;color:#17251d;font-size:14px}.field input::placeholder,.field textarea::placeholder,.search-row input::placeholder{color:#a7b1a8}.field input:focus,.field textarea:focus,.search-row input:focus{border-color:#49aa83;box-shadow:0 0 0 4px #72d5a224}.field textarea{resize:vertical;line-height:1.55;min-height:90px}.hint{color:#829086;font-size:11px;line-height:1.7;margin:12px 0 0}.hint span{color:#1c9f7a;font-weight:800}.choice-grid{display:grid;gap:10px;margin-top:12px}.choice-grid.two{grid-template-columns:repeat(2,1fr)}.choice-grid.three{grid-template-columns:repeat(3,1fr)}.choice{display:block;position:relative;cursor:pointer}.choice input,.service-choice input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer}.choice>span{display:flex;align-items:center;justify-content:center;min-height:48px;border:1.5px solid #e5ebe5;border-radius:11px;background:#fafcf9;color:#59665d;font-size:13px;font-weight:800;transition:.18s;text-align:center;padding:8px}.choice>span:before{content:'';display:inline-block;width:14px;height:14px;border:1.5px solid #b6c8b9;border-radius:50%;margin-right:7px;flex-shrink:0;background:#fff}.choice input:checked+span{border-color:#229670;background:#eaf8ee;color:#07664d;box-shadow:inset 0 0 0 1px #22967022}.choice input:checked+span:before{border:4px solid #149c6e}.choice input:focus-visible+span,.service-choice input:focus-visible+.service-inner{outline:3px solid #9cddba;outline-offset:3px}.separator-space{height:24px}.separator-space.large{height:30px}.auth-panel{display:flex;align-items:center;gap:12px;padding:17px;border:1px dashed #bee1cd;background:#f6fbf6;border-radius:14px;margin-top:20px}.auth-symbol{display:grid;place-items:center;width:40px;height:40px;background:white;border-radius:12px;font-size:21px}.auth-message{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.auth-message strong{font-size:13px}.auth-message small{line-height:1.5;color:#8a998d;font-size:11px}.outline-button{border:1px solid #bee0cb;color:#096748;font-size:12px;font-weight:850;border-radius:10px;padding:11px 13px;background:white;white-space:nowrap}.outline-button:hover{background:#f0fff3}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.service-inner{position:relative;border:1.5px solid #e1e9e2;background:#fcfdfa;border-radius:16px;padding:22px 18px 20px;display:flex;flex-direction:column;gap:11px;min-height:216px;transition:.15s}.service-choice input:checked+.service-inner{border:2px solid #0e8d68;background:linear-gradient(135deg,#f7fff8,#ecf9ef);padding:21px 17px 19px;box-shadow:0 7px 20px #0b8c6020}.service-top{display:flex;justify-content:space-between;align-items:center}.service-emblem{display:grid;place-items:center;background:#dfefd8;color:#167854;border-radius:12px;height:36px;width:36px;font-size:18px}.service-emblem.secondary{background:#e7f1ec}.price-tag{font-size:10px;font-weight:900;color:#087354;background:#d8f5d6;border-radius:15px;padding:5px 8px}.price-tag.neutral{background:#edf1e8;color:#637363}.service-inner>strong{font-size:18px;font-weight:900;letter-spacing:-.04em}.service-inner>small{font-size:12px;color:#718278;line-height:1.65}.service-price{margin-top:auto;display:block;font-size:25px;font-weight:950;color:#145e45}.service-price small{font-size:12px;color:#6a8376;margin-left:4px}.subsection-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:27px 0 12px}.subsection-heading>div{display:flex;flex-direction:column;gap:6px}.subsection-heading strong{font-size:14px;font-weight:850}.subsection-heading small{font-size:11px;color:var(--muted)}.text-button{border:0;background:transparent;color:#087353;font-weight:850;font-size:12px;padding:9px}.text-button:hover{text-decoration:underline}.selected-section{margin-top:24px;background:#f7faf5;border:1px solid #e8efe8;border-radius:14px;padding:2px 17px 17px}.player-entry{display:grid;grid-template-columns:1.2fr 1fr auto;gap:10px;align-items:end;margin:13px 0}.player-entry input{min-width:0;width:100%;border:1px solid #dfe7df;border-radius:10px;padding:12px 10px;outline:none;background:white}.player-entry label{display:flex;flex-direction:column;gap:7px;color:#667467;font-size:11px;font-weight:800}.player-entry button{background:#fff1ea;border:0;color:#a94720;border-radius:10px;padding:12px 15px;height:43px;font-weight:850}.inline-check,.consent-all,.consent-list>label{display:flex;align-items:center;gap:11px;cursor:pointer}.inline-check{font-size:13px;margin-top:20px}.inline-check small{color:var(--teal)}input[type=checkbox],input[type=radio]{accent-color:#0c9365;cursor:pointer}.inline-check input,.consent-all input,.consent-list input{height:18px;width:18px;flex-shrink:0}.selected-counter{color:#657d6e;border:1px solid #dfeee0;border-radius:8px;background:#f4fbef;padding:8px 10px;font-size:12px;white-space:nowrap}.selected-counter strong{color:var(--green)}.coupon-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}.coupon-grid button{border:1px solid #dfe9dd;border-radius:9px;background:#f8faf6;color:#617068;aspect-ratio:1;display:grid;place-items:center;padding:0;font-size:12px;font-weight:800;transition:.12s}.coupon-grid button:hover{border-color:var(--teal)}.coupon-grid button.active{color:white;background:#0b805d;border-color:#0b805d;box-shadow:0 4px 12px #147e5233}.coupon-mode{margin-top:24px}.coupon-mode .field-label{margin-bottom:11px}.choice-list{display:grid;gap:8px}.choice-list label{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid #e6ece4;border-radius:11px;cursor:pointer;font-size:12px;font-weight:730}.choice-list input{flex-shrink:0}.choice-list label:has(input:checked){border-color:#6aba91;background:#f2faf3}.choice-list label span{flex:1}.choice-list label small{color:#29916a}.note-field{margin-top:25px}.consent-all{font-weight:850;font-size:14px;padding:15px;background:#f1f8ee;border-radius:12px}.consent-all small{margin-left:auto;color:#73917b}.consent-list{display:grid;gap:9px;margin-top:14px}.consent-list>label{font-size:12px;font-weight:700;padding:6px}.consent-list details{font-size:12px;padding:11px 13px;border-radius:10px;background:#f7f9f6;color:#728176;line-height:1.75}.consent-list details summary{cursor:pointer;font-weight:800;color:#51715d}.summary-column{position:sticky;top:111px}.summary-card{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 18px 50px #0b2a241b;border:1px solid #e1e8e1}.summary-header{background:#102f2a;color:#f3fff3;padding:26px 25px 22px}.summary-header>span{color:#b5eac0;font-size:10px;font-weight:900;letter-spacing:.14em}.summary-header h3{display:flex;justify-content:space-between;font-size:23px;letter-spacing:-.05em;margin:10px 0;font-weight:900}.summary-header h3 span{color:#d1f77c}.summary-header p{font-size:12px;color:#aecab4;margin:0}.summary-body{padding:25px}.summary-service{display:flex;justify-content:space-between;font-weight:900;margin-bottom:18px;font-size:15px}.summary-service span{color:#338466;background:#e8f6ea;border-radius:8px;padding:4px 8px;font-size:11px}.price-rows{border-top:1px solid #ebf0ea;padding-top:8px}.price-row{display:flex;align-items:center;justify-content:space-between;margin:15px 0;color:#667369;font-size:12px}.price-row strong{color:#273b30;font-weight:800;font-size:13px}.total-price{display:flex;justify-content:space-between;align-items:center;background:#ecf7e8;padding:18px 16px;border-radius:13px;margin-top:18px}.total-price span{font-size:13px;font-weight:850;color:#2f6146}.total-price strong{font-size:33px;font-weight:950;letter-spacing:-.06em;color:#086246}.total-price strong small{font-size:14px;margin-left:2px}.compare-line{display:flex;align-items:center;justify-content:space-between;color:#889789;font-size:11px;margin:13px 2px 20px}.compare-line strong{color:#17835f}.payment-info{background:#f8faf7;padding:15px 12px;border:1px solid #e7ede5;border-radius:11px;display:flex;gap:10px;align-items:flex-start;margin-bottom:16px}.payment-icon{font-size:17px;color:#12a77a}.payment-info>div{display:grid;gap:5px;min-width:0}.payment-info strong{font-size:12px;color:#50635a}.payment-info small{font-size:11px;color:#899b8d;line-height:1.5;overflow-wrap:anywhere}.submit-btn,.button-primary{background:#0b845f;color:#fff;border:0;border-radius:12px;font-size:14px;font-weight:900;padding:16px 19px;transition:.17s}.submit-btn{width:100%;display:flex;align-items:center;justify-content:space-between}.submit-btn:hover,.button-primary:hover{background:#0b684c;transform:translateY(-1px)}.summary-disclaimer{font-size:11px;color:#8a978d;line-height:1.65;text-align:center;margin:13px 0 0}.trust-box{display:flex;align-items:flex-start;gap:13px;border:1px solid #dee9dc;border-radius:14px;background:#f1f6ed;margin-top:14px;padding:16px}.trust-box>span{font-size:18px}.trust-box div{display:grid;gap:6px}.trust-box strong{font-size:12px}.trust-box small{font-size:11px;color:#859385;line-height:1.5}.secondary-view{min-height:65vh;padding-top:15px}.secondary-view>.section-label{margin-bottom:24px}.secondary-view>.page-intro{margin-bottom:26px}.view-card{background:white;border:1px solid #e2eae2;border-radius:20px;box-shadow:var(--shadow);padding:31px;margin-bottom:25px}.view-card .field{margin-bottom:15px}.view-card hr{border:0;border-top:1px solid #e7eee7;margin:28px 0}.view-card h3{margin:0 0 18px;font-size:19px}.search-row{display:flex;gap:10px}.search-row input{flex:1}.order-list{display:grid;gap:12px}.order-tile{border:1px solid #e7eee7;border-radius:13px;padding:18px;background:#fbfdf9;display:flex;align-items:center;justify-content:space-between;gap:15px}.order-tile>div:first-child{display:grid;gap:7px}.order-tile strong{font-size:14px}.order-tile small{font-size:11px;color:#879789}.order-tile button{font-weight:850;border:1px solid #bddbc6;border-radius:9px;background:white;color:#12694d;padding:10px 13px;font-size:12px}.status-tag{display:inline-flex;align-items:center;border-radius:99px;background:#eaf5e8;color:#13835d;padding:6px 9px;font-size:11px;font-weight:900;width:max-content}.status-tag.pending_payment{color:#9d6325;background:#fff3e4}.status-tag.processing{color:#136b9e;background:#e6f3ff}.status-tag.cancelled{color:#7d6a6a;background:#f2eeee}.order-info{border-radius:12px;background:#f4f9f2;padding:20px;margin-top:15px}.order-info h4{font-size:18px;margin:0 0 14px}.order-info dl{display:grid;grid-template-columns:120px 1fr;gap:10px;font-size:13px;margin:0}.order-info dt{color:#889689}.order-info dd{margin:0;font-weight:800;overflow-wrap:anywhere}.order-info .message{margin-top:17px;background:white;border-radius:11px;padding:12px;color:#5f7766;font-size:13px;line-height:1.6}.empty-state{color:#89958b;text-align:center;padding:32px;border:1px dashed #d3e2d6;border-radius:13px;background:#fbfdfb;font-size:12px}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:36px}.guide-grid article{padding:27px 20px;border-radius:20px;background:white;border:1px solid #e1eae0}.guide-num{font-size:12px;color:#1a9a6c;font-weight:900;letter-spacing:.12em}.guide-grid h3{font-size:17px;margin:20px 0 10px}.guide-grid p{font-size:12px;line-height:1.9;color:#829183}.faq{background:white;border:1px solid var(--line);border-radius:20px;padding:28px 34px}.faq h2{font-size:23px}.faq details{padding:18px 0;border-bottom:1px solid #edf1eb}.faq details:last-child{border:0}.faq summary{cursor:pointer;font-weight:800;font-size:14px}.faq p{font-size:12px;line-height:1.85;color:#6e7e71}.login-intro{display:flex;align-items:center;gap:15px;margin-bottom:21px}.login-icon{display:grid;place-items:center;background:#ebf8ee;border-radius:14px;width:52px;height:52px;font-size:26px;color:#098c62}.login-intro h3{margin:0 0 6px}.login-intro p{color:#899787;margin:0;font-size:12px}.admin-card{max-width:500px}.admin-card form{display:grid;gap:10px}.admin-card .text-button{margin-top:18px}.dashboard-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.dashboard-head h3{margin:0 0 7px}.dashboard-head p{font-size:12px;color:#839184}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0}.admin-stats>div{border-radius:13px;background:#eff7ed;padding:16px;display:grid;gap:8px}.admin-stats small{color:#7f9683}.admin-stats strong{font-size:26px;color:#1c7454}.admin-list{display:grid;gap:15px}.admin-entry{border:1px solid var(--line);border-radius:14px;padding:19px;display:grid;gap:12px}.admin-entry-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.admin-entry-head strong{font-size:15px}.admin-entry small{color:#8a988e}.admin-entry p{font-size:12px;margin:0;color:#66756b;line-height:1.7}.admin-controls{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.admin-controls select,.admin-controls input{background:white;border:1px solid #dce7df;border-radius:10px;padding:11px 12px;font-size:12px;max-width:100%}.admin-controls input{flex:1;min-width:150px}.admin-controls button{padding:11px 16px;background:#106e53;border:0;color:white;border-radius:10px;font-weight:800;font-size:12px}.footer{background:#0e2924;color:#e1f0e4;padding:42px 0 18px}.footer-inner{display:flex;justify-content:space-between;gap:20px;padding-bottom:35px}.footer-brand{font-size:23px;font-weight:900;letter-spacing:-.05em}.footer p{font-size:13px;color:#aac4af}.footer small{font-size:11px;color:#88a492;line-height:1.6;display:block;max-width:650px}.footer-inner>div:last-child{display:grid;gap:11px;align-content:start}.footer-inner strong{font-size:13px}.footer button{border:0;padding:0;background:transparent;text-align:left;color:#9fbeab;font-size:12px}.footer-bottom{border-top:1px solid #ffffff1b;padding-top:18px;font-size:10px;color:#809f8b}.modal-backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#071a15b8;padding:22px;backdrop-filter:blur(6px)}.modal{position:relative;background:white;border-radius:24px;width:min(480px,100%);max-height:90vh;overflow:auto;padding:34px 30px;box-shadow:0 35px 70px #0003;text-align:center}.close-modal{position:absolute;right:18px;top:16px;border:0;background:#f0f5ef;border-radius:50%;width:33px;height:33px;font-size:24px;color:#587265}.modal-icon,.receipt-success{display:grid;place-items:center;background:#ebfae9;border-radius:19px;width:65px;height:65px;font-size:30px;margin:0 auto 17px;color:#13875d}.modal h2{font-size:23px;letter-spacing:-.05em;margin:0 0 10px}.modal>p{color:#839086;font-size:13px;line-height:1.65}.notice-panel{background:#f4f9f2;border:1px solid #e1ede2;border-radius:13px;text-align:left;padding:17px;margin:23px 0;display:grid;gap:8px}.notice-panel strong{font-size:12px}.notice-panel span{font-size:12px;color:#6a8170;line-height:1.75}.block{width:100%;display:block}.modal-footnote{display:block;font-size:11px;color:#94a19a;margin-top:13px}.receipt-modal .receipt-details{display:grid;gap:12px;margin:21px 0;padding:16px;background:#f6f9f3;border-radius:13px}.receipt-details>div{display:flex;justify-content:space-between;font-size:12px;gap:8px}.receipt-details span{color:#8b968f}.receipt-details strong{color:#2f4b39;overflow-wrap:anywhere}.token-box{background:#f4fbef;border:1px solid #d9e9dc;text-align:left;border-radius:12px;padding:14px;margin:17px 0}.token-box>span{display:block;font-size:12px;font-weight:850}.token-box>div{display:flex;gap:9px;align-items:center;margin:10px 0}.token-box code{font-family:ui-monospace,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;font-size:11px}.token-box small{color:#819087;font-size:11px;line-height:1.5}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:100;padding:14px 20px;background:#17372c;color:#f5fff2;border-radius:12px;box-shadow:0 15px 30px #09291844;font-size:13px;font-weight:700;text-align:center;min-width:240px;max-width:calc(100% - 32px)}
@media(max-width:1150px){.wrap{width:min(1080px,calc(100% - 36px))}.application-layout{grid-template-columns:minmax(0,1fr) 310px}.fact{padding:9px 13px}.fact-icon{height:38px;width:38px}.hero{padding:45px 41px}.hero h1{font-size:43px}}
@media(max-width:900px){.nav-link{padding:10px}.operation-tag{display:none}.hero{grid-template-columns:1.1fr .9fr;min-height:320px}.hero h1{font-size:36px}.hero-visual{scale:.9}.quickfacts{grid-template-columns:repeat(2,1fr);padding:9px}.fact:nth-child(2){border-right:0}.fact{border-bottom:1px solid var(--line)}.fact:nth-child(n+3){border-bottom:0}.application-layout{grid-template-columns:1fr}.summary-column{position:static;display:grid;grid-template-columns:1fr}.summary-card{max-width:none}.guide-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){body{font-size:14px}.wrap{width:calc(100% - 28px)}.site-alert{font-size:10px;padding:9px 11px;line-height:1.6}.header-inner{min-height:66px}.brand-logo{width:165px}.icon-menu{display:block}.nav{display:none;position:absolute;top:66px;left:0;right:0;padding:10px 14px 17px;background:white;box-shadow:0 15px 20px #0001;flex-direction:column;align-items:stretch;gap:3px}.nav.open{display:flex}.nav-link{text-align:left;padding:13px 18px}.main{padding:15px 0 55px}.hero{border-radius:23px;min-height:360px;display:block;padding:30px 24px 33px}.hero:after{width:400px;height:400px;right:-230px;bottom:-280px}.hero-kicker{font-size:10px}.hero h1{font-size:35px;margin:24px 0 15px}.hero p{font-size:12px}.hero p br{display:none}.hero-actions{margin-top:24px;gap:12px}.primary-link{padding:14px 17px;font-size:12px}.hero-caption{font-size:10px}.hero-visual{display:none}.quickfacts{margin:15px 0 51px;border-radius:16px}.fact{gap:9px;padding:14px 8px}.fact-icon{width:33px;height:33px;border-radius:10px;font-size:17px}.fact strong{font-size:13px}.fact span:last-child{font-size:10px}.section-label{font-size:10px}.apply-head{align-items:start;gap:10px}.apply-head h2,.secondary-view h1{font-size:26px}.apply-head p{font-size:11px;line-height:1.65}.step-chip{display:none}.form-card{border-radius:17px;margin-bottom:13px}.form-card-head{padding:19px 18px;gap:12px}.form-card-head h3{font-size:17px}.form-card-head p{font-size:11px;line-height:1.4}.step-number{height:37px;width:37px}.form-card-body{padding:20px 17px 23px}.form-grid{grid-template-columns:1fr;gap:16px}.field input,.field textarea{padding:13px}.choice-grid{gap:7px}.choice>span{font-size:12px;min-height:44px;padding:8px 4px}.choice>span:before{width:12px;height:12px;margin-right:4px}.choice input:checked+span:before{border-width:3px}.service-inner{padding:16px 13px;min-height:200px}.service-choice input:checked+.service-inner{padding:15px 12px}.service-inner>strong{font-size:15px}.service-inner>small{font-size:11px}.service-price{font-size:20px}.auth-panel{padding:12px;gap:8px;flex-wrap:wrap}.auth-symbol{height:33px;width:33px;font-size:17px}.auth-panel .outline-button{margin-left:auto}.coupon-grid{grid-template-columns:repeat(5,1fr)}.coupon-grid button{aspect-ratio:1.2}.subsection-heading{align-items:flex-start}.selected-section{padding:0 12px 12px}.player-entry{grid-template-columns:1fr 1fr auto;gap:6px}.player-entry button{padding:10px}.summary-header,.summary-body{padding:22px}.summary-column{margin-top:4px}.summary-card{border-radius:18px}.view-card{padding:19px;border-radius:16px}.search-row{flex-direction:column}.search-row button{width:100%}.guide-grid{grid-template-columns:1fr}.guide-grid article{padding:21px}.faq{padding:18px}.footer-inner{flex-direction:column}.modal{padding:27px 19px}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-entry-head{align-items:flex-start;flex-direction:column;gap:5px}.dashboard-head{align-items:start;flex-direction:column}.order-info dl{grid-template-columns:100px 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.service-choice{display:block;position:relative;cursor:pointer;min-width:0}

/* New independent storefront operating-status design */
.maintenance-notice{display:none;text-align:center;padding:64px 30px 70px;border:1px solid #dce5dd;border-radius:26px;background:radial-gradient(circle at 80% 0%,#e1fae0 0%,transparent 40%),linear-gradient(125deg,#fff,#f0f8f3);box-shadow:0 18px 45px rgba(22,68,52,.08);margin:32px auto 65px;max-width:920px}
.is-maintenance #maintenanceNotice{display:block}
.is-maintenance #view-apply .hero,.is-maintenance #view-apply .quickfacts,.is-maintenance #view-apply #applyForm,.is-maintenance #view-apply .apply-head,.is-maintenance #view-apply .application-layout{display:none!important}
.maintenance-symbol{width:86px;height:86px;margin:0 auto 20px;display:grid;place-items:center;font-size:42px;border-radius:28px;background:#e8f3e8;box-shadow:inset 0 0 0 1px #d9ecdf}
.maintenance-eyebrow{color:#31775e;letter-spacing:.14em;font-size:11px;font-weight:900}
.maintenance-notice h2{font-size:clamp(29px,4.3vw,48px);letter-spacing:-.06em;margin:14px auto}.maintenance-notice h2 span{color:#0f8e6d}
.maintenance-notice>p{color:#536e61;line-height:1.8;font-size:16px;max-width:500px;margin:14px auto}
.maintenance-notice p.maintenance-resume{color:#0d654e;font-weight:700;font-size:14px}
.maintenance-notice small{display:block;color:#839388;margin-top:24px}
.maintenance-actions{display:flex;gap:12px;justify-content:center;margin-top:28px;flex-wrap:wrap}
.maintenance-actions button{padding:14px 22px;border-radius:12px;font-weight:800}
.maintenance-refresh{border:0;background:#0c5e49;color:white}.maintenance-orders{border:1px solid #cbded2;background:#fff;color:#164a3b}
.is-maintenance .operation-tag{background:#fce8dd;color:#a34b24}
@media(max-width:650px){.maintenance-notice{padding:45px 18px;margin:22px auto 45px}.maintenance-actions{flex-direction:column}.maintenance-actions button{width:100%}}

/* Individual customer-to-operator conversation; no public chat room. */
.chat-card{margin:22px 0;border:1px solid #d4e6df;border-radius:19px;overflow:hidden;background:white;box-shadow:0 12px 34px #14352c0b}
.chat-title{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#eff9f4}.chat-title strong{font-size:15px}.chat-title p{color:#72877a;font-size:12px;margin:6px 0 0}.chat-private-pill{font-size:11px;color:#18624c;background:white;border-radius:30px;border:1px solid #d0e4da;padding:5px 10px;white-space:nowrap}
.chat-messages{min-height:190px;max-height:320px;overflow:auto;padding:19px 20px;display:flex;flex-direction:column;gap:14px;background:linear-gradient(#fff,#fbfefa)}.chat-empty{text-align:center;color:#8c9c91;font-size:12px;margin:auto}
.chat-bubble{max-width:85%;display:flex;flex-direction:column;gap:5px}.chat-bubble.from-customer{align-self:flex-end;align-items:flex-end}.chat-bubble.from-admin{align-self:flex-start;align-items:flex-start}
.chat-bubble-text{padding:12px 15px;border-radius:14px 14px 14px 4px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.6;background:#edf3ee;color:#213e32}.from-customer .chat-bubble-text{background:#11614d;color:white;border-radius:14px 14px 4px 14px}
.chat-bubble small{font-size:10px;color:#93a299}.chat-compose{display:flex;gap:9px;padding:14px 19px;border-top:1px solid #eef1ed}.chat-compose input{flex:1;min-width:0;border:1px solid #dbe6dc;border-radius:12px;padding:13px;font:inherit}.chat-compose button{border:0;border-radius:11px;padding:0 19px;color:white;background:#096d51;font-weight:800;white-space:nowrap;cursor:pointer}.chat-compose button:disabled{opacity:.4;cursor:wait}.chat-warning{display:block;color:#8e9b90;font-size:11px;padding:0 19px 15px}
@media(max-width:640px){.chat-title{padding:15px}.chat-messages{padding:14px;min-height:150px}.chat-compose{padding:11px}.chat-compose button{padding:0 13px}.chat-bubble{max-width:90%}}

/* Per-application OTP readiness only; no authentication or challenge code relay. */
.otp-ready-box{border:1px solid #cce5d5;border-radius:19px;padding:23px;background:linear-gradient(125deg,#fff,#f2fcf6);margin:22px 0}.otp-ready-head{display:flex;align-items:center;gap:13px}.otp-ready-icon{font-size:26px;background:#e5f6e9;padding:12px;border-radius:13px}.otp-ready-head strong{font-size:17px;color:#104f3c}.otp-ready-head p,.otp-ready-box small{font-size:12px;color:#718479;line-height:1.7;margin:6px 0}.otp-status-info{display:flex;flex-wrap:wrap;gap:8px 15px;align-items:center;margin:17px 0;font-size:12px;color:#627b6c}.otp-state{color:#07684d;font-weight:800;background:#e4f5e9;padding:7px 11px;border-radius:8px}.otp-ready-action{background:#11634b;border:none;border-radius:12px;color:#fff;padding:13px 20px;font-weight:850;width:100%;margin:0 0 11px}.otp-ready-action:disabled{background:#9bab9e;cursor:not-allowed}


/* 2026-11-08: understated floating shortcuts, not a copy of any competitor layout. */
.quick-dock{position:fixed;z-index:60;right:18px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:4px;padding:8px;background:#fff;border:1px solid #dceae1;box-shadow:0 16px 42px #0b49321c;border-radius:18px}
.quick-dock-item{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:78px;min-height:69px;border:0;border-radius:12px;background:transparent;color:#35574a;font-size:11px;font-weight:800;cursor:pointer}
.quick-dock-item:hover,.quick-dock-item:focus-visible{background:#eaf7ef;color:#096649}.dock-icon{font-size:23px;line-height:1}
.chat-shade{position:fixed;inset:0;background:#082d25a1;z-index:102}
.chat-drawer{position:fixed;right:0;top:0;bottom:0;width:min(430px,100vw);z-index:103;display:flex;flex-direction:column;background:#f8fcf9;box-shadow:-20px 0 50px #072b2336}
.chat-drawer .chat-card{display:flex;flex-direction:column;flex:1;min-height:0;margin:0;border:0;border-radius:0;box-shadow:none}
.chat-drawer .chat-messages{flex:1;max-height:none;min-height:100px}
.drawer-heading{background:#0d493a;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:20px;gap:10px}
.drawer-heading strong{display:block;font-size:18px}.drawer-heading small{display:block;color:#b7e4d1;font-size:11px;margin-top:5px}
.drawer-heading button{border:1px solid #79a89860;border-radius:9px;background:#225d4c;color:#fff;font-size:24px;min-width:38px;min-height:38px}
.drawer-instructions{padding:27px;line-height:1.8;color:#416455}
.delay-notice{display:flex;align-items:center;gap:16px;margin:18px auto 20px;border-radius:15px;border:1px solid #d5e1da;background:linear-gradient(108deg,#f7fbf6,#eef8ee);padding:16px 22px}
.delay-notice strong{color:#1c5c48;font-size:14px}.delay-notice p{font-size:12px;color:#637e70;margin:5px 0}.delay-notice #delayTime{font-size:12px;font-weight:850;color:#0b694e}
.delay-pulse{color:#c17b29;font-size:30px}
.is-delayed .operation-tag{background:#fff1dd;color:#8c591c}
.footer.footer-compact{margin-top:35px;padding:18px 0;background:#113b2f}.footer-compact-inner{display:flex;gap:13px;align-items:center;justify-content:center;flex-wrap:wrap;text-align:center;color:#e7f3ed}
.footer-compact-inner strong{font-size:13px}.footer-compact-inner span{font-size:12px}.footer-compact-inner small{width:100%;font-size:10px;color:#b0c9bb}
.is-maintenance .maintenance-notice{padding:43px 24px 39px;margin:25px auto 29px;max-width:800px}
.is-maintenance .maintenance-symbol{height:60px;width:60px;font-size:30px;margin-bottom:10px;border-radius:20px}
.maintenance-notice h2{font-size:clamp(28px,4vw,38px);margin:12px 0}
.maintenance-notice>p{font-size:14px;line-height:1.6;max-width:540px;margin:9px auto}
.maintenance-actions{margin-top:19px}
.order-progress{border:1px solid #dbe9df;background:#f7fcf8;border-radius:15px;padding:16px;margin:16px 0 20px}
.order-progress-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:#1a4f3c;margin-bottom:14px}.order-progress-title span{font-size:11px;padding:6px 10px;background:#e1f1e6;border-radius:30px;font-weight:800}
.order-stage-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.order-stage{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;font-size:10px;color:#879b8b;position:relative}.order-stage:before{content:'';position:absolute;left:50%;right:-60%;top:13px;height:2px;background:#e0eae2}.order-stage:last-child:before{display:none}
.stage-dot{display:grid;place-items:center;width:27px;height:27px;border-radius:10px;background:#edf2ee;color:#839487;font-weight:900;z-index:1}
.order-stage.past .stage-dot{background:#d8f0df;color:#14654d}.order-stage.current .stage-dot{background:#12634a;color:#fff;box-shadow:0 4px 9px #0b604333}.order-stage.current{color:#116649;font-weight:900}.order-stage.past{color:#53826a}
.order-cancel{font-size:12px;color:#985b39}
.status-dashboard{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;padding:22px;background:#eff8f2;border:1px solid #d3e6da;border-radius:19px}.status-dashboard-main{position:relative;padding-left:21px}.live-point{position:absolute;left:0;top:5px;width:11px;height:11px;border-radius:50%;background:#48a780}.status-dashboard-main strong{font-size:20px}.status-dashboard-main p{color:#5e7a6b;font-size:12px}.status-dashboard-main>span:last-child{font-size:12px;font-weight:800;color:#2b7954}.status-digits{display:grid;grid-template-columns:1fr 1fr;gap:12px}.status-digits>div{background:white;border:1px solid #e0e9e2;padding:21px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:14px}.status-digits span{font-size:28px;font-weight:900;color:#15533f}.status-digits small{font-size:11px;color:#6e8375}.status-actions{display:flex;gap:9px;margin:19px 0}.status-actions button{padding:12px 20px}.status-footnote{font-size:12px;color:#849487}
@media(max-width:980px){.quick-dock{right:6px}.quick-dock-item{width:58px;min-height:57px;font-size:10px}.dock-icon{font-size:19px}}
@media(max-width:640px){body{padding-bottom:68px}.quick-dock{top:auto;bottom:0;right:0;left:0;transform:none;flex-direction:row;justify-content:space-evenly;padding:6px max(10px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom));border-radius:14px 14px 0 0;box-shadow:0 -10px 26px #07382418}.quick-dock-item{min-height:51px;width:30%;max-width:120px}.chat-drawer{width:100vw}.delay-notice{padding:15px;gap:11px}.delay-notice strong{font-size:12px}.status-dashboard{grid-template-columns:1fr;padding:16px}.status-digits>div{padding:14px}.order-stage-list{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:14px}.order-stage:nth-child(3n):before{display:none}.footer-compact-inner{gap:6px}.footer-compact-inner span{display:none}.footer-compact-inner small{line-height:1.55}.is-maintenance .maintenance-notice{padding:30px 17px;margin:14px auto 24px}.status-actions{flex-wrap:wrap}}

/* v4: compact customer-facing text and tighter layout */
.quickfacts-simple{grid-template-columns:repeat(3,minmax(0,1fr));padding:12px 8px;margin:18px 0 50px}
.quickfacts-simple .fact{padding:9px 16px}
.quickfacts-simple .fact:last-child{border-right:0}
.quickfacts-simple .fact-icon{width:39px;height:39px}
.guide-simple{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:25px}
.guide-simple article{min-height:172px}
.guide-bottom{margin:22px 0 0;padding:20px 24px;background:#f0f8f1;border:1px solid #dce9df;border-radius:15px;color:#21563f}
.guide-bottom strong{font-size:13px}.guide-bottom p{font-size:12px;line-height:1.7;margin:7px 0 0;color:#64806d}
.guide-view{padding-bottom:10px}
.footer.footer-compact{margin-top:15px;padding:15px 0}
.is-maintenance .main{padding-bottom:16px}
.is-maintenance .maintenance-notice{margin-bottom:17px}
.maintenance-notice small{margin-top:13px}
@media(max-width:900px){.guide-simple{grid-template-columns:1fr}.guide-simple article{min-height:0}.quickfacts-simple{grid-template-columns:1fr}.quickfacts-simple .fact{border-right:0;border-bottom:1px solid var(--line)}.quickfacts-simple .fact:last-child{border-bottom:0}}
@media(max-width:640px){.quickfacts-simple{margin-bottom:32px}.guide-bottom{padding:17px}.footer.footer-compact{margin-bottom:60px}.is-maintenance .main{padding-bottom:5px}}

/* HODADAK_CHAT_NOTICE_V1: 인증 준비 후 고객별 문의함 안내 */
.otp-chat-notice{margin:16px 0 8px;padding:19px 17px;border:2px solid #0c8a68;border-radius:17px;background:linear-gradient(135deg,#e9f9f1 0%,#fff 100%);color:#103d33;text-align:center;box-shadow:0 6px 24px rgba(4,77,55,.08)}
.otp-chat-notice-icon{font-size:25px;margin-bottom:4px}
.otp-chat-notice>strong{display:block;font-weight:850;font-size:20px;line-height:1.5}
.otp-chat-notice p{font-size:14px;line-height:1.8;margin:8px 0 16px;color:#385f51}
.otp-chat-notice p b{color:#075e48;font-size:17px}
.otp-chat-link{display:block;width:100%;border:0;border-radius:11px;background:#075c46;color:white;padding:13px 16px;font-size:15px;font-weight:850;cursor:pointer}
.otp-chat-link:hover{background:#064a38}
.otp-chat-link:focus-visible{outline:3px solid #82d3b3;outline-offset:3px}
@media(max-width:640px){.otp-chat-notice{padding:17px 12px}.otp-chat-notice p b{font-size:16px}}

/* HODADAK_BIZ_UX_V1 - customer checkout polish, original deep green & ivory palette retained */
.receipt-bank{margin:-5px 0 16px;padding:15px;border:1px solid #dce9de;border-radius:13px;background:#fbfdf9;text-align:left;display:grid;gap:10px}.receipt-bank div{display:flex;flex-direction:column;gap:5px}.receipt-bank span,.receipt-bank small{font-size:11px;color:#738678}.receipt-bank strong{font-size:14px;color:#155a45;overflow-wrap:anywhere}.receipt-bank button{width:max-content;padding:7px 12px}.biz-order-bank{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border:1px solid #dceadd;border-radius:12px;margin-top:18px;padding:14px}.biz-order-bank>div{display:grid;gap:5px}.biz-order-bank small{color:#718b77;font-size:11px}.biz-order-bank strong{color:#075b48;font-size:15px}.biz-order-bank span{color:#60776b;font-size:12px}.biz-order-bank button{border:1px solid #c0d8c7;border-radius:9px;background:#edf7ed;color:#0b604a;font-weight:800;padding:9px 12px;white-space:nowrap}.biz-field-hint{margin:8px 0 0;min-height:16px;color:#718378;font-size:12px;font-weight:650}.biz-field-hint.valid{color:#16784c}.biz-field-hint.invalid{color:#b84b3f}.biz-review-modal{width:min(520px,calc(100vw - 30px));max-height:min(88vh,740px);overflow-y:auto;text-align:left}.biz-review-kicker{font-size:10px;font-weight:900;letter-spacing:.14em;color:#16795c}.biz-review-modal h2{font-size:23px;margin:8px 0}.biz-review-modal>p{font-size:13px;color:#5b7569;line-height:1.6}.biz-review-summary{background:#f5f9f5;border:1px solid #e0ebe2;border-radius:12px;padding:11px 15px;margin:17px 0}.biz-review-summary>div{display:flex;justify-content:space-between;gap:20px;padding:8px 1px;border-bottom:1px solid #e4ede5}.biz-review-summary>div:last-child{border-bottom:0}.biz-review-summary dt{font-size:12px;color:#77867b}.biz-review-summary dd{font-size:13px;font-weight:850;text-align:right;margin:0;color:#14392e}.biz-review-breakdown{border-top:1px solid #e2ebe4;padding-top:8px}.biz-review-breakdown>div{display:flex;justify-content:space-between;gap:14px;padding:6px 0;font-size:12px;color:#62756a}.biz-review-breakdown strong{color:#274d3e}.biz-review-total{margin:14px 0;border-radius:13px;background:#e8f5eb;display:flex;align-items:center;justify-content:space-between;padding:14px;font-size:13px;font-weight:700;color:#0e5b43}.biz-review-total strong{font-size:22px}.biz-review-note{font-size:12px!important;color:#647d6f!important}.biz-review-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin-top:20px}.biz-review-actions button{padding:13px 10px;border-radius:11px;font-weight:800}.biz-stage-help{margin:-8px 0 18px;border-left:3px solid #3f9b76;padding:7px 11px;background:#f1f9f2;border-radius:0 9px 9px 0;color:#2f604c;font-size:12px;line-height:1.6}
@media(max-width:640px){.biz-review-modal{padding:24px 19px}.biz-review-actions{grid-template-columns:1fr 1fr}.biz-review-modal h2{font-size:20px}}

/* HODADAK_COMMERCIAL_V5 – commercially focused polish */
.biz-faq{border:1px solid #dfece3;border-radius:20px;background:#fff;padding:27px;margin-top:22px}
.biz-faq h2{font-size:21px;margin:0 0 12px;letter-spacing:-.035em}
.biz-faq details{padding:15px 0;border-bottom:1px solid #edf1eb}
.biz-faq details:last-child{border-bottom:0}
.biz-faq summary{font-weight:800;cursor:pointer;font-size:14px;color:#163d31;list-style-position:inside}
.biz-faq p{font-size:13px;line-height:1.8;color:#547367;padding-left:15px}
.otp-ready-box[data-auth-state="ready"] .otp-chat-notice,.otp-ready-box[data-auth-state="in_progress"] .otp-chat-notice{box-shadow:0 8px 28px #08624614}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #3fad86;outline-offset:3px}
@media(max-width:640px){.biz-faq{padding:20px 17px;margin:14px 0}.biz-faq h2{font-size:18px}}

/* v8 brand refresh: text logo replaces legacy image with embedded former name */
.brand-new-logo{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;border-radius:13px;background:#10382f;color:#fff;font-size:24px}
.brand-new-title{display:flex;flex-direction:column;align-items:flex-start;gap:2px;font-size:clamp(19px,2.5vw,27px);font-weight:900;letter-spacing:-.055em;line-height:1.1;color:#10382f;white-space:nowrap}
.brand-new-title small{font-size:10px;font-weight:600;letter-spacing:-.01em;color:#63766d}
@media(max-width:480px){.brand-new-logo{width:34px;height:34px;font-size:20px}.brand-new-title{font-size:20px}.brand-new-title small{font-size:9px}}

/* 후딱대낙 v9 — subtle premium visual refinements */
.hero{background:radial-gradient(ellipse at 78% 10%,rgba(61,173,128,.55),transparent 50%),radial-gradient(ellipse at 10% 90%,rgba(15,121,110,.45),transparent 58%),linear-gradient(125deg,#092c27,#07513e);box-shadow:0 28px 72px rgba(5,66,47,.22)}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(112deg,transparent 30%,rgba(255,255,255,.065) 51%,transparent 70%);pointer-events:none}
.visual-card{box-shadow:0 27px 75px rgba(0,28,21,.36);border-color:rgba(255,255,255,.8)}
.form-card,.summary-card,.quickfacts{transition:box-shadow .22s ease,transform .22s ease}
@media(hover:hover){.form-card:hover,.quickfacts:hover{box-shadow:0 20px 50px rgba(14,71,50,.11)}.summary-card:hover{box-shadow:0 23px 55px rgba(12,65,47,.16)}}
.primary-link,.submit-btn{box-shadow:0 9px 24px rgba(0,34,21,.13)}
.field input:focus-visible,.field textarea:focus-visible,.search-row input:focus-visible{outline:3px solid rgba(23,170,132,.2);outline-offset:1px}
button:focus-visible,a:focus-visible{outline:3px solid #40cda5;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.form-card,.summary-card,.quickfacts{transition:none}}

/* v11: mobile-first stage-specific customer journey */
.stage-focus{display:flex;align-items:flex-start;gap:18px;margin:18px 0 22px;padding:25px;border:1px solid #d7e9df;border-radius:22px;background:linear-gradient(135deg,#f5fff8,#eaf6f0);box-shadow:0 12px 30px #103b2920}
.stage-focus-icon{width:64px;height:64px;flex:none;display:grid;place-items:center;border-radius:18px;background:white;box-shadow:0 6px 16px #0b3e2720;font-size:31px}
.stage-focus-content{flex:1;min-width:0}.stage-focus-content>small{color:#16835a;font-size:11px;font-weight:900;letter-spacing:.07em}.stage-focus h3{font-size:23px;line-height:1.3;margin:6px 0 10px;color:#103c2d}.stage-focus p{font-size:14px;line-height:1.75;color:#395c4c;margin:0 0 13px}.stage-focus-note{font-size:12px;color:#527b68;background:#ffffffb9;padding:10px 12px;border-radius:10px;line-height:1.5}.stage-chat-button{border:0;border-radius:12px;background:#126b50;color:white;padding:13px 17px;margin-top:16px;font-size:13px;font-weight:850;cursor:pointer;box-shadow:0 5px 13px #0b4e362b}.stage-chat-button:hover{background:#09553d}.stage-completed{background:linear-gradient(135deg,#f0fff4,#dff7e8)}.stage-cancelled{background:#fff7f6;border-color:#f2ded9}.stage-auth_pending{background:linear-gradient(135deg,#f5f9ff,#eaf0ff);border-color:#dce4ff}.stage-auth_pending .stage-focus-content>small{color:#365ec1}
@media(max-width:640px){.stage-focus{padding:19px 16px;gap:12px;border-radius:17px}.stage-focus-icon{width:46px;height:46px;font-size:23px;border-radius:13px}.stage-focus h3{font-size:19px}.stage-focus p{font-size:13px}.stage-chat-button{width:100%;min-height:46px}}

/* v12 animated customer stage visuals */
.stage-focus-icon.is-animated{position:relative;overflow:hidden;background:radial-gradient(circle at 35% 25%,#fff,#d9f4e6);border:1px solid #c6e8d5}
.stage-focus-icon.is-animated:after{content:"";position:absolute;inset:5px;border:2px solid transparent;border-top-color:#1a9868;border-right-color:#6cbea0;border-radius:50%;animation:hodadak-spin 2.2s linear infinite}
.stage-focus-icon.is-animated span{display:block;animation:hodadak-float 1.5s ease-in-out infinite;z-index:1}
.stage-processing .stage-focus-icon.is-animated span{transform-origin:75% 85%;animation:hodadak-mine .9s ease-in-out infinite}
.stage-completed .stage-focus-icon{background:#e0f9e8}
@keyframes hodadak-spin{to{transform:rotate(360deg)}}
@keyframes hodadak-float{50%{transform:translateY(-5px)}}
@keyframes hodadak-mine{0%,100%{transform:rotate(-14deg)}50%{transform:rotate(16deg)}}
@media(prefers-reduced-motion:reduce){.stage-focus-icon.is-animated:after,.stage-focus-icon.is-animated span{animation:none}}


/* v13 — compact bespoke motion characters and mobile-first premium tracking. */
.brand{gap:10px;align-items:center}
.brand-emblem{width:46px;height:46px;flex:none;display:grid;place-items:center;border-radius:15px;background:linear-gradient(140deg,#064d40,#11966e);box-shadow:0 7px 18px #0a6d5428}
.brand-emblem svg{width:36px;height:36px}
.brand-newword{display:flex;flex-direction:column;white-space:nowrap;font-size:24px;font-weight:950;letter-spacing:-.065em;color:#103c30;line-height:1.05}
.brand-newword small{margin-top:5px;color:#709787;font-weight:850;font-size:8px;letter-spacing:.17em}
.order-info{border:1px solid #e2ece6;border-radius:23px;background:white;padding:22px;box-shadow:0 10px 36px #0d4c3110}
.order-info h4{font-size:17px;margin:2px 0 16px;letter-spacing:-.02em}
.order-progress{background:#f8fbf8;border:1px solid #e0eae2;padding:18px;margin:13px 0 16px;border-radius:17px}
.order-progress-title{margin-bottom:14px;font-size:13px}
.order-progress-title span{background:#dff4e9;color:#0d7655}
.order-stage-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;row-gap:0}
.order-stage{gap:6px;min-width:0;font-size:10px;font-weight:750;color:#8d9991;letter-spacing:-.035em;white-space:nowrap}
.order-stage .stage-dot{width:29px;height:29px;font-size:12px;font-weight:900}
.order-stage.current{color:#146c4f}.order-stage.current .stage-dot{background:#09684f;color:white;box-shadow:0 0 0 4px #c5eedb}
.order-stage.past .stage-dot{background:#d0eadd;color:#176e50}
.order-stage:before{top:14px}
.stage-focus{display:flex;flex-direction:column;gap:12px;margin:16px 0;padding:17px 20px;border:1px solid #cce6d7;border-radius:20px;background:linear-gradient(135deg,#f6fff9,#eaf6ef);box-shadow:0 11px 28px #0d663b14}
.stage-focus-main{display:flex;align-items:center;gap:12px;min-width:0}
.stage-focus-icon,.stage-focus-icon.is-animated{position:relative;flex:none;display:flex;align-items:center;justify-content:center;width:104px;height:96px;border:0;border-radius:18px;background:radial-gradient(circle at 50% 45%,#fff,#e6f6ed);box-shadow:inset 0 0 0 1px #e4f3e9;overflow:hidden}
.stage-focus-icon:after,.stage-focus-icon.is-animated:after{content:none;animation:none}
.stage-focus-icon img{display:block;width:100%;height:100%;object-fit:contain}
.stage-focus-content{flex:1;min-width:0}.stage-focus-content>small{display:flex;gap:6px;align-items:center;color:#16805d;font-size:10px;font-weight:900;letter-spacing:.07em}
.stage-live-dot{height:7px;width:7px;flex:none;background:#1ac585;border-radius:50%;box-shadow:0 0 0 4px #24c18519}
.stage-focus h3{font-size:22px;font-weight:900;line-height:1.28;letter-spacing:-.04em;margin:8px 0 8px;color:#103c2e}
.stage-focus p{font-size:13px;line-height:1.68;margin:0;color:#39634f}
.stage-focus-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #d4e8d9;padding-top:12px}
.stage-focus-note{font-size:11px;line-height:1.55;color:#658372;background:transparent;padding:0;margin:0;flex:1;min-width:0}
.stage-chat-button{margin:0;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;border-radius:12px;padding:10px 14px;font-size:12px;font-weight:850;background:#107457;box-shadow:0 7px 14px #0f70431c;transition:transform .15s,background .15s}
.stage-chat-button:hover{transform:translateY(-1px);background:#075640}
.stage-pending-foot{font-size:11px;color:#39795a}
.stage-auth_pending{background:linear-gradient(135deg,#f4fafc,#e9f6f9);border-color:#d3e9ef}
.stage-auth_pending .stage-focus-content>small{color:#1b7691}
.stage-completed{background:linear-gradient(135deg,#f5fff8,#e4fae9);border-color:#bdebd0}
.stage-completed .stage-live-dot{background:#0f9f66}
.stage-cancelled{background:#f8f6f4;border-color:#e8dfdb}
.biz-stage-help{display:none}
.otp-ready-box{border-radius:17px}
@media(max-width:640px){
 .brand-emblem{width:39px;height:39px;border-radius:13px}.brand-emblem svg{width:32px;height:32px}.brand-newword{font-size:20px}
 .order-info{padding:13px;border-radius:18px}
 .order-progress{padding:14px 9px;margin:10px 0 13px}
 .order-progress-title{padding:0 5px}
 .order-stage-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}
 .order-stage{font-size:9px;gap:7px}.order-stage .stage-dot{width:25px;height:25px;font-size:11px}
 .order-stage:before{top:12px}
 .stage-focus{margin:12px 0;padding:12px;border-radius:17px;gap:10px}
 .stage-focus-main{gap:10px;align-items:center}
 .stage-focus-icon,.stage-focus-icon.is-animated{width:82px;height:80px;flex-basis:82px;border-radius:13px}
 .stage-focus h3{font-size:16px;margin:5px 0 5px;line-height:1.35}
 .stage-focus p{font-size:11px;line-height:1.5}
 .stage-focus-content>small{font-size:9px}
 .stage-focus-bottom{align-items:stretch;flex-direction:column;gap:8px;padding-top:10px}
 .stage-focus-note{font-size:10px}
 .stage-chat-button{width:100%;min-height:42px;font-size:12px}
 .order-info dl{grid-template-columns:94px minmax(0,1fr);gap:9px;font-size:12px}
}
@media(max-width:360px){.stage-focus-icon,.stage-focus-icon.is-animated{width:70px;height:72px;flex-basis:70px}.stage-focus h3{font-size:15px}.order-stage{font-size:8px}}
@media(prefers-reduced-motion:reduce){.stage-focus *{animation:none!important}}

/* v15 — 본인 인증 요청 UX: click signals readiness, never transfers an OTP. */
.stage-auth-indicator{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;border:1px solid #bfdfeb;border-radius:999px;background:#fff;color:#23627b;font-size:11px;font-weight:800;padding:6px 12px}
.stage-auth-indicator:before{content:"";width:7px;height:7px;background:#3ca3ce;border-radius:50%;animation:authPulse 1.7s ease-in-out infinite}
.stage-auth-indicator.finished{color:#087855;background:#ebfff2;border-color:#b8e8cb}
.stage-auth-indicator.finished:before{background:#08a06b;animation:none}
.stage-action-group{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.stage-auth-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:12px;min-height:42px;padding:10px 20px;background:linear-gradient(125deg,#127b62,#0b5d48);color:#fff;font-size:13px;font-weight:900;cursor:pointer;box-shadow:0 8px 17px #0b6c451f}
.stage-auth-button:hover{background:#095940}
.stage-auth_pending .stage-chat-button{background:#e8f6fb;color:#195870;box-shadow:none;border:1px solid #c5e2ec}
.stage-auth_pending .stage-chat-button:hover{background:#d6f0f7}
@keyframes authPulse{0%,100%{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:1}}
@media(max-width:640px){.stage-action-group{width:100%;flex-direction:column}.stage-auth-button,.stage-auth_pending .stage-chat-button{width:100%}}
@media(prefers-reduced-motion:reduce){.stage-auth-indicator:before{animation:none}}

/* v17: Rounded, non-sensitive progress steps on the verification status card. */
.auth-status-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:7px;padding:10px 4px 8px;border-top:1px solid #d7e9e9}
.auth-status-step{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;color:#7b9190}
.auth-status-circle{width:39px;height:39px;border:1px solid #d5e4e4;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:#76968b;font-weight:900;font-size:15px;transition:background .2s,border-color .2s,color .2s}
.auth-status-step.is-current .auth-status-circle{background:#14795e;color:#fff;border-color:#14795e;box-shadow:0 0 0 4px #d7f3e8}
.auth-status-step.is-done .auth-status-circle{background:#e3f6ec;border-color:#9ddcba;color:#14795e}
.auth-status-label{font-size:11px;font-weight:800;white-space:nowrap}
@media(max-width:640px){.auth-status-steps{gap:4px;padding:10px 0 6px}.auth-status-circle{width:34px;height:34px;font-size:13px}.auth-status-label{font-size:10px}}
@media(prefers-reduced-motion:reduce){.auth-status-circle{transition:none}}

/* v19: short-lived service PIN and four-step readiness UI */
.stage-focus .auth-status-steps{width:100%;margin:10px 0;border-top:1px solid #d5e8e8;padding-top:16px}
/* v20: motion-free, rectangular PIN card. No rotating circles or animation. */
.smart-pin-placeholder{width:100%;border:1px dashed #b4cbd0;border-radius:14px;padding:15px;background:#f4fafc;color:#426774;text-align:center;font-weight:750;font-size:12px}
.smart-pin-display{width:100%;box-sizing:border-box;border-radius:19px;padding:20px 18px 18px;background:linear-gradient(135deg,#102f39 0%,#163d49 60%,#1c4f54 100%);color:#fff;text-align:left;box-shadow:0 12px 25px #0e34412e;border:1px solid #4b77815c;overflow:hidden}
.smart-pin-header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:17px}
.smart-pin-brand{font-size:10px;letter-spacing:.16em;color:#e7f3f4;font-weight:900;white-space:nowrap}
.smart-pin-brand b{color:#9ee1ca;font-weight:900;letter-spacing:.09em}
.smart-pin-label{font-size:11px;font-weight:750;color:#c8e5e5}
.smart-pin-digits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(7px,2.6vw,13px);margin:0 0 14px}
.smart-pin-digit{min-width:0;aspect-ratio:1.02/1;max-height:78px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f8ffff,#e4f4f3);color:#13424a;border:1px solid #d2efeb;border-radius:11px;font-size:clamp(27px,7vw,37px);font-weight:950;font-variant-numeric:tabular-nums;box-shadow:0 4px 0 #80b7b533,0 7px 15px #021a2240;animation:none!important;transform:none!important}
.smart-pin-caption{display:block;color:#d1f3e7;font-size:11px;font-weight:700;line-height:1.7}
.smart-pin-caution{display:block;color:#99bfc1;font-size:10px;line-height:1.6;margin-top:3px}
@media(max-width:360px){.smart-pin-display{padding:16px 12px}.smart-pin-header{gap:6px}.smart-pin-brand{font-size:9px}.smart-pin-label{font-size:10px}.smart-pin-digit{border-radius:9px;font-size:26px}}


/* V21 : 구글 플레이 스크래치카드의 실물 느낌만 참고한 후딱대낙 자체 브랜드 카드.
   번호는 노출형/정적이며 스크래치 · 회전 효과가 전혀 없습니다. */
.gift-pin-card{
 width:100%;box-sizing:border-box;position:relative;overflow:hidden;isolation:isolate;
 border:1px solid #dce3dd;border-radius:20px;padding:24px 20px 13px;
 background:linear-gradient(146deg,#fff 0%,#fcfdfc 36%,#f0f2ee 100%);
 box-shadow:0 10px 26px rgba(34,61,55,.13),inset 0 1px 0 rgba(255,255,255,.98);
 color:#173a35;text-align:left;
}
.gift-pin-card::after{content:'';position:absolute;pointer-events:none;top:0;left:15%;right:15%;height:4px;
 background:linear-gradient(90deg,transparent,rgba(19,143,113,.18),transparent)}
.gift-pin-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px}
.gift-pin-logo{display:block;width:min(62%,210px);max-height:52px;height:auto;object-fit:contain;object-position:left center}
.gift-pin-edition{flex:none;font-size:9px;font-weight:950;letter-spacing:.13em;color:#087b63;border:1px solid #b8d9cc;border-radius:5px;padding:5px 7px;background:#effbf5}
.gift-pin-description{font-size:12px;color:#71837c;font-weight:680;margin:5px 0 17px}
.gift-pin-code-frame{position:relative;background:linear-gradient(100deg,#c3c9c6 0%,#f6f8f6 17%,#e5e9e7 41%,#f9faf9 65%,#bec6c2 100%);
 border:1px solid #bcc6c1;border-radius:9px;padding:11px 10px 14px;text-align:center;
 box-shadow:inset 0 2px 6px #73857c24,0 3px 0 #a2b0a633;}
.gift-pin-code-frame::before,.gift-pin-code-frame::after{content:'';position:absolute;left:6px;right:6px;height:1px;background:rgba(255,255,255,.6);pointer-events:none}
.gift-pin-code-frame::before{top:5px}.gift-pin-code-frame::after{bottom:5px}
.gift-pin-code-label{display:block;font-size:10px;letter-spacing:.04em;color:#52655d;font-weight:750;margin-bottom:2px}
.gift-pin-number{display:block;font-size:clamp(40px,12vw,63px);line-height:1.12;letter-spacing:.21em;padding-left:.21em;
 font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;font-weight:850;
 font-variant-numeric:tabular-nums;color:#193b36;text-shadow:0 1px 0 #fff9;white-space:nowrap;user-select:text}
.gift-pin-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:13px 0 7px}
.gift-pin-barcode{height:25px;width:49%;opacity:.68;border-radius:1px;background:repeating-linear-gradient(90deg,
 #183a34 0 2px,transparent 2px 4px,#183a34 4px 5px,transparent 5px 9px,#183a34 9px 13px,transparent 13px 15px,#183a34 15px 17px,transparent 17px 21px)}
.gift-pin-timer{font-size:10px;font-weight:800;color:#55756b;white-space:nowrap}
.gift-pin-caution{border-top:1px solid #dee7e0;padding-top:8px;margin:5px 0 0;font-size:10px;line-height:1.5;color:#758981}
@media(max-width:360px){.gift-pin-card{padding:18px 13px 12px;border-radius:16px}.gift-pin-head{gap:7px}.gift-pin-edition{font-size:8px;letter-spacing:.07em;padding:5px}.gift-pin-description{font-size:11px;margin-bottom:12px}.gift-pin-number{font-size:43px}.gift-pin-barcode{width:45%}}
@media(prefers-reduced-motion:reduce){.gift-pin-card,.gift-pin-number{animation:none!important;transition:none!important;transform:none!important}}

/* 글자형 브랜드 : 이미지를 못 불러오거나 작은 화면에서도 항상 선명하게 보임 */
.gift-pin-wordmark{display:flex;align-items:center;gap:9px;min-width:0}
.gift-pin-brand-icon{flex:none;display:grid;place-items:center;width:31px;height:31px;background:linear-gradient(145deg,#0c7756,#13a781);color:#fff;border-radius:9px;font-size:20px;box-shadow:0 3px 8px #09644a24}
.gift-pin-brand-name{font-size:clamp(19px,5.5vw,28px);font-weight:950;letter-spacing:-.06em;white-space:nowrap;color:#183f38}
@media(max-width:360px){.gift-pin-wordmark{gap:6px}.gift-pin-brand-icon{width:27px;height:27px;border-radius:7px;font-size:16px}.gift-pin-brand-name{font-size:20px}}

/* v22: customer-driven, order-scoped display PIN re-request */
.pin-retry-row{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#f6f9f6;border:1px solid #d8e5dc;border-radius:15px;padding:13px 15px;margin:14px 0}
.pin-retry-row p{margin:0;color:#526b5c;font-size:12px;font-weight:750}
.pin-retry-button{border:1px solid #0d7660;background:white;color:#075a48;border-radius:10px;padding:10px 14px;font-size:12px;font-weight:850}
.pin-retry-button:hover:not(:disabled){background:#eaf9ef}
.pin-retry-button:disabled{background:#e5f3e9;color:#4d8069;border-color:#b6d5c2;cursor:default}
@media(max-width:370px){.pin-retry-row{padding:11px;gap:9px}.pin-retry-button{width:100%}}

.pin-retry-actions{display:flex;gap:8px;flex-wrap:wrap}


/* V23: legal consent UI: compact on mobile, all choices explicit. */
.consent-v23 .form-card-body{padding-top:18px}
.consent-master{display:flex;align-items:center;gap:14px;background:linear-gradient(100deg,#e4f3e8,#eff9e8);border:1px solid #bde2c6;border-radius:15px;padding:18px 16px;margin-bottom:14px;cursor:pointer}
.consent-master input,.consent-item input{width:20px;height:20px;flex-shrink:0;accent-color:#087e5d;margin:0}
.consent-master>span{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.consent-master strong{font-size:16px;letter-spacing:-.02em}
.consent-master small{font-size:11px;color:#507765}
.consent-v23 .consent-list{margin-top:0;gap:0;border:1px solid #e2eae3;border-radius:15px;overflow:hidden;background:#fff}
.consent-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:15px 14px;min-height:59px;border-bottom:1px solid #eef1ee}
.consent-item:last-child{border-bottom:0}
.consent-item label{display:flex;align-items:center;gap:10px;cursor:pointer;min-width:0;line-height:1.45;font-size:13px;font-weight:760;flex:1}
.consent-required,.consent-optional{font-size:10px;font-weight:850;margin-right:4px;border-radius:4px;padding:3px 5px;white-space:nowrap;background:#e1f6e7;color:#087c55}
.consent-optional{background:#f1f2f2;color:#767f78}
.consent-view{flex-shrink:0;background:transparent;border:0;padding:9px 0 9px 5px;color:#557266;font-weight:750;font-size:12px;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
.consent-view span{font-size:17px;line-height:0}
.consent-view:hover,.consent-view:focus-visible{color:#076045}
.consent-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;color:#819186;font-size:11px;line-height:1.55}
.consent-bottom button{border:0;background:transparent;font-size:11px;color:#31745f;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.consent-validation{font-size:11px;color:#9e5e2f;margin:10px 0 0}
.consent-validation.is-complete{color:#00835e}
.policy-modal{width:min(590px,100%);padding:0;max-height:min(88vh,790px);display:flex;flex-direction:column;text-align:left;overflow:hidden}
.policy-modal-top{position:relative;padding:22px 27px 5px}
.policy-modal .close-modal{right:16px;top:15px}
.policy-kicker{font-size:10px;color:#14946b;font-weight:900;letter-spacing:.06em}
.policy-modal h2{padding:0 27px;margin:9px 0 3px;font-size:23px}
.policy-version{padding:0 27px;color:#8a9990;font-size:11px;margin:0 0 10px}
.policy-modal-body{overflow-y:auto;min-height:0;overscroll-behavior:contain;padding:8px 27px 25px;flex:1}
.policy-paragraph{border-top:1px solid #e9eee9;padding:17px 0}
.policy-paragraph h3{margin:0 0 8px;font-size:14px;color:#203a2d}
.policy-paragraph p{font-size:12px;line-height:1.85;color:#5c7062;margin:0;overflow-wrap:break-word}
.policy-modal-bottom{border-top:1px solid #ecf0eb;padding:16px 27px 21px;background:#fff}
.footer-compact-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.footer-ident{display:grid;gap:6px}
.footer-legal-links{display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:flex-end}
.footer-legal-links a{color:#cee3d3;text-decoration:underline;text-underline-offset:4px;font-size:11px}
@media(max-width:600px){
 .consent-item{padding:12px 10px;gap:5px}
 .consent-item label{font-size:12px;gap:8px}
 .consent-master{padding:15px 13px}
 .consent-view{font-size:11px}
 .consent-bottom{align-items:flex-start;flex-direction:column;gap:4px}
 .policy-modal{max-height:calc(100dvh - 44px);border-radius:18px}
 .policy-modal-body{padding:8px 20px 20px}
 .policy-modal-top{padding:21px 20px 5px}
 .policy-modal h2{padding:0 20px;font-size:21px}
 .policy-version{padding:0 20px}
 .policy-modal-bottom{padding:13px 20px calc(13px + env(safe-area-inset-bottom))}
 .footer-legal-links{justify-content:flex-start}
}
/* V23 final mobile correction: modal must sit above the fixed bottom navigation. */
.modal-backdrop{z-index:90}
.toast{pointer-events:none}

/* V24 — protected per-order payment card (no account data in public assets). */
.bank-payment-card{position:relative;text-align:left;overflow:hidden;margin:18px 0;border-radius:20px;background:linear-gradient(153deg,#fff 0%,#f4fbf7 62%,#e4f4ec 100%);border:1px solid #c9e6d8;box-shadow:0 13px 35px #0d51351a;color:#163c2f}
.bank-payment-head{position:relative;display:flex;align-items:center;gap:10px;padding:19px 18px 15px;border-bottom:1px solid #dcebe1}
.bank-payment-head img{width:62px;height:62px;object-fit:contain;flex-shrink:0}
.bank-payment-head>div{min-width:0;flex:1}
.bank-payment-head small{font-size:10px;font-weight:900;letter-spacing:.11em;color:#2d8a65}
.bank-payment-head h4{font-size:20px;letter-spacing:-.05em;margin:2px 0 3px;color:#153c2c}
.bank-payment-head p{font-size:11px;line-height:1.45;margin:0;color:#638475}
.bank-payment-status{align-self:flex-start;background:#e0f4e8;color:#1e7556;font-size:10px;font-weight:850;padding:5px 8px;border-radius:30px;white-space:nowrap}
.bank-payment-total{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 18px;padding:16px 0;border-bottom:1px dashed #cadfd1}
.bank-payment-total span{font-size:12px;font-weight:750;color:#537b67}
.bank-payment-total strong{font-size:clamp(19px,5vw,27px);letter-spacing:-.04em;color:#076747;white-space:nowrap}
.bank-payment-values{display:grid;grid-template-columns:1fr;gap:9px;padding:15px 18px}
.bank-payment-values>div{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.bank-payment-values small{font-size:11px;color:#637e70;white-space:nowrap}
.bank-payment-values strong{font-size:14px;color:#214b37;overflow-wrap:anywhere;text-align:right}
.bank-payment-values .bank-payment-account{font-size:clamp(15px,4.3vw,21px);font-weight:900;letter-spacing:.02em;font-variant-numeric:tabular-nums}
.bank-payment-copy{display:block;margin:0 18px;width:calc(100% - 36px);padding:12px 14px;border:0;border-radius:11px;background:#12865d;color:white;font-size:13px;font-weight:850;cursor:pointer}
.bank-payment-copy:hover{background:#0c714e}
.bank-payment-note{margin:12px 18px 18px!important;font-size:11px!important;line-height:1.6!important;color:#6b8274!important}
.receipt-modal .bank-payment-card{margin:14px 0;box-shadow:none}
.receipt-modal .bank-payment-head{padding:12px}
.receipt-modal .bank-payment-head img{width:45px;height:45px}
.receipt-modal .bank-payment-head h4{font-size:18px}
.receipt-modal .bank-payment-total{margin:0 12px}
.receipt-modal .bank-payment-values{padding:12px}
.receipt-modal .bank-payment-copy{margin:0 12px;width:calc(100% - 24px)}
.receipt-modal .bank-payment-note{margin:11px 12px 15px!important}
@media(max-width:360px){.bank-payment-head{padding:13px;gap:7px}.bank-payment-head img{width:48px;height:48px}.bank-payment-head h4{font-size:17px}.bank-payment-status{font-size:9px;padding:4px 5px}.bank-payment-total{margin:0 13px}.bank-payment-values{padding:12px 13px}.bank-payment-copy{margin:0 13px;width:calc(100% - 26px)}.bank-payment-note{margin:11px 13px 15px!important}}

/* V25 5-service catalog: visual design keeps V24 green palette */
.service-group-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:6px 0 13px;font-size:15px;font-weight:900;color:var(--deep)}
.service-group-label span{font-size:11px;font-weight:650;color:var(--muted)}
.ten-service-group{margin-top:27px;padding-top:23px;border-top:1px solid var(--line)}
.ten-hint{margin:-5px 0 12px;color:var(--muted)}
.service-grid-v25{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.service-grid-v25.ten-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.service-grid-v25 .service-inner{min-height:164px;padding:18px 17px;gap:5px}
.service-grid-v25 .service-inner>strong{font-size:15px;line-height:1.35;letter-spacing:-.04em}
.service-grid-v25 .service-inner>small{line-height:1.45;min-height:28px}
.service-grid-v25 .service-price{margin-top:auto}
.service-grid-v25 .service-choice input:checked+.service-inner{padding:17px 16px}
.coupon-price-details{border:1px solid var(--line);background:#f7faf7;border-radius:14px;margin-top:14px;padding:0 14px}
.coupon-price-details>summary{padding:15px 3px;cursor:pointer;color:var(--green);font-weight:800}
.coupon-tier-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0 0 13px}
.coupon-tier-table>div{display:flex;align-items:center;justify-content:space-between;gap:5px;background:white;border:1px solid #e1eee6;border-radius:10px;padding:9px 11px;font-size:12px}
.coupon-tier-table b{color:var(--deep)}.coupon-tier-table span{color:var(--green);font-weight:850}
@media(max-width:760px){.service-grid-v25.ten-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.service-grid-v25,.service-grid-v25.ten-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.service-grid-v25 .service-inner{padding:12px 10px;min-height:162px}.service-grid-v25 .service-choice input:checked+.service-inner{padding:11px 9px}.service-grid-v25 .service-inner>strong{font-size:13px}.service-grid-v25 .service-inner>small{font-size:10px}.service-grid-v25 .service-price{font-size:18px}.service-group-label{font-size:13px;align-items:flex-start}.service-group-label span{font-size:10px}.coupon-tier-table{grid-template-columns:1fr 1fr;gap:5px}.coupon-tier-table>div{font-size:11px;padding:8px 6px}}

/* V26: account ID + mobile-first readability patch (no secret collection). */
.v26-account-section{margin-top:22px;padding:18px 17px;border:1px solid #dcece2;background:#f9fcfa;border-radius:15px}
.v26-account-section .field>span{font-size:15px}
.v26-account-section input{font-size:16px;min-height:50px;background:#fff}
.v26-account-notice{font-size:14px;line-height:1.7;color:#345d4b;margin:12px 0 0;overflow-wrap:anywhere}
.v26-account-notice strong{display:block;color:#0c6049;font-size:14px;margin-bottom:3px}
.form-card-head p,.hint,.biz-field-hint,.auth-message small{font-size:14px;line-height:1.6}
.field>span,.field-label{font-size:15px}
.field input,.field textarea{font-size:16px}
.service-grid-v25 .service-inner>small,.service-group-label span{font-size:13px;line-height:1.6}
.guide-grid p,.biz-faq p,.faq p{font-size:14px;line-height:1.75}
@media(max-width:640px){
 .form-card-head p,.hint,.biz-field-hint,.auth-message small{font-size:13px;line-height:1.65}
 .field>span,.field-label{font-size:15px}
 .v26-account-section{padding:15px 13px;margin-top:19px}
 .v26-account-section .field input{font-size:16px}
 .service-grid-v25 .service-inner>small{font-size:12px;min-height:0}
 .service-group-label span{font-size:12px}
 .choice>span{font-size:13px}
 .v26-account-notice{font-size:13px}
 .hero p,.apply-head p,.maintenance-notice>p{font-size:14px;line-height:1.7}
}

/* V27 — reference-inspired vertical account information layout; no credentials are collected */
.v27-login-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.v27-login-methods .choice{min-width:0}
.v27-login-information{display:grid;gap:17px;margin-top:22px;padding:23px;background:#f8fbf9;border:1px solid #dcebe1;border-radius:18px}
.v27-login-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:7px}
.v27-login-heading strong{font-size:17px;color:#103d30}
.v27-login-heading span{color:#6b8175;font-size:13px}
.v27-login-field{display:grid;gap:8px;margin:0}
.v27-login-field>span:first-child,.v27-login-label{font-size:15px;color:#193c32;font-weight:800}
.v27-login-information input{width:100%;min-height:52px;padding:12px 15px;font-size:16px;border:1px solid #cddfd5;border-radius:12px;background:#fff}
.v27-credential-row{display:flex;align-items:center;gap:10px;min-height:52px;padding:12px 15px;border:1px solid #dfebe4;border-radius:12px;background:#f0f5f2;color:#5f786c;font-size:15px}
.v27-lock-icon{font-size:16px}
.v27-login-information .v26-account-notice{margin:0;padding:15px;border-radius:12px;background:#e8f6ed;color:#275b46;font-size:14px;line-height:1.65}
@media(max-width:580px){.v27-login-methods{grid-template-columns:repeat(2,minmax(0,1fr))}.v27-login-information{padding:16px 13px;gap:15px}.v27-login-heading strong{font-size:16px}.v27-login-information .v26-account-notice{font-size:14px}.v27-credential-row{font-size:14px}}

/* V27 order lookup detail: restore missing metadata layout. */
#lookupResult{min-width:0;margin-top:18px}
.order-detail-card{width:100%;min-width:0;padding:22px;border:1px solid #e2eae5;border-radius:18px;background:#fff;box-shadow:0 12px 35px rgba(24,52,42,.05)}
.order-detail-head{display:flex;align-items:start;justify-content:space-between;flex-wrap:wrap;gap:12px}
.order-detail-ref{display:block;margin-bottom:5px;font-size:12px;color:#5a7568;font-weight:700;overflow-wrap:anywhere}
.order-detail-head h4{margin:0;font-size:18px;color:#163d31;line-height:1.4}
.order-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:20px 0 14px}
.order-meta-grid>div{min-width:0;padding:13px 15px;border:1px solid #e2ece5;border-radius:12px;background:#f7faf8}
.order-meta-grid>div small{display:block;margin-bottom:6px;color:#5c7769;font-size:12px;line-height:1.4}
.order-meta-grid>div strong{display:block;color:#16392e;font-size:14px;font-weight:750;line-height:1.55;overflow-wrap:anywhere;word-break:break-word}
.order-detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
@media(max-width:580px){.order-detail-card{padding:15px}.order-meta-grid{grid-template-columns:minmax(0,1fr);gap:8px;margin:15px 0 12px}.order-meta-grid>div{padding:11px 13px}}

/* Customer order lookup: consistent 14px label/value typography, preserving other UI. */
.order-detail-card .order-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;margin:20px 0 16px}
.order-detail-card .order-meta-grid > div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;gap:5px;padding:13px 15px;border:1px solid #e2ece5;border-radius:12px;background:#f7faf8}
.order-detail-card .order-meta-grid > div > small,
.order-detail-card .order-meta-grid > div > strong{display:block;max-width:100%;margin:0;font-family:inherit;font-size:14px;font-weight:600;line-height:1.55;letter-spacing:inherit;overflow-wrap:anywhere;word-break:break-word}
.order-detail-card .order-meta-grid > div > small{color:#5c7769}
.order-detail-card .order-meta-grid > div > strong{color:#16392e}
@media(max-width:580px){.order-detail-card .order-meta-grid{grid-template-columns:minmax(0,1fr);gap:9px;margin:15px 0}.order-detail-card .order-meta-grid > div{padding:11px 13px}}

/* 2026 final: order progress and one-to-one conversation in the same view */
.order-access-key{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0;padding:14px 16px;background:#f3faf5;border:1px solid #dce9df;border-radius:13px}
.order-access-key>div{display:flex;flex-direction:column;gap:5px;min-width:0}
.order-access-key b{color:#194f3b;font-size:13px}
.order-access-key code{color:#184937;font-size:12px;overflow-wrap:anywhere}
.order-access-key small{font-size:11px;color:#667f70}
.order-access-key button{flex:none}
.inline-order-chat{margin-top:21px;padding-top:19px;border-top:1px solid #e3ece4}
.inline-order-chat>h4{font-size:17px;margin:0 0 5px;color:#133f2e}
.inline-order-chat>p{font-size:13px;color:#6c8474;margin:0 0 10px}
.inline-order-chat .chat-card{margin:10px 0 0;box-shadow:none}
.inline-order-chat .chat-messages{min-height:175px;max-height:310px}
.inline-order-chat .otp-ready-box{margin:0 0 14px}
@media(max-width:580px){.order-access-key{align-items:flex-start;flex-direction:column}.order-access-key button{align-self:flex-end}.inline-order-chat .chat-compose{flex-wrap:nowrap}}


/* 2026-11-09: prominent customer verification CTA, large quick navigation and approval-based cancellation */
.stage-auth_pending .stage-focus{gap:17px}
.stage-focus.stage-auth_pending{padding:26px 30px;gap:20px;background:linear-gradient(120deg,#f0fcf6,#e9f8fd)}
.stage-focus.stage-auth_pending h3{font-size:clamp(25px,3.0vw,33px)}
.stage-focus.stage-auth_pending .stage-focus-content>p{font-size:16px;line-height:1.6}
.stage-focus.stage-auth_pending .auth-status-steps{max-width:760px;margin:12px auto 0;padding:24px 0 7px;gap:20px}
.stage-focus.stage-auth_pending .auth-status-circle{width:58px;height:58px;font-size:25px}
.stage-focus.stage-auth_pending .auth-status-label{font-size:16px;font-weight:850;margin-top:5px}
.stage-verify-cta{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;padding:13px 0 4px}
.stage-verify-prompt{color:#12654d;font-size:16px;text-align:center}
.stage-verify-cta .stage-auth-button{position:relative;isolation:isolate;width:min(410px,100%);min-height:72px;padding:16px 25px;border-radius:16px;font-size:clamp(22px,2.5vw,28px);font-weight:950;letter-spacing:-.03em;box-shadow:0 13px 30px #08704a40;animation:verify-glow 2s ease-in-out infinite}
.stage-verify-cta .stage-auth-button:hover{transform:translateY(-3px);box-shadow:0 16px 30px #0863445c}
@keyframes verify-glow{0%,100%{box-shadow:0 9px 22px #08704a35,0 0 0 0 #19ba8560}50%{box-shadow:0 15px 28px #08704a40,0 0 0 8px #19ba8510}}
.quick-dock{right:23px;gap:8px;padding:11px;border-radius:20px}
.quick-dock-item{width:104px;min-height:91px;gap:7px;font-size:16px;font-weight:900;border-radius:14px}
.quick-dock-item .dock-icon{font-size:31px}
.customer-cancel-section{margin:22px 0 4px;padding:26px 24px;border-radius:18px;border:1px solid #f1d7ce;background:linear-gradient(130deg,#fffaf7,#fffdfb)}
.customer-cancel-kicker{display:block;font-weight:800;letter-spacing:.10em;font-size:11px;color:#ad6847}
.customer-cancel-section h3{font-size:24px;color:#704538;margin:7px 0}
.customer-cancel-section p{font-size:15px;color:#765f59;line-height:1.6;margin:0 0 18px}
.customer-cancel-button{min-height:60px;width:100%;border:1px solid #b96040;border-radius:13px;color:#fff;background:#a95338;font-size:20px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:12px}
.customer-cancel-button:hover{background:#8b432e}
#customerCancelState>small{display:block;color:#806b63;margin-top:12px;text-align:center;font-size:13px}
.cancel-request-state{padding:18px;border:1px solid #e6d6d0;border-radius:12px;background:#fff;font-weight:850;font-size:17px;line-height:1.5}
.cancel-request-state.pending{background:#fff6eb;color:#995120}
.cancel-request-state.approved{background:#eef9f2;color:#0c6a44}
.cancel-request-state.rejected{color:#9b3030}
.cancel-modal{max-width:540px;text-align:left}
.cancel-modal-eyebrow{font-size:12px;color:#ac5c42;font-weight:900;letter-spacing:.10em}
.cancel-modal h2{font-size:28px;margin:9px 0}
.cancel-modal>p{font-size:14px;margin:0 0 20px}
.cancel-request-form{display:grid;gap:12px}
.cancel-request-form label{display:flex;flex-direction:column;gap:7px;font-size:15px;font-weight:850;color:#394b41}
.cancel-request-form input,.cancel-request-form textarea{width:100%;min-height:48px;border:1px solid #cfded4;background:#fff;border-radius:10px;padding:12px;font-size:16px;color:#1f3b2e;outline-offset:2px}
.cancel-request-form input[readonly]{background:#f1f4f0;font-weight:900}
.cancel-request-form textarea{resize:vertical}
.cancel-form-note{margin:4px 0 0!important;color:#6d6963!important;font-size:13px!important;line-height:1.6!important}
.cancel-submit-button{margin-top:5px;min-height:58px;border:0;border-radius:12px;background:#a44d36;color:white;font-size:19px;font-weight:950}
@media(max-width:980px){.quick-dock-item{width:86px;min-height:76px;font-size:14px}.quick-dock-item .dock-icon{font-size:27px}}
@media(max-width:640px){
 .stage-focus.stage-auth_pending{padding:20px 15px;gap:13px}
 .stage-focus.stage-auth_pending .stage-focus-content>p{font-size:14px}
 .stage-focus.stage-auth_pending .auth-status-steps{gap:5px;padding:18px 0 4px}
 .stage-focus.stage-auth_pending .auth-status-circle{width:47px;height:47px;font-size:21px}
 .stage-focus.stage-auth_pending .auth-status-label{font-size:13px}
 .stage-verify-prompt{font-size:14px}
 .stage-verify-cta .stage-auth-button{width:100%;font-size:23px;min-height:65px}
 .quick-dock{right:0;bottom:0;left:0;gap:2px;top:auto;padding:7px 8px calc(7px + env(safe-area-inset-bottom));flex-direction:row;transform:none}
 .quick-dock-item{min-height:65px;width:32%;max-width:none;font-size:14px;gap:3px}
 .quick-dock-item .dock-icon{font-size:25px}
 .customer-cancel-section{padding:19px 15px}
 .customer-cancel-section h3{font-size:21px}
 .customer-cancel-button{font-size:17px;min-height:57px}
 .cancel-modal{padding:24px 19px}
}
@media(prefers-reduced-motion:reduce){.stage-verify-cta .stage-auth-button{animation:none}}

/* Keep the enlarged shortcuts clear of form buttons at laptop widths. */
@media(min-width:981px) and (max-width:1450px){
 .main.wrap{width:calc(100% - 182px);max-width:1170px;margin-left:25px;margin-right:157px}
}
@media(min-width:641px) and (max-width:980px){
 body{padding-bottom:78px}
 .quick-dock{top:auto;bottom:0;right:0;left:0;transform:none;flex-direction:row;justify-content:space-evenly;min-width:0;padding:8px 12px;border-radius:16px 16px 0 0}
 .quick-dock-item{width:30%;min-height:64px;max-width:160px;font-size:15px}
}