/* Hueflow · Blue paper. Presentation only; no commerce/access behavior. */
:root {
  --hf-blue:#2854bc; --hf-blue-dark:#204393; --hf-blue-light:#eff4fd;
  --ink:#18243a; --muted:#626e81; --paper:#fff; --fog:#f6f8fc;
  --olive:#eaf0fb; --olive-dark:#2854bc; --olive-soft:#eff4fd;
  --rose:#edf2fc; --rose-strong:#2854bc; --rose-soft:#f5f8ff; --focus:#2854bc;
  --hf-ink:#18243a; --hf-muted:#626e81; --hf-green:#2854bc;
  --hf-green-soft:#eff4fd; --hf-soft:#f6f8fc; --hf-line:#dce3ef;
  --hf-cream:#f6f8fc; --hf-canvas:#edf2fa; --hf-graphite:#27344b; --hf-stone:#626e81;
  --hf-clay:#2854bc; --hf-accent:#2854bc; --accent:#2854bc; --green:#2854bc; --green-dark:#204393; --green-soft:#eff4fd;
  --sales-bg:#fff; --sales-ink:#18243a; --sales-muted:#626e81;
  --sales-deep:#2854bc; --sales-rose:#2854bc; --sales-sage:#e5edfa;
  --sales-blue:#2854bc; --sales-rose-soft:#edf2fc; --sales-olive:#dbe7fa;
  --sales-line:#dce3ef; --hf-radius-lg:10px; --hf-radius-md:8px; --hf-radius-sm:6px;
  --hf-shadow:0 5px 20px rgba(32,67,147,.05); --sales-shadow:0 5px 20px rgba(32,67,147,.05);
}
html {scroll-padding-top:84px; -webkit-text-size-adjust:100%;}
body {background:#fff!important; color:#18243a; font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",sans-serif!important; font-size:14px; line-height:1.75; letter-spacing:-.01em;}
body h1, body .hero h1, body .hero-copy h1, body .hero-intro h1, body .sales-hero h1, body .portfolio__title, body .page-title {font-size:clamp(26px,2.8vw,34px)!important; line-height:1.4!important; font-weight:650!important; letter-spacing:-.035em!important;}
body h2, body .section-head h2, body .sales-section h2, body .service-copy h2 {font-size:clamp(22px,2.2vw,28px)!important; line-height:1.5!important; font-weight:650!important; letter-spacing:-.025em!important;}
body h3 {font-size:18px!important; line-height:1.55!important; font-weight:600!important; letter-spacing:-.02em!important;}
body .hero-copy, body .hero-lead, body .sales-lead, body .sales-section__lead, body .section-lead, body .service-lead, body .prose, body .lead {font-size:15px!important; line-height:1.85!important; font-weight:400!important; color:#626e81;}
body .eyebrow, body .sales-eyebrow, body .kicker, body .section-label {font-size:11px!important; letter-spacing:.08em!important; color:#2854bc!important; font-weight:600;}
body .site-header, body[data-page="home"] .site-header, body[data-page="home"] .site-header[data-surface] {background:rgba(255,255,255,.97)!important; color:#18243a!important; box-shadow:0 1px 0 #dce3ef!important; --ink:#18243a; --muted:#626e81; --rose-strong:#2854bc; --focus:#2854bc;}
body .site-header :is(.brand,.nav-dropdown summary,.nav-dropdown summary span,.nav-direct,.nav-account,.nav-account a,.nav-burger) {color:#27344b!important;}
body .site-header .nav-shell {min-height:64px; max-width:1180px;}
body .site-header .nav-direct {min-height:64px;}
body .site-header .brand img {width:32px; height:32px; background:#030303; border-radius:0!important; border:0.5px solid #000!important; box-shadow:none!important;}
body .site-header .nav-links {font-size:13px; font-weight:550;}
body .site-header .nav-burger span {background:#27344b!important;}
body .plano-sticky-cta {background:#2854bc!important; color:#fff!important; border-radius:5px!important; font-size:14px!important; box-shadow:0 3px 14px #2854bc20!important;}
body .site-header .dropdown-panel {width:252px; padding:6px; border:1px solid #e2e7ed; box-shadow:0 5px 16px #18243a0a; border-radius:5px;}
body .site-header .dropdown-item {grid-template-columns:minmax(0,1fr); gap:0; min-height:52px; padding:10px 12px; border-radius:3px; font-weight:400;}
body .site-header .dropdown-item .menu-icon,body .site-header .dropdown-item b {display:none;}
body .site-header .dropdown-item.is-featured {background:transparent;}
body .site-header .dropdown-item + .dropdown-item {box-shadow:none;}
body .site-header .dropdown-item small {font-size:11px; font-weight:400; line-height:1.5; color:#78818d; margin-top:3px;}
body .site-header .dropdown-item:hover {background:#eff4fd;}
body .site-header .dropdown-item strong {font-size:13px; font-weight:500; line-height:1.5;}
body .site-header .nav-dropdown summary {font-size:12px!important; font-weight:450!important; letter-spacing:0!important;}
body .site-footer h2,body footer h2 {font-size:13px!important; line-height:1.6!important; letter-spacing:0!important;}
body .login-card h2,body .dashboard-card h2,body .detail-block h2 {font-size:18px!important;}
body :is(.button,.btn,.sales-button,.primary-button,.submit-button,.pay-button) {border-radius:5px!important; font-size:14px!important; font-weight:600!important; letter-spacing:-.01em!important; min-height:44px; padding:11px 20px; box-shadow:none!important; transition:background-color .15s ease,border-color .15s ease!important;}
body :is(.button,.sales-button--dark,.btn-primary,.btn.primary,.primary-button,.submit-button,.pay-button) {background:#2854bc!important; color:#fff!important; border:1px solid #2854bc!important;}
body :is(.button,.sales-button--dark,.btn-primary,.primary-button):hover {background:#204393!important; border-color:#204393!important;}
body :is(.button.ghost,.button.secondary,.sales-button:not(.sales-button--dark),.btn-secondary) {background:#fff!important; color:#2854bc!important; border:1px solid #cad6ed!important;}
body :is(.button,.sales-button,.btn):disabled {opacity:.5; cursor:not-allowed;}
body :is(button,a,input,select,textarea,summary):focus-visible {outline:2px solid #2854bc!important; outline-offset:3px;}
body input:not([type=checkbox]):not([type=radio]):not([type=hidden]),body select,body textarea {border-radius:5px; font-size:16px; accent-color:#2854bc;}
body input[type=checkbox],body input[type=radio] {accent-color:#2854bc;}
body :is(.hero-rayon,.page-hero,.library-hero,.product-hero,.sales-hero) {
  background-color:#f8f9f6!important;
  background-image:linear-gradient(to bottom,#f8f9f6 0%,rgba(248,249,246,.96) 18%,rgba(248,249,246,.6) 45%,rgba(248,249,246,.08) 85%,transparent 100%),radial-gradient(ellipse at 50% 80%,rgba(218,231,241,.38),transparent 75%),linear-gradient(rgba(103,144,182,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(103,144,182,.12) 1px,transparent 1px)!important;
  background-size:100% 560px,100% 720px,14px 14px,14px 14px!important;
  background-repeat:no-repeat,no-repeat,repeat,repeat!important;
  border-color:#dce3e7!important;
}
body[data-page="home"] .hero-rayon h1 {color:#171918!important;}
body[data-page="home"] .hero-rayon {
  background-image:none!important;
  overflow:visible!important;
  z-index:2;
}
/* The paper lives inside the registration frame, leaving clean outer gutters. */
body[data-page="home"] .hero-rayon > .hf-paper-frame {
  inset:8px 3% 8px!important;
  border-color:#c4d9e7;
  background-color:#edf4f8;
  background-image:linear-gradient(to bottom,transparent 35%,rgba(248,249,246,.65) 65%,#f8f9f6 100%),linear-gradient(to bottom,#f8f9f6 0%,rgba(248,249,246,.98) 18%,rgba(248,249,246,.72) 48%,rgba(248,249,246,.18) 80%,transparent 100%),linear-gradient(rgba(110,154,193,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(110,154,193,.12) 1px,transparent 1px);
  background-size:100% 100%,100% 540px,18px 18px,18px 18px;
  background-repeat:no-repeat,no-repeat,repeat,repeat;
  background-clip:padding-box;
}
body[data-page="home"] .hf-paper-frame i {border-color:#b6d2e3; background:#f8faf8; z-index:1;}
@media(max-width:760px){body[data-page="home"] .hero-rayon > .hf-paper-frame{inset:8px 12px!important;background-size:100% 100%,100% 350px,18px 18px,18px 18px;}}
/* One shared pair of registration rails, from navigation through the footer. */
body[data-page="home"] {position:relative; --paper-gutter:3%;}
body[data-page="home"] main::before {display:none!important;}
body[data-page="home"] main::after {display:block!important; content:""; position:absolute; inset:0 var(--paper-gutter); width:auto; height:auto; border-inline:1px dashed #c4d9e7; background:none; opacity:1; transform:none; pointer-events:none; z-index:1;}
body[data-page="home"]::after {display:none;}
body[data-page="home"] .site-header::before {content:""; position:absolute; inset:0 var(--paper-gutter); border-inline:1px dashed #c4d9e7; pointer-events:none;}
body[data-page="home"] .site-footer {position:relative;}
body[data-page="home"] .site-footer::before {content:""; position:absolute; inset:0 var(--paper-gutter); border-inline:1px dashed #c4d9e7; pointer-events:none;}
body[data-page="home"] .site-header::after {content:""; position:absolute; left:calc(var(--paper-gutter) - 5px); right:calc(var(--paper-gutter) - 5px); bottom:-5px; height:10px; pointer-events:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath d='M5 .7 9.3 5 5 9.3 .7 5Z' fill='%23f8faf8' stroke='%23b6d2e3'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath d='M5 .7 9.3 5 5 9.3 .7 5Z' fill='%23f8faf8' stroke='%23b6d2e3'/%3E%3C/svg%3E"); background-position:left center,right center; background-repeat:no-repeat;}
body[data-page="home"] .hero-rayon > .hf-paper-frame {inset:0 var(--paper-gutter)!important; border-inline:1px dashed #c4d9e7; border-top:0;}
body[data-page="home"] .hf-paper-frame i:nth-child(-n+2) {display:none;}
body[data-page="home"] .site-header {box-shadow:none!important; border-bottom:1px dashed #c4d9e7;}
@media(max-width:760px){body[data-page="home"]{--paper-gutter:12px;}}
body[data-page="home"] .hero-intro > .eyebrow {display:none;}
body[data-page="home"] .hf-paper-frame::before {height:34px; top:0; border-top:0; border-bottom:1px dashed #b7cddd80; background:linear-gradient(90deg,transparent,rgba(218,231,241,.45),transparent);}
body[data-page="home"] .hf-paper-frame::after {content:"HUEFLOW STUDIO"; position:absolute; top:0; left:0; right:0; height:34px; display:flex; align-items:center; justify-content:center; color:#4c7397; font-size:11px; font-weight:500; letter-spacing:.12em;}
@media(max-width:760px){body[data-page="home"] .hf-paper-frame::before,body[data-page="home"] .hf-paper-frame::after{height:22px;}body[data-page="home"] .hf-paper-frame::after{font-size:9px;}}
body[data-page="home"] .site-header {background:rgba(248,249,246,.97)!important;}
/* Paper frame and registration diamonds are decorative, never interactive. */
body .hero-rayon {position:relative;}
body .hero-rayon > .hf-paper-frame {position:absolute!important; inset:8px 24px!important; width:auto!important; max-width:none!important; margin:0!important; padding:0!important; pointer-events:none; border:1px dashed #b7cddd80; z-index:0;}
.hf-paper-frame::before {content:""; position:absolute; top:34px; left:0; right:0; border-top:1px dashed #b7cddd80;}
.hf-paper-frame i {position:absolute; width:7px; height:7px; background:#f8f9f6; border:1px solid #b7cddd; transform:translate(-50%,-50%) rotate(45deg);}
.hf-paper-frame i:nth-child(1) {left:0; top:0;}
.hf-paper-frame i:nth-child(2) {left:100%; top:0;}
.hf-paper-frame i:nth-child(3) {left:0; top:34px;}
.hf-paper-frame i:nth-child(4) {left:100%; top:34px;}
.hf-paper-frame i:nth-child(5) {left:0; top:100%;}
.hf-paper-frame i:nth-child(6) {left:100%; top:100%;}
@media(max-width:760px){body .hero-rayon > .hf-paper-frame{inset:8px 10px!important;}.hf-paper-frame::before{top:22px;}.hf-paper-frame i:nth-child(3),.hf-paper-frame i:nth-child(4){top:22px;}}
body .hero-rayon {min-height:0!important; height:auto!important; padding-top:64px!important; padding-bottom:44px!important;}
body .hero-rayon::before,body .hero-rayon::after {opacity:.2; border-color:#b7cbea!important; background:none!important;}
body .hero-rayon h1 {color:#2854bc!important; font-size:clamp(28px,3.3vw,40px)!important; font-weight:550!important;}
body .hero-rayon .hero-copy {max-width:660px; margin:16px auto 0;}
body .hero-rayon .hero-actions {margin-top:24px; margin-bottom:32px; gap:10px;}
body .hero-rayon .hero-showcase {max-width:1000px; margin-inline:auto;}
body .hero-rayon .hero-showcase-card {border-radius:8px; border:1px solid #dce3ef; box-shadow:0 8px 30px #2854bc0c;}
body .section {padding-top:56px; padding-bottom:56px;}
body .section-compact {padding-top:40px; padding-bottom:40px;}
body .service-stage,body .service-stage-rose {background:#f6f8fc!important; color:#18243a; min-height:0; padding-block:64px;}
body .service-stage-rose {background:#fff!important;}
body .service-visual-shape {background:#e8effb!important; border-radius:8px;}
body .service-visual img {border-radius:8px;}
body .service-index h3 {font-size:18px!important;}
body .service-index p,body .service-note {font-size:14px!important; line-height:1.8;}
body [data-offer-pair] {border-color:#dce3ef;}
body .text-link {color:#2854bc; font-size:14px;}
body .sales-page {max-width:1120px; padding-top:32px;}
body .sales-hero {border-radius:8px!important; padding:28px!important; gap:24px; box-shadow:none!important;}
body .sales-hero h1 {font-size:28px!important;}
/* Online: open paper canvas instead of one heavy rounded hero panel. */
body[data-page="video"] {position:relative; --online-gutter:3%; --online-header:64px; --online-band:34px;}
body[data-page="video"] .site-header {box-shadow:none!important; border-bottom:1px dashed #c4d9e7;}
.online-paper-rails {position:absolute; inset:0 var(--online-gutter) 6px; border-inline:1px dashed #c4d9e7; border-bottom:1px dashed #c4d9e7; pointer-events:none; z-index:60;}
.online-paper-rails span {position:absolute; top:var(--online-header); left:0; right:0; height:var(--online-band); display:flex; align-items:center; justify-content:center; border-bottom:1px dashed #c4d9e7; background:linear-gradient(90deg,#f8f9f6, #eaf1f6,#f8f9f6); color:#4c7397; font-size:11px; font-weight:500; letter-spacing:.12em;}
.online-paper-rails i {position:absolute; width:7px; height:7px; background:#f8faf8; border:1px solid #b6d2e3; transform:translate(-50%,-50%) rotate(45deg); z-index:1;}
.online-paper-rails i:nth-of-type(odd){left:0;}
.online-paper-rails i:nth-of-type(even){left:100%;}
.online-paper-rails i:nth-of-type(1),.online-paper-rails i:nth-of-type(2){top:var(--online-header);}
.online-paper-rails i:nth-of-type(3),.online-paper-rails i:nth-of-type(4){top:calc(var(--online-header) + var(--online-band));}
.online-paper-rails i:nth-of-type(5),.online-paper-rails i:nth-of-type(6){top:100%;}
body[data-page="video"] .sales-page {margin-top:calc(var(--online-band) + 32px);}
body[data-page="video"] #business-info {padding-inline:calc(var(--online-gutter) + 24px); padding-bottom:48px;}
@media(max-width:760px){body[data-page="video"]{--online-gutter:12px;--online-header:60px;--online-band:22px;}.online-paper-rails span{font-size:9px;}}
body[data-page="video"] .sales-page {position:relative; isolation:isolate; overflow:visible;}
body[data-page="video"] .sales-page::before {content:""; display:block; position:absolute; inset:0 -24px auto; height:1100px; z-index:-1; pointer-events:none; opacity:1; transform:none; background:linear-gradient(to bottom,#fff 0%,rgba(255,255,255,.5) 28%,rgba(255,255,255,.65) 65%,#fff 100%),linear-gradient(rgba(110,154,193,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(110,154,193,.1) 1px,transparent 1px),#f5f9fc; background-size:100% 100%,18px 18px,18px 18px,100% 100%;}
body[data-page="video"] .sales-page::after {display:none!important;}
body[data-page="video"] .sales-hero {background:transparent!important; border:0!important; border-radius:0!important; padding:0!important; box-shadow:none!important;}
body[data-page="video"] .hero-shift {border-radius:4px!important; box-shadow:none!important;}
body[data-page="video"] .hero-body {padding:32px 0 0; gap:40px;}
body[data-page="video"] .price-card {border-radius:6px!important; box-shadow:none!important; background:#fff!important;}
@media(max-width:760px){body[data-page="video"] .sales-page::before{inset-inline:0;}body[data-page="video"] .hero-body{padding-top:24px;gap:24px;}}
body .sales-section {padding-block:44px!important;}
body .sales-section p {line-height:1.8;}
body :is(.course-enroll,.workflow-card,.review-card,.sales-card,.program-card,.course-card,.login-card,.dashboard-card) {border-radius:8px!important; box-shadow:none!important; border-color:#dce3ef!important;}
body .course-shop__list h3 {font-size:16px!important;}
body .course-enroll {background:#f5f8ff!important;}
body :is(.accent-band,.marketing-cta,.sales-cta,.sales-poster) {border-radius:8px!important;}
body .accent-band {background:#edf3ff!important; color:#18243a!important; border-block:1px solid #dce3ef;}
body .accent-band__title {font-size:22px!important; font-weight:600!important; line-height:1.55!important;}
body .accent-band p {color:#27344b!important;}
body .info-split {border-color:#dce3ef!important; border-radius:8px!important;}
body .info-split > .spec {background:#f5f8ff!important;}
body .info-split .spec-row dd,body .give dt,body .sell-top,body .price-top {color:#18243a!important;}
body .info-split .spec-row:first-child dd,body .give-label {color:#2854bc!important;}
body .price-card {background:#fff!important; border-color:#dce3ef!important;}
body .price-card,body .info-split,body .bank-modal {--rc-accent:#2854bc; --rc-ink:#18243a; --rc-bg:#fff; --rc-line:#dce3ef;}
body .community-kicker,body .give-head {color:#2854bc!important;}
body .community-note {background:#eff4fd!important; color:#626e81!important;}
body .mp-bar {background:#e4ecfa!important;}
body .mp-bar > * {background:#2854bc!important;}
body .code-submit {background:#2854bc!important; border-radius:5px!important;}
body .bank-modal-box > .button[data-bank-copy] {background:#2854bc!important; border-radius:5px!important;}
body .price-actions .button {background:#2854bc!important; color:#fff!important; border-color:#2854bc!important;}
body .price-actions .button.ghost {background:#fff!important; color:#2854bc!important; border-color:#cad6ed!important;}
body .site-footer,body footer.foot {background:#f6f8fc!important; color:#626e81!important; border-top:1px solid #dce3ef;}
body footer .brand-large {font-size:28px!important; color:#18243a;}
/* Keep footer information comfortably inside the shared paper rails. */
body[data-page="home"] .site-footer {padding-inline:calc(var(--paper-gutter) + 28px); padding-bottom:80px;}
body[data-page="home"] .footer-shell {display:block; max-width:1180px; width:100%;}
body[data-page="home"] .footer-biz {grid-template-columns:120px minmax(0,1fr) minmax(0,1.3fr) minmax(0,1.5fr); gap:12px 24px;}
body[data-page="home"] .footer-biz p,body[data-page="home"] .footer-meta p {overflow-wrap:anywhere;}
body[data-page="home"] .footer-meta {width:100%; justify-self:stretch; align-items:flex-start; text-align:left; margin:24px 0 0; padding-top:20px; border-top:1px solid #e0e5ed;}
body[data-page="home"] .footer-meta p:nth-child(2) {justify-content:flex-start;}
@media(max-width:820px){body[data-page="home"] .footer-biz{grid-template-columns:1fr;}body[data-page="home"] .site-footer{padding-inline:calc(var(--paper-gutter) + 18px);}}
body .channel-float {background:#fee500!important; color:#191600!important; border:1px solid #e7cf00!important; border-radius:6px!important; box-shadow:0 3px 14px #19160010!important; font-size:12px!important; min-height:44px; right:calc(3% + 16px)!important;}
body .channel-float:hover {background:#f5dc00!important;}
body .channel-float__label {color:#191600!important;}
body a:not(:has(svg)):not(:has(img)):is([href*="instagram.com"],[href*="threads.net"],[href*="threads.com"],[href*="youtube.com"],[href*="blog.naver.com"]) {display:flex; align-items:center; gap:8px; color:#27344b!important;}
body a:not(:has(svg)):not(:has(img)):is([href*="instagram.com"],[href*="threads.net"],[href*="threads.com"],[href*="youtube.com"],[href*="blog.naver.com"])::before {content:""; display:inline-block; width:18px; height:18px; flex:0 0 18px; background:center/contain no-repeat;}
body a:not(:has(svg)):not(:has(img))[href*="instagram.com"]::before {background-image:url("/assets/social-instagram.svg");}
body a:not(:has(svg)):not(:has(img)):is([href*="threads.net"],[href*="threads.com"])::before {background-image:url("/assets/social-threads.svg");}
body a:not(:has(svg)):not(:has(img))[href*="youtube.com"]::before {background-image:url("/assets/social-youtube.svg");}
body a:not(:has(svg)):not(:has(img))[href*="blog.naver.com"]::before {background-image:url("/assets/social-naver.svg");}
body .channel-float svg {fill:currentColor;}
body .social-link--instagram {color:#c13584!important;}
body .social-link--threads {color:#111!important;}
body .library-hero h1,body #library-title,body[data-page="offline"] .hero-rayon h1 {font-size:32px!important;}
body .course-flow-list :is(small,.course-flow-number),body .course-enroll__bundle strong,body .free-preview-callout :is(small,em),body .process-sequence figcaption span {color:#2854bc!important;}
body .course-flow-list li > span {color:#2854bc!important; border-color:#cad6ed!important;}
body .free-preview-callout {background:#f4f7fd!important; border-color:#dce3ef!important; border-radius:6px!important;}
body .free-preview-callout__icon {background:#2854bc!important; border-radius:5px!important;}
body .automation-coupon .coupon-card {background:#213b70!important; border-radius:8px!important;}
body .automation-coupon .coupon-eyebrow,body .coupon-benefits li::before {color:#bdd2ff!important;}
body .conversion-band,body .conversion-band-soft,body .process-file-proof {background:#f2f6ff!important; color:#18243a!important; border-color:#dce3ef!important; border-radius:8px!important;}
body .conversion-band :is(h2,p),body .conversion-band-soft :is(h2,p) {color:#27344b!important;}
body .conversion-band .eyebrow {color:#2854bc!important;}
body .hero-rayon::before,body .hero-rayon::after {display:none!important;}
body .btn:not(.secondary):not(.ghost) {background:#2854bc!important; color:#fff!important; border-color:#2854bc!important;}
body .btn.secondary,body .btn.ghost {background:#fff!important; color:#2854bc!important; border:1px solid #cad6ed!important;}
@media(max-width:760px){
 body h1,body .hero h1,body .sales-hero h1 {font-size:26px!important;}
 body h2,body .sales-section h2,body .service-copy h2 {font-size:22px!important;}
 body .hero-rayon {padding:40px 20px 28px!important;}
 body .hero-rayon h1 {font-size:28px!important;}
 body[data-page="offline"] .hero-rayon h1,body .library-hero h1,body #library-title {font-size:26px!important;}
 body .hero-rayon .hero-showcase-card {aspect-ratio:16/10;}
 body .sales-hero {padding:20px!important;}
 body .section,body .sales-section {padding-top:32px!important; padding-bottom:32px!important;}
 body .site-header .nav-shell {min-height:60px; padding-inline:18px;}
 body .site-header .nav-dropdown summary {font-size:14px!important;}
 body .site-header .dropdown-panel {width:100%;}
 body .site-header.is-menu-open .nav-shell .nav-dropdown summary {min-height:52px;}
 body .channel-float {right:14px; bottom:16px;}
 body .service-stage {padding-block:40px;}
}
/* Keep authenticated navigation legible on the light header. */
body .site-header .account-chip,body .site-header .auth-admin-menu__trigger {color:#27344b!important; background:transparent!important; box-shadow:none!important; border:0!important; font-weight:500!important;}
@media(max-width:760px){
 body .site-header .nav-shell {width:100%; max-width:100%; box-sizing:border-box; gap:6px;}
 body .site-header .nav-shell .brand {flex:0 0 auto;}
 body .site-header .nav-shell .nav-direct {display:none!important;}
 body .site-header .nav-shell .auth-admin-menu {margin-left:auto; flex:0 1 auto; min-width:0;}
 body .site-header .nav-shell .auth-admin-menu__trigger {font-size:11px; min-height:44px; padding:0 3px;}
 body .site-header .nav-shell .nav-account {min-width:0; margin-left:auto; flex:0 1 auto; gap:8px;}
 body .site-header .nav-shell .auth-admin-menu ~ .nav-account {margin-left:0;}
 body .site-header .nav-shell .account-chip {display:block; max-width:96px; min-height:44px; padding:0 4px; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
 body .site-header .nav-shell .nav-burger {flex:0 0 36px; width:36px; margin-left:0;}
 body[data-page="video"] #business-info .footer-inner {width:100%; max-width:100%; min-width:0; margin-inline:0;}
 body[data-page="video"] #business-info .footer-col,body[data-page="video"] #business-info .footer-line {min-width:0; overflow-wrap:anywhere;}
 body[data-page="video"] .time-loss {display:flex!important; flex-direction:column!important; gap:20px!important;}
 body[data-page="video"] .time-loss__item {width:100%!important; min-width:0; text-align:left;}
 body[data-page="video"] .time-loss__number {font-size:23px!important; white-space:nowrap;}
 body[data-page="video"] .time-loss__label {word-break:keep-all;}
 body[data-page="video"] .time-loss__item::after {display:none!important;}
}
/* Hollow four-point sparkles replace registration diamonds across paper frames. */
body .hf-paper-frame i,body .online-paper-rails i {width:14px;height:14px;border:0;background:transparent url('/assets/paper-sparkle.svg') center/14px 14px no-repeat;transform:translate(-50%,-50%);}
body[data-page="home"] .hf-paper-frame i {border:0;background:transparent url('/assets/paper-sparkle.svg') center/14px 14px no-repeat;}
body[data-page="home"] .site-header::after {left:calc(var(--paper-gutter) - 7px);right:calc(var(--paper-gutter) - 7px);bottom:-7px;height:14px;background-image:url('/assets/paper-sparkle.svg'),url('/assets/paper-sparkle.svg');background-size:14px 14px;}
/* Mobile paper: 12px rail + 16px clear space, not the old 10px gutter. */
@media(max-width:760px){
 body[data-page="video"] .sales-page {width:calc(100% - 56px); margin-inline:auto; min-width:0; box-sizing:border-box;}
 body[data-page="video"] .sales-page::before {inset-inline:-16px;}
 body[data-page="video"] .sales-page :is(.hero-body,.hero-copy,.hero-offer,.section-grid,.price-card) {min-width:0; max-width:100%; box-sizing:border-box;}
 body[data-page="video"] .sales-page :is(h1,h2,h3,p,li,a) {overflow-wrap:anywhere;}
 body[data-page="video"] .sales-sticky {padding:12px 28px calc(12px + env(safe-area-inset-bottom,0px)); gap:10px;}
 body[data-page="video"] .sales-sticky__info strong {font-size:13px; line-height:1.45;}
 body[data-page="video"] .sales-sticky__info span {font-size:10px; line-height:1.5;}
 body[data-page="video"] .sales-sticky .sales-button {font-size:12px; padding:10px 12px; min-width:0; white-space:normal; text-align:center; flex:0 1 46%;}
 body[data-page="video"] .channel-float {right:28px!important; bottom:calc(104px + env(safe-area-inset-bottom,0px))!important;}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important;} body *{transition:none!important;}}

/* 첫 화면 단추 두 개 — PLANO(오프라인, 아래줄 시작일) / VOD(온라인). 흰 배경 단추 없음. 대표 지시 2026-09-11 */
body .hero-rayon .hero-actions .button {flex-direction:column; line-height:1.15; padding-top:9px; padding-bottom:9px;}
body .hero-rayon .hero-actions .button small {display:block; font-size:12px; font-weight:500; opacity:.85; margin-top:2px;}