body .service-nav{display:flex!important;max-width:1160px;margin:0 auto;padding:20px 28px;gap:24px;align-items:center;justify-content:space-between;flex-wrap:nowrap;background:white;border-bottom:1px solid #ececf2;box-sizing:border-box}body .service-nav .nav-brand{padding:0;background:none;flex-shrink:0}.nav-logo{display:block;position:relative;width:190px;height:38px;overflow:hidden}.nav-logo img{position:absolute;width:268px;max-width:none;height:268px;left:-39px;top:-115px}.nav-menu{display:flex;gap:4px;align-items:center;margin-left:auto}body .service-nav .nav-menu a{padding:10px 11px;font-size:13px;white-space:nowrap}body .service-nav .nav-quote{display:flex;align-items:center;gap:9px;background:#ef9b27;color:#211a3f;padding:13px 17px;border-radius:12px;font-size:14px;font-weight:800;white-space:nowrap;box-shadow:0 5px 15px #d98a2525;transition:background .2s,transform .2s}.quote-speed{background:#fff8eb;color:#784603;padding:3px 7px;border-radius:6px;font-size:12px}body .service-nav .nav-quote:hover{background:#ffb340;transform:translateY(-2px)}.nav-quote b{font-size:19px;margin-left:4px}@media(max-width:1000px){body .service-nav{flex-wrap:wrap;gap:14px;padding:16px 20px}.nav-menu{order:3;width:100%;justify-content:center;margin:0;overflow-x:auto}.nav-quote{margin-left:auto}}@media(max-width:520px){.nav-logo{width:153px;height:31px}.nav-logo img{width:216px;height:216px;left:-31px;top:-93px}body .service-nav{padding:15px 16px;gap:12px}body .service-nav .nav-quote{padding:10px;gap:5px;font-size:12px}.quote-speed{font-size:10px;padding:2px 4px}.nav-menu{gap:0;justify-content:space-between}body .service-nav .nav-menu a{font-size:11px;padding:9px 6px}.nav-quote b{font-size:15px;margin:0}}
body .service-nav .nav-logo{width:157px;height:32px}.nav-logo img{width:222px;height:222px;left:-32px;top:-95px}body .service-nav .nav-quote{position:relative;isolation:isolate;color:#34220d;background:linear-gradient(115deg,#ae651b 0%,#e1a349 17%,#fff0b9 36%,#efbd68 49%,#d99635 66%,#ffe8a9 83%,#c98a2b 100%);border:1px solid #bd8130;border-top-color:#ffe9ac;box-shadow:inset 0 1px 0 #fff9df,inset 0 -2px 0 #9f601f55,0 4px 0 #aa702921,0 7px 18px #b275322e;text-shadow:0 1px 0 #fff5d1;font-weight:850;padding:14px 19px}.nav-quote .quote-speed{background:linear-gradient(#fffdf0,#f4d99b);border:1px solid #b8884566;box-shadow:inset 0 1px 1px white;color:#6c431a}.service-nav .nav-quote:hover{filter:brightness(1.07);transform:translateY(-2px)}body .service-nav .nav-quote:hover{background:linear-gradient(115deg,#c58935,#ffecb2 38%,#e6b05b 65%,#fff0bf)}body .service-nav .nav-quote:focus-visible{outline:3px solid #1c1952;outline-offset:4px}@media(max-width:520px){body .service-nav .nav-logo{width:132px;height:27px}.nav-logo img{width:187px;height:187px;left:-27px;top:-80px}body .service-nav .nav-quote{padding:11px 12px}}
/* Full-width header background, aligned inner content. */
body .service-nav{width:100%;max-width:none;margin:0;padding-left:max(28px,calc((100% - 1104px)/2));padding-right:max(28px,calc((100% - 1104px)/2));border-radius:0;background:#fff;box-shadow:0 1px 0 #ececf2;border-bottom:0}body .service-nav .nav-logo{width:145px;height:30px}.nav-logo img{width:205px;height:205px;left:-29.7px;top:-88px}@media(max-width:1000px){body .service-nav{padding-left:20px;padding-right:20px}}@media(max-width:520px){body .service-nav{padding-left:16px;padding-right:16px}body .service-nav .nav-logo{width:123px;height:26px}.nav-logo img{width:174px;height:174px;left:-25px;top:-74.5px}}
.floating-quote{position:fixed;right:24px;bottom:24px;z-index:40;display:flex;align-items:center;gap:9px;padding:15px 20px;border-radius:15px;background:linear-gradient(115deg,#d18f31,#ffe9aa 38%,#edb45d 68%,#f9d78b);border:1px solid #bd8130;box-shadow:inset 0 1px 0 #fff7db,0 7px 25px #49351935;color:#30210f;text-decoration:none;font:800 14px Pretendard,sans-serif;transition:transform .2s}.floating-quote span{padding:3px 6px;background:#fff6dd;border-radius:6px;font-size:11px}.floating-quote b{font-size:18px}.floating-quote:hover{transform:translateY(-3px)}.floating-quote:focus-visible{outline:3px solid #1c1952;outline-offset:4px}body{padding-bottom:90px}@media(max-width:700px){.floating-quote{right:14px;bottom:max(14px,env(safe-area-inset-bottom));padding:12px 15px;font-size:12px;border-radius:12px}body:has(#form) .floating-quote,body:has(#dedicated) .floating-quote{bottom:calc(88px + env(safe-area-inset-bottom))}body:has(input:focus) .floating-quote,body:has(textarea:focus) .floating-quote,body:has(select:focus) .floating-quote{visibility:hidden}}
@media(prefers-reduced-motion:reduce){.floating-quote{transition:none}}

/* v103: paired navy floating / amber navigation quote buttons */
body .service-nav .nav-quote,.floating-quote{border:0;border-radius:14px;text-shadow:none;font-weight:800;gap:10px;justify-content:center;box-sizing:border-box}
body .service-nav .nav-quote{background:#ff9f1c;color:#1c1952;box-shadow:0 5px 16px #ff9f1c26;padding:14px 19px}
body .service-nav .nav-quote:hover{background:#ffad3d;filter:none}
body .service-nav .nav-quote .quote-speed{background:#1c1952;color:#fff;border:0;box-shadow:none;border-radius:6px;padding:4px 7px;text-shadow:none}
.floating-quote{left:50%;right:auto;bottom:24px;transform:translateX(-50%);background:#1c1952;color:white;box-shadow:0 8px 24px #1c195233;padding:16px 24px;white-space:nowrap;font-size:15px}
.floating-quote span{background:#ff9f1c;color:#1c1952;padding:4px 7px;border-radius:6px;font-weight:800}
.floating-quote:hover{transform:translateX(-50%) translateY(-3px);background:#282365}
@media(max-width:700px){.floating-quote{left:50%;right:auto;bottom:max(16px,env(safe-area-inset-bottom));font-size:14px;padding:14px 20px}}
@media(max-width:520px){body .service-nav .nav-quote{padding:11px 12px;gap:6px}}

/* v116: paired compact capsule quote controls */
body .service-nav .nav-quote,.floating-quote{border-radius:999px;gap:12px;line-height:1;letter-spacing:-.35px;font-weight:700;text-decoration:none;transition:background .2s,box-shadow .2s,transform .2s}
body .service-nav .nav-quote{padding:7px 7px 7px 15px;min-height:44px;background:#ff9f1c;color:#1c1952;box-shadow:none;font-size:13px}
body .service-nav .nav-quote .quote-speed,.floating-quote>span{display:inline-flex;align-items:center;gap:5px;border:0;border-radius:0;background:none;box-shadow:none;padding:0 11px 0 0;border-right:1px solid currentColor;color:inherit;font-size:11px;font-weight:700;line-height:16px;text-shadow:none}
body .service-nav .nav-quote .quote-speed:before,.floating-quote>span:before{content:'';display:block;width:12px;height:12px;box-sizing:border-box;border:1.5px solid currentColor;border-radius:50%;background:linear-gradient(currentColor,currentColor) 5px 2px/1px 4px no-repeat,linear-gradient(currentColor,currentColor) 5px 5px/3px 1px no-repeat}
body .service-nav .nav-quote b,.floating-quote b{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;margin:0;border-radius:50%;background:#1c1952;color:#fff;font-size:18px;font-weight:500;line-height:1;transition:transform .2s}
body .service-nav .nav-quote:hover{background:#ffb13f;transform:translateY(-1px);box-shadow:0 4px 12px #ff9f1c24;filter:none}
.floating-quote{left:50%;right:auto;bottom:24px;min-height:58px;padding:9px 9px 9px 22px;background:#1c1952;color:#fff;font-size:16px;gap:16px;border:1px solid #ffffff26;box-shadow:0 8px 28px #17133930,0 2px 5px #17133918;transform:translateX(-50%)}
.floating-quote>span{color:#ffc16b;font-size:12px;padding-right:15px;border-right-color:#ffffff26}
.floating-quote b{width:38px;height:38px;background:#ff9f1c;color:#1c1952;font-size:22px}
.floating-quote:hover{background:#27225f;transform:translateX(-50%) translateY(-2px);box-shadow:0 12px 30px #17133938}
body .service-nav .nav-quote:hover b,.floating-quote:hover b{transform:rotate(8deg)}
.floating-quote:focus-visible{outline:3px solid #ff9f1c;outline-offset:4px}
@media(max-width:520px){body .service-nav .nav-quote{min-height:40px;font-size:12px;padding:6px 6px 6px 11px;gap:8px}body .service-nav .nav-quote .quote-speed{font-size:10px;padding-right:7px;gap:4px}body .service-nav .nav-quote b{width:27px;height:27px;font-size:16px}.floating-quote{min-height:52px;padding:7px 7px 7px 18px;gap:13px;font-size:14px;bottom:max(16px,env(safe-area-inset-bottom))}.floating-quote b{width:36px;height:36px;font-size:20px}.floating-quote>span{font-size:11px;padding-right:12px}}
@media(prefers-reduced-motion:reduce){body .service-nav .nav-quote,.floating-quote,body .service-nav .nav-quote b,.floating-quote b{transition:none}}

/* v118: larger time label and three-dimensional stopwatch */
body .service-nav .nav-quote .quote-speed,.floating-quote>span{font-size:15px;font-weight:800;gap:7px;line-height:1}
body .service-nav .nav-quote .quote-speed:before,.floating-quote>span:before{width:28px;height:30px;flex-shrink:0;border:0;border-radius:0;background:url('assets/quote-timer-v118-lossless.webp') center/contain no-repeat}
.floating-quote>span{font-size:17px;gap:8px}
.floating-quote>span:before{width:32px;height:36px}
@media(max-width:520px){body .service-nav .nav-quote .quote-speed{font-size:13px;gap:5px;padding-right:7px}body .service-nav .nav-quote .quote-speed:before{width:23px;height:26px}.floating-quote>span{font-size:15px;gap:6px}.floating-quote>span:before{width:28px;height:32px}}

/* v119: consistent navigation quote typography */
body .service-nav .nav-quote{font-size:15px;font-weight:800}
body .service-nav .nav-quote .quote-speed,body .service-nav .nav-quote>span{font-size:15px;font-weight:800;line-height:1;letter-spacing:-.35px}
@media(max-width:520px){body .service-nav .nav-quote,body .service-nav .nav-quote .quote-speed,body .service-nav .nav-quote>span{font-size:13px;font-weight:800}}
