/* Product cards for ad placement and one-time production services. */
.ad-guide{background:#f5f8fc;border:1px solid #e9eef5;border-radius:24px;padding:34px;margin-top:42px}
.ad-guide h2,.production-heading h2{font-size:30px;line-height:1.45;letter-spacing:-1.1px;color:#182a43;font-weight:750}
.ad-guide h2 em,.production-heading h2 em{font-style:normal;color:#0868ed}
.ad-guide-contact{border:0;padding:0;min-width:195px}.ad-guide-contact .primary-button{border-radius:10px}
.rate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}
.placement-card{--plan:#1466de;background:#fff;border:1px solid #e2e9f3;border-radius:18px;padding:22px;box-shadow:0 5px 18px #183c7210;min-width:0;display:flex;flex-direction:column}
.placement-middle{--plan:#7553c7}.placement-bottom{--plan:#188878}
.placement-header{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--plan);font-size:15px;font-weight:750}
.placement-header small{font-size:11px;font-weight:500;color:#68768a;background:#f3f6fa;padding:5px 8px;border-radius:6px}
.placement-preview{display:flex;align-items:center;gap:18px;padding:18px 0 20px}.placement-preview>span{font-size:12px;color:#68768a;line-height:1.6}
.mini-page{flex-shrink:0;width:112px;padding:7px;border:1px solid #dbe4f0;border-radius:7px;background:#f9fbfd;box-shadow:0 3px 8px #183c720c}
.mini-bar{display:block;height:5px;width:46%;background:#c8d5e6;border-radius:2px;margin-bottom:6px}.mini-layout{display:grid;grid-template-columns:15px 1fr 15px;gap:5px}.mini-rail{display:grid;gap:3px}.mini-rail i{height:6px;background:#e1e8f2;border-radius:2px}.mini-content{display:grid;grid-template-columns:1fr 1fr;gap:3px;align-content:start}.mini-content b{grid-column:1/-1;height:11px;background:#d9e2ef;border-radius:2px}.mini-content span{height:13px;background:#e7edf5;border-radius:2px}.mini-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:5px}.mini-bottom i{height:9px;background:#e1e8f2;border-radius:2px}
.preview-top .mini-rail i:nth-child(-n+3),.preview-middle .mini-rail i:nth-child(n+4):nth-child(-n+6),.preview-bottom .mini-rail i:nth-child(n+7),.preview-bottom .mini-bottom i{background:var(--plan)}
.placement-card h3{font-size:16px;letter-spacing:-.4px;margin:0 0 17px;color:#23344d}
.placement-price{display:flex;align-items:baseline;gap:7px}.placement-price strong{font-size:38px;font-weight:770;letter-spacing:-1.5px;color:#142943;line-height:1.2}.placement-price strong small{font-size:19px;letter-spacing:-.5px;margin-left:5px}.placement-price>span{font-size:12px;color:#7a879a}
.placement-daily{margin:7px 0 17px;color:var(--plan);font-size:12px;font-weight:650}.placement-daily small{font-size:10px;color:#8a94a4;font-weight:400}
.placement-card ul,.production-card ul{list-style:none;padding:17px 0 20px;margin:0;border-top:1px solid #edf1f6;color:#52637a;font-size:12px;line-height:1.8;display:grid;gap:6px}
.placement-card li::before,.production-card li::before{content:'✓';color:var(--plan,#1768e9);margin-right:8px;font-weight:700}
.plan-button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:43px;padding:10px 14px;border:1px solid #dbe5f3;border-radius:9px;background:#f2f6fc;color:#244b7e;font-size:12px;font-weight:700;cursor:pointer;margin-top:auto;text-align:left;transition:background .16s,border-color .16s}
.plan-button:hover{background:#e5efff;border-color:#9abcf2}.plan-button:focus-visible{outline:3px solid #8cbaff;outline-offset:3px}.plan-button b{font-size:18px;font-weight:500}
.placement-top .plan-button{background:#1466de;color:#fff;border-color:#1466de}.placement-top .plan-button:hover{background:#0956c5}.rate-note{font-size:11px;color:#7b8799;line-height:1.8;margin-top:18px}
.production-section{margin-top:42px;padding:8px 0 0}.production-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.production-heading .section-kicker{color:#708098}.production-heading h2{margin:10px 0 0}.production-heading>p{font-size:13px;line-height:1.8;color:#718097;margin:0 0 5px}
.production-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.production-card{display:flex;flex-direction:column;min-width:0;border:1px solid #e3e9f1;border-radius:18px;background:#fff;overflow:hidden;padding:0 24px 24px;box-shadow:0 5px 18px #183c7208}
.production-art{height:138px;margin:0 -24px 22px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#eff4ff;--studio:#2669e4}.production-landing .production-art{background:#f3effe;--studio:#8561d7}.production-website .production-art{background:#edf8f5;--studio:#2c9d84}
.studio-window{width:152px;height:94px;position:relative;background:white;border:1px solid #fff;border-radius:9px;box-shadow:0 11px 22px #3e5c8d22;transform:rotate(-4deg);padding:10px}
.studio-window>i{display:block;height:3px;width:24px;background:#d3ddee;border-radius:5px;margin-bottom:8px}.studio-window>div{background:#f3f6fa;border-radius:4px;height:60px;padding:10px}.studio-window span{display:block;background:var(--studio);width:38px;height:5px;border-radius:3px;margin-bottom:6px}.studio-window b{display:block;background:#dce4ee;width:65px;height:3px;border-radius:3px;margin:4px 0}.studio-window em{display:block;width:25px;height:8px;background:var(--studio);border-radius:2px;margin-top:8px}
.studio-phone{position:absolute;width:43px;height:73px;left:calc(50% + 51px);top:49px;background:white;border:3px solid white;border-radius:9px;box-shadow:0 7px 13px #3e5c8d26;transform:rotate(7deg);padding:9px 4px}.studio-phone i{display:block;width:15px;height:2px;background:#d6dfeb;margin:-5px auto 8px}.studio-phone span{display:block;height:25px;background:var(--studio);border-radius:4px}.studio-phone b{display:block;background:#dce4ee;height:3px;margin-top:7px}
.art-banner .studio-window{width:182px;height:74px;transform:rotate(-6deg)}.art-banner .studio-window>div{height:40px;background:linear-gradient(115deg,#1f56b0,#408af9);padding:8px}.art-banner .studio-window span,.art-banner .studio-window b,.art-banner .studio-window em{background:#fff}.art-banner .studio-window b{width:85px;opacity:.5}.art-banner .studio-window em{display:none}.art-banner .studio-phone{width:59px;height:61px;left:calc(50% + 39px);top:64px}.art-banner .studio-phone span{background:linear-gradient(135deg,#bbcfff,#5686ea);height:33px}.art-banner .studio-phone b{display:none}
.production-unit{font-size:11px;color:#7f8ca0}.production-card h3{font-size:23px;letter-spacing:-.8px;margin:9px 0 8px;color:#20324b}.production-description{color:#718097;font-size:12px;line-height:1.6;margin:0 0 21px}
.production-price{display:flex;align-items:baseline;gap:8px}.production-price strong{font-size:36px;line-height:1.15;font-weight:770;letter-spacing:-1px;color:#182e4c}.production-price small{font-size:19px;letter-spacing:-.3px;margin-left:4px}.production-price>span{color:#8792a3;font-size:11px}.production-tax{font-size:11px;color:#7f8a9d;margin:8px 0 19px}.production-card ul{padding:17px 0 12px}.production-exclusion{color:#8a94a4;font-size:10px;line-height:1.6;margin:0 0 18px}
.production-custom{display:flex;justify-content:space-between;align-items:center;gap:24px;background:#f5f8fc;border-radius:13px;padding:23px 26px;margin-top:18px}.production-custom span{font-size:11px;color:#2473d5;display:block;margin-bottom:7px}.production-custom strong{font-size:16px;color:#2b3f5b;letter-spacing:-.3px}.production-custom p{font-size:12px;color:#78869b;margin:7px 0 0}.production-custom .plan-button{min-width:180px;margin:0;background:white}.production-note{font-size:11px;color:#8792a3;line-height:1.8;margin:16px 3px 30px}

@media(max-width:1000px){.ad-guide{padding:23px}.rate-grid,.production-grid{gap:13px}.placement-card{padding:18px}.placement-preview{gap:10px}.placement-preview>span{font-size:11px}.mini-page{width:93px}.production-card{padding:0 18px 20px}.production-art{margin-left:-18px;margin-right:-18px}.production-heading>p{max-width:250px}.production-card h3{font-size:20px}}
@media(max-width:700px){.ad-guide{border-radius:17px;padding:20px 16px}.ad-guide h2,.production-heading h2{font-size:25px}.ad-guide-contact{padding-top:18px}.rate-grid,.production-grid{grid-template-columns:1fr;gap:16px}.placement-card{padding:22px}.placement-preview{justify-content:space-between}.mini-page{width:125px}.placement-preview>span{font-size:12px}.placement-price strong{font-size:36px}.production-heading{display:block}.production-heading>p{max-width:none;margin-top:14px}.production-card{padding:0 23px 23px}.production-art{margin-left:-23px;margin-right:-23px;height:128px}.production-card h3{font-size:23px}.production-custom{display:block;padding:20px}.production-custom .plan-button{width:100%;margin-top:17px}.production-custom strong{font-size:15px}.production-custom p{line-height:1.7}.production-section{margin-top:32px}}

/* Match each rail to the main content while preserving compact upper banners. */
.insurer-contact{grid-column:span 2;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;border:1px solid #dfeaff;border-radius:8px;background:#f3f7ff;min-width:0}
.insurer-contact strong{display:block;font-size:12px;color:#263d60;line-height:1.5}.insurer-contact span{display:block;font-size:10px;color:#7a8ba5;margin-top:5px}.insurer-contact span b{color:#0768fa}
.insurer-contact .contact-link{flex-shrink:0;display:flex;align-items:center;gap:7px;border-radius:6px;padding:9px 10px;background:#fff;color:#0768fa;font-size:10px;font-weight:650}.insurer-contact .contact-link b{font-size:15px}.insurer-contact .contact-link:hover{background:#e4edff}
@media(min-width:980px){.workspace{align-items:stretch}.ad-rail{display:flex;flex-direction:column}.side-banners{flex:1;grid-template-rows:repeat(6,236px) repeat(4,minmax(252px,1fr))}.side-banners .ga-banner{height:100%;aspect-ratio:auto}.side-banners .ad-slot{min-height:0}}
@media(min-width:1200px){.bottom-banner-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.bottom-banner-grid .banner-content{padding:18px 16px;min-height:190px}.bottom-banner-grid .banner-content h3{font-size:18px;max-width:100%}.bottom-banner-grid .banner-content p{font-size:10px;max-width:85%}.bottom-banner-grid .fintech-art{width:90px;height:90px;right:4px;bottom:12px}.bottom-banner-grid .tone-blue .fintech-art{width:64px;height:64px;right:13px;bottom:23px;border-radius:18px}.bottom-banner-grid .inquiry-label{margin-top:auto;font-size:10px}.bottom-banner-grid .slot-price .slot-cost{justify-content:space-between;gap:4px}.bottom-banner-grid .slot-price .slot-cost strong{font-size:10px}.bottom-banner-grid .slot-cost .daily-rate{font-size:9px}}
@media(min-width:980px) and (max-width:1199px){.bottom-banner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.insurer-contact{padding:9px;gap:4px;flex-wrap:wrap}.insurer-contact strong{font-size:11px}.insurer-contact .contact-link{padding:6px 8px}}
@media(max-width:620px){.insurer-contact{padding:10px;gap:5px}.insurer-contact strong{font-size:11px}.insurer-contact .contact-link{padding:8px;font-size:9px}}

/* DEVBEAR artwork remains uncropped at every viewport size. */
.custom-development{margin-top:24px;overflow:hidden;border-radius:18px;background:#040811;border:1px solid #142135}
.custom-development-image{display:block;width:100%;padding:0;background:#040811;text-align:left}
.custom-development-image img{display:block;width:100%;height:auto;object-fit:contain}
.custom-development-image:focus-visible{outline:3px solid #7aabff;outline-offset:-4px}
.custom-development-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 26px;border-top:1px solid #1a2a43;background:#08101d}
.custom-development-footer strong{display:block;color:#f5f8ff;font-size:15px;font-weight:650}
.custom-development-footer p{margin-top:6px;color:#95a5bd;font-size:12px;line-height:1.7}
.custom-development-footer .plan-button{min-width:144px;min-height:44px;margin:0;padding:11px 16px;border-radius:5px;background:#1853df;border-color:#1853df;color:#fff;font-size:13px;font-weight:600;box-shadow:none;transition:background-color .15s,border-color .15s}
.custom-development-footer .plan-button b{color:inherit;font-size:18px;font-weight:400}
.custom-development-footer .plan-button:hover{background:#164bc9;border-color:#164bc9;box-shadow:none}
.custom-development-footer .plan-button:focus-visible{outline:2px solid #7da4ff;outline-offset:3px}
.custom-development-footer .plan-button:active{background:#1342b2;border-color:#1342b2;box-shadow:none}
@media(max-width:700px){.custom-development{border-radius:12px;margin-top:20px}.custom-development-footer{display:block;padding:17px}.custom-development-footer strong{font-size:14px}.custom-development-footer p{font-size:11px}.custom-development-footer .plan-button{width:100%;margin-top:14px}}


/* Consultation forms lead into the appropriate 1:1 chat. */
#production-dialog{max-width:850px;padding:29px}
#production-form>input,#production-form>select{margin-bottom:18px}
#production-scope{line-height:1.8}
#production-inquiry-text{font-size:12px;background:#fafbfd}
#production-copy-status{font-size:13px;color:var(--teal);min-height:20px;margin-top:9px}
.inquiry-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:16px}
.inquiry-actions .primary-button{flex:0 1 132px;width:132px;height:44px;padding:0 16px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1;font-size:13px;text-decoration:none;white-space:nowrap}
.inquiry-actions .secondary-button{flex:0 1 132px;width:132px;height:44px;padding:0 16px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1;border:1px solid #dbe4ef;border-radius:6px;background:#f3f6fa;color:#526985;font-size:13px;white-space:nowrap}
.inquiry-actions #copy-inquiry{width:auto;margin:0}
#production-copy-id[hidden]{display:none}
#ad-dialog .kakao-help,#production-dialog .kakao-help{line-height:1.8}
@media(max-width:620px){#production-dialog{padding:22px 18px}.inquiry-actions{gap:8px}.inquiry-actions .secondary-button{padding:0 12px}}
