@font-face {
  font-family: "BTL Pretendard";
  src: url("../fonts/PretendardVariable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

.btl-landing {
  --btl-ink: #202534;
  --btl-blue: #3449df;
  --btl-muted: #666b77;
  --btl-line: #e3e5eb;
  background: #fdfdfc;
  color: var(--btl-ink);
  font-family: "BTL Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -.025em;
  word-break: keep-all;
  -webkit-font-smoothing: antialiased;
}
.btl-landing *, .btl-landing *::before, .btl-landing *::after { box-sizing: border-box; }
.btl-landing :where(h1,h2,h3,p,figure,dl,dd) { margin: 0; }
.btl-landing h1, .btl-landing h2, .btl-landing h3 { text-wrap: balance; }
.btl-landing p { text-wrap: pretty; }
.btl-landing button, .btl-landing a { -webkit-tap-highlight-color: transparent; }
.btl-landing button { font: inherit; cursor: pointer; }
.btl-landing a { color: inherit; text-decoration: none; }
.btl-landing :where(button,a):focus-visible { outline: 3px solid #7585ff; outline-offset: 5px; }
.btl-landing ::selection { background: #dce1ff; color: #192478; }
.btl-landing section[id], .btl-landing main[id] { scroll-margin-top: 98px; }
.btl-shell { width: min(1160px, calc(100% - 96px)); margin-inline: auto; }
.btl-skip { position: fixed; top: 10px; left: 16px; transform: translateY(-160%); z-index: 100; padding: 12px 20px; background: white; border: 1px solid var(--btl-blue); }
.btl-skip:focus { transform: translateY(0); }
.btl-header { position: sticky; top: 0; z-index: 40; background: rgba(253,253,252,.96); border-bottom: 1px solid rgba(32,37,52,.08); backdrop-filter: blur(14px); }
.btl-header-inner { display: flex; height: 88px; align-items: center; justify-content: space-between; gap: 30px; }
.btl-brand { display: inline-flex; align-items: center; gap: 11px; font-size: 25px; font-weight: 800; letter-spacing: -.055em; white-space: nowrap; }
.btl-brand-mark { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 10px; color: white; background: var(--btl-blue); }
.btl-brand-math { font-weight: 500; margin-left: 4px; }
.btl-desktop-nav { display: flex; gap: 32px; margin-left: auto; margin-right: 40px; }
.btl-desktop-nav a { display: flex; align-items: center; min-height: 44px; font-size: 14px; font-weight: 550; color: #646976; transition: color 150ms; }
.btl-desktop-nav a:hover { color: var(--btl-blue); }
.btl-header-actions { display: flex; align-items: center; gap: 16px; }
.btl-login-link { display: inline-flex; align-items: center; gap: 22px; min-height: 42px; padding: 0 16px 0 18px; border-radius: 7px; border: 1px solid #d6d9e2; background: transparent; font-size: 14px !important; font-weight: 650 !important; transition: border-color 150ms, background-color 150ms, transform 150ms; }
.btl-login-link:hover { background: #eef0fa; border-color: #b5bdea; }
.btl-menu-button { display: none; border: 0; width: 44px; height: 44px; background: transparent; padding: 12px 8px; }
.btl-menu-button span { display: block; width: 24px; height: 2px; margin: 5px 0; background: var(--btl-ink); }
.btl-mobile-nav { display: none; }
.btl-hero { display: grid; grid-template-columns: 1.5fr 1fr; column-gap: 65px; padding-top: 77px; }
.btl-eyebrow { display: flex; align-items: center; gap: 10px; font-size: 12px; font-weight: 650; letter-spacing: .015em; color: var(--btl-blue); }
.btl-eyebrow-line { width: 20px; height: 2px; background: var(--btl-blue); }
.btl-hero h1 { margin-top: 25px; font-size: clamp(52px, 5.75vw, 76px); line-height: 1.18; font-weight: 750; letter-spacing: -.064em; }
.btl-hero h1 > span { color: var(--btl-blue); }
.btl-hero-aside { padding-top: 115px; justify-self: end; }
.btl-hero-aside > p { font-size: 18px; line-height: 1.85; color: #626776; font-weight: 430; }
.btl-button { display: inline-flex; align-items: center; justify-content: center; gap: 30px; min-height: 54px; padding: 0 23px 0 25px; border: 0; border-radius: 8px; font-size: 15px !important; font-weight: 650 !important; transition: background-color 160ms, box-shadow 160ms, transform 160ms; }
.btl-button-primary { background: var(--btl-blue); color: white; box-shadow: 0 3px 5px -3px #2739b866, 0 6px 12px -8px #2739b899; }
.btl-button-primary:hover { background: #293bc4; box-shadow: 0 5px 16px -7px #2739b8aa; }
.btl-button:active, .btl-login-link:active, .btl-allocation-control button:active { transform: scale(.96); }
.btl-hero-aside .btl-button { margin-top: 28px; }
.btl-text-link { display: flex; align-items: center; gap: 22px; width: fit-content; min-height: 44px; margin-top: 13px; font-size: 13px; color: #626776 !important; }
.btl-text-link:hover { color: var(--btl-blue) !important; }
.btl-hero-foot { grid-column: 1 / -1; display: flex; justify-content: space-between; gap: 20px; margin-top: 57px; padding-bottom: 22px; font-size: 11px; font-weight: 500; letter-spacing: .02em; color: #838793; }
.btl-hero-foot > span:last-child { letter-spacing: .12em; font-size: 10px; }
.btl-product-section { padding: 32px 0 0; background: #f0f2f9; border-top: 1px solid #e9ebf4; }
.btl-product-caption { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; gap: 16px; }
.btl-product-caption h2 { font-size: 17px; font-weight: 650; letter-spacing: -.035em; }
.btl-product-caption > span { display: flex; align-items: center; gap: 7px; font-size: 12px; color: #636b81; }
.btl-preview-indicator { width: 6px; height: 6px; border-radius: 50%; background: var(--btl-blue); }
.btl-product-frame { padding: 8px; border-radius: 18px; background: #e0e5f2; box-shadow: 0 1px 0 #fff9 inset, 0 25px 45px -30px #35487955; }
.btl-product-notes { display: grid; grid-template-columns: 1fr 1fr 1.2fr; gap: 32px; padding: 35px 0 40px; }
.btl-product-notes > div { display: flex; gap: 14px; align-items: flex-start; }
.btl-product-notes > div > span { padding-top: 2px; font-size: 11px; font-weight: 650; color: #747fa8; }
.btl-product-notes p { color: #7a8090; font-size: 12px; }
.btl-product-notes strong { display: block; margin-bottom: 4px; color: #343c55; font-size: 15px; font-weight: 650; }
.btl-section { padding-block: 120px; }
.btl-split { display: grid; grid-template-columns: .95fr 1.05fr; align-items: center; gap: 100px; }
.btl-feature-copy h2, .btl-section-heading h2 { margin-top: 27px; font-size: 43px; line-height: 1.3; font-weight: 680; letter-spacing: -.05em; }
.btl-landing h2 em { font-style: normal; color: var(--btl-blue); }
.btl-body { margin-top: 25px !important; font-size: 16px; color: var(--btl-muted); line-height: 1.85; font-weight: 420; }
.btl-feature-detail { display: flex; align-items: center; gap: 13px; margin-top: 32px; padding-top: 20px; border-top: 1px solid var(--btl-line); }
.btl-feature-detail > span { font-size: 24px; color: #9ca5c6; }
.btl-feature-detail p { font-size: 12px; color: #727787; }
.btl-allocation { background: var(--btl-blue); color: white; padding: 30px; border-radius: 16px; }
.btl-allocation-top { display: flex; justify-content: space-between; align-items: center; font-size: 14px; font-weight: 600; }
.btl-allocation-top > span:last-child { font-size: 11px; color: #c6ceff; font-weight: 400; }
.btl-allocation-book { font-size: 12px; margin-top: 9px !important; color: #c6ceff; }
.btl-equation { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 37px 0 30px; font-variant-numeric: tabular-nums; }
.btl-equation > div { display: flex; flex-direction: column; text-align: center; }
.btl-equation strong { font-size: 66px; line-height: 1.1; font-weight: 500; letter-spacing: -.065em; }
.btl-equation > div > span { font-size: 11px; margin-top: 6px; color: #cbd2ff; }
.btl-equation-symbol { font-size: 28px; font-weight: 300; color: #94a1f9; padding-bottom: 20px; }
.btl-equation-answer strong { color: #d9ef91; }
.btl-allocation-control { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 15px 0; border-top: 1px solid #ffffff2b; border-bottom: 1px solid #ffffff2b; font-size: 12px; }
.btl-allocation-control > div { display: flex; gap: 3px; }
.btl-allocation-control button { min-width: 42px; min-height: 40px; border: 0; border-radius: 5px; background: transparent; color: #e0e5ff; transition: background-color 150ms, transform 150ms; }
.btl-allocation-control button:hover { background: #ffffff17; }
.btl-allocation-control button[aria-pressed="true"] { background: white; color: var(--btl-blue); }
.btl-allocation-days { display: grid; grid-template-columns: repeat(var(--btl-day-count), minmax(0,1fr)); gap: 8px; min-height: 131px; padding-top: 22px; font-variant-numeric: tabular-nums; }
.btl-allocation-days > div { min-width: 0; }
.btl-allocation-days > div > span { font-size: 11px; color: #cad2ff; }
.btl-allocation-bar { height: 35px; margin: 10px 0; background: #ffffff23; border-top: 2px solid #a5b2ff; }
.btl-allocation-days strong { display: block; font-size: 18px; font-weight: 500; white-space: nowrap; }
.btl-allocation-days small { font-size: 10px; margin-left: 3px; font-weight: 400; color: #c6ceff; }
.btl-allocation-note { margin-top: 15px !important; font-size: 11px; color: #c8d0ff; }
.btl-review-section { background: #f5f4f0; padding: 100px 0; }
.btl-review-grid { grid-template-columns: 1.15fr .85fr; }
.btl-review-visual { position: relative; padding: 0 47px 0 0; }
.btl-review-paper { background: #fff; padding: 28px 28px 0; border-radius: 7px; box-shadow: 0 0 0 1px #1b253209, 0 3px 8px -5px #32364b33, 0 22px 38px -28px #32364b55; transform: rotate(-2deg); }
.btl-paper-heading { display: flex; align-items: center; justify-content: space-between; font-size: 19px; font-weight: 650; }
.btl-paper-heading > span:last-child { color: #9498a0; font-size: 11px; font-weight: 400; }
.btl-paper-unit { color: #878b96; font-size: 12px; margin-top: 5px !important; margin-bottom: 21px !important; }
.btl-review-row { display: flex; align-items: center; gap: 12px; padding: 18px 0; border-top: 1px solid #f0f1f3; }
.btl-status-dot { width: 9px; height: 9px; flex: 0 0 auto; border-radius: 3px; }
.btl-status-wrong { background: #de7370; }.btl-status-new { background: #7088d9; }.btl-status-repeat { background: #dfb55b; }
.btl-review-row > div { flex: 1; }
.btl-review-row strong { display: block; font-size: 14px; font-weight: 600; }
.btl-review-row > div > span { display: block; margin-top: 2px; font-size: 11px; color: #8a8e99; }
.btl-review-row b { font-size: 23px; font-weight: 550; }
.btl-review-row small { font-size: 11px; color: #8a8e99; font-weight: 400; margin-left: 4px; }
.btl-problem-sample { display: grid; grid-template-columns: repeat(6,1fr); gap: 8px; margin: 0 0 20px 20px; }
.btl-problem-sample span { padding: 10px 0; text-align: center; color: #b95652; background: #f9e8e5; border-radius: 4px; font-size: 13px; }
.btl-paper-total { display: flex; justify-content: space-between; background: #f6f7fa; margin-inline: -28px; padding: 17px 28px; font-size: 12px; border-radius: 0 0 7px 7px; }
.btl-paper-total strong { font-size: 14px; }
.btl-review-margin { position: absolute; right: -18px; bottom: -26px; transform: rotate(-8deg); color: #707889; font-size: 13px; line-height: 1.8; }
.btl-review-margin span { display: block; }.btl-review-margin svg { width: 83px; margin-left: -42px; }
.btl-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 50px; margin-bottom: 46px; }
.btl-section-heading > .btl-body { margin-bottom: 4px; }
.btl-records-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.btl-record-card { display: flex; flex-direction: column; min-width: 0; border-radius: 13px; padding: 28px; }
.btl-log-card { background: #f1f3f8; }.btl-report-card { background: #f1f1ed; }
.btl-record-card-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; font-size: 13px; font-weight: 600; }
.btl-record-card-heading > span:last-child { color: #858995; font-size: 11px; font-weight: 400; }
.btl-log-date { display: flex; align-items: center; gap: 22px; margin-bottom: 24px; }
.btl-log-date > span { font-size: 46px; font-weight: 500; line-height: 1; letter-spacing: -.055em; }
.btl-log-date > div { border-left: 1px solid #d7dce9; padding-left: 18px; font-size: 12px; }
.btl-log-date strong { display: block; font-weight: 600; margin-bottom: 4px; }.btl-log-date > div > span { color: #8b909b; }
.btl-log-items { background: #fff; border-radius: 7px; padding: 7px 21px; box-shadow: 0 0 0 1px #1c274409, 0 2px 3px #1c274405; }
.btl-log-items > div { display: flex; gap: 17px; padding: 17px 0; font-size: 12px; line-height: 1.7; }.btl-log-items > div + div { border-top: 1px solid #f0f1f4; }
.btl-log-items dt { width: 63px; flex: 0 0 auto; color: #999daa; }.btl-log-items dd { color: #565e72; }
.btl-small-dot { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: #5eac90; vertical-align: middle; }
.btl-record-card-footer { margin-top: auto; padding-top: 28px; }.btl-record-card-footer h3 { font-size: 20px; font-weight: 650; letter-spacing: -.035em; }.btl-record-card-footer p { font-size: 13px; color: #737984; margin-top: 5px; }
.btl-report-sheet { position: relative; width: 84%; margin: 0 auto; padding: 22px 25px; background: #fff; box-shadow: 0 0 0 1px #25273809, 0 9px 18px -15px #25273866; border-radius: 3px; }
.btl-report-brand { font-size: 11px; font-weight: 750; color: var(--btl-blue); }.btl-report-sheet h3 { margin-top: 10px; font-size: 23px; line-height: 1.35; letter-spacing: -.04em; font-weight: 600; }
.btl-report-rule { height: 1px; background: #e8eaf0; margin: 16px 0; }
.btl-report-subject { display: flex; align-items: baseline; gap: 18px; font-size: 10px; margin-bottom: 8px; }.btl-report-subject > span { color: #9398a4; white-space: nowrap; }.btl-report-subject strong { font-weight: 500; }
.btl-report-sheet > p { margin-top: 13px; font-size: 10px; color: #8b909b; }
.btl-more-features { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 30px; padding-top: 24px; border-top: 1px solid var(--btl-line); font-size: 12px; color: #737986; }.btl-more-features > span { color: #a0a4ad; }.btl-more-features p > span { color: #c5c8d0; padding-inline: 17px; }
.btl-manuals-section { background: #f1f3f8; }
.btl-manuals-section .btl-section-heading { align-items: flex-end; }
.btl-manuals-section .btl-section-heading > .btl-body { max-width: 360px; }
.btl-manuals-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.btl-manual-card { display: flex; flex-direction: column; min-width: 0; background: #fff; border-radius: 13px; box-shadow: 0 0 0 1px #25324b0a, 0 3px 8px -5px #25324b12; transition: box-shadow 180ms; }
.btl-manual-preview { margin: 10px 10px 0; aspect-ratio: 1.44; overflow: hidden; border-radius: 4px; background: #eef0f5; box-shadow: 0 0 0 1px #25324b0a; }
.btl-manual-preview img { display: block; width: 100%; height: 100%; object-fit: contain; }
.btl-manual-copy { display: flex; flex-direction: column; flex: 1; padding: 24px; }
.btl-manual-copy h3 { font-size: 22px; font-weight: 650; letter-spacing: -.04em; }
.btl-manual-copy p { margin-top: 10px; margin-bottom: 23px; color: var(--btl-muted); font-size: 14px; line-height: 1.75; }
.btl-manual-action { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: auto; padding-top: 17px; border-top: 1px solid var(--btl-line); color: var(--btl-blue); font-size: 13px; font-weight: 600; }
.btl-manual-action svg { transition: transform 180ms; }
.btl-manual-note { margin-top: 23px !important; font-size: 12px; color: #737986; }
.btl-footer-manual { display: flex; align-items: center; gap: 14px; min-height: 44px; font-size: 12px; color: #4e5668 !important; }
@media (hover: hover) { .btl-manual-card:hover { box-shadow: 0 0 0 1px #3449df35, 0 8px 22px -12px #25324b30; }.btl-manual-card:hover .btl-manual-action svg { transform: translateX(3px); }.btl-footer-manual:hover { color: var(--btl-blue) !important; } }
.btl-start-section { background: var(--btl-blue); color: white; overflow: hidden; }
.btl-start-inner { display: flex; align-items: center; justify-content: space-between; position: relative; padding-block: 81px; gap: 50px; }
.btl-start-section .btl-eyebrow { color: #b8c4ff; }.btl-start-section h2 { font-size: 42px; font-weight: 650; line-height: 1.35; margin-top: 21px; letter-spacing: -.045em; }.btl-start-section h2 + p { font-size: 15px; color: #c7d0ff; line-height: 1.8; margin-top: 19px; }
.btl-button-white { background: white; color: var(--btl-blue); margin-top: 28px; }.btl-button-white:hover { background: #edf0ff; }
.btl-start-symbol { position: relative; width: 310px; height: 310px; flex: 0 0 auto; margin-right: 12px; transform: rotate(-8deg); }
.btl-start-symbol span { position: absolute; right: 0; top: 0; width: 100%; height: 100%; border-left: 2px solid #b5c0ff70; border-bottom: 2px solid #b5c0ff70; border-bottom-left-radius: 36px; }.btl-start-symbol span:nth-child(2) { width: 77%; height: 77%; }.btl-start-symbol span:nth-child(3) { width: 54%; height: 54%; }.btl-start-symbol span:nth-child(4) { width: 31%; height: 31%; }
.btl-footer { padding-block: 40px 23px; }.btl-footer-top { display: flex; align-items: center; gap: 30px; }.btl-footer-top .btl-brand { font-size: 21px; }.btl-footer-top .btl-brand-mark { width: 30px; height: 30px; }.btl-footer-top .btl-brand-mark svg { width: 22px; height: 22px; }.btl-footer-top > p { font-size: 12px; color: #8b9099; margin-left: auto; }.btl-footer-top > button { display: flex; align-items: center; gap: 14px; background: transparent; border: 0; min-height: 44px; font-size: 12px; color: #4e5668; }.btl-footer-top > button:hover { color: var(--btl-blue); }
.btl-footer-bottom { display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid var(--btl-line); margin-top: 30px; padding-top: 18px; font-size: 10px; color: #999ea9; }
.btl-modal-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; padding: 24px; z-index: 60; background: #19223970; backdrop-filter: blur(5px); }
.btl-login-dialog { background: white; width: 440px; max-width: 100%; max-height: calc(100dvh - 48px); overflow-y: auto; padding: 30px; border-radius: 18px; box-shadow: 0 0 0 1px #ffffff80, 0 25px 80px #15245240; }
.btl-login-heading { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 30px; gap: 12px; }.btl-login-heading h2 { font-size: 25px; font-weight: 700; letter-spacing: -.04em; margin-top: 12px; }.btl-login-heading h2 + p { color: #8c92a0; font-size: 12px; margin-top: 8px; }.btl-dialog-close { width: 40px; height: 40px; flex: 0 0 auto; background: #f2f4f9; border: 0; border-radius: 9px; font-size: 24px !important; line-height: 1; color: #697181; }.btl-dialog-close:hover { background: #e5e9f4; }
.btl-consultation { font-family: "BTL Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; letter-spacing: -.025em; }
.btl-consultation-dialog { border-radius: 18px; max-height: calc(100dvh - 32px); overflow-y: auto; }
.btl-consultation .text-emerald-700 { color: #3449df; }
.btl-consultation .bg-emerald-700 { background: #3449df; }
.btl-consultation .bg-emerald-700:hover { background: #293bc4; }
.btl-consultation :where(button,input,textarea):focus-visible { outline: 3px solid #7585ff; outline-offset: 3px; }

@media (min-width: 1500px) { .btl-shell { width: min(1240px,calc(100% - 120px)); }.btl-hero { padding-top: 92px; padding-bottom: 5px; }.btl-hero h1 { font-size: 83px; }.btl-hero-aside { padding-top: 134px; } }
@media (max-width: 1050px) {
  .btl-shell { width: calc(100% - 64px); }.btl-desktop-nav { gap: 23px; margin-right: 20px; }.btl-hero { column-gap: 35px; }.btl-hero h1 { font-size: 61px; }.btl-hero-aside { padding-top: 96px; }.btl-hero-aside > p { font-size: 16px; }.btl-split { gap: 55px; }.btl-feature-copy h2, .btl-section-heading h2 { font-size: 36px; }.btl-equation strong { font-size: 54px; }.btl-allocation { padding: 24px; }.btl-allocation-days { gap: 5px; }.btl-allocation-days small { display: none; }.btl-section-heading > .btl-body { font-size: 14px; }.btl-report-sheet { width: 96%; }.btl-record-card { padding: 24px; }.btl-start-symbol { width: 240px; height: 240px; }.btl-start-section h2 { font-size: 37px; }
}
@media (max-width: 760px) {
  .btl-shell { width: calc(100% - 40px); }.btl-header-inner { height: 70px; gap: 15px; }.btl-brand { font-size: 23px; }.btl-brand-mark { width: 33px; height: 33px; }.btl-brand-mark svg { width: 24px; height: 24px; }.btl-desktop-nav { display: none; }.btl-header-actions { gap: 8px; }.btl-login-link { border: 0; padding: 0 5px; gap: 8px; font-size: 13px !important; }.btl-login-link svg { width: 16px; }.btl-menu-button { display: block; }.btl-mobile-nav { display: flex; flex-direction: column; padding: 8px 20px 18px; border-top: 1px solid var(--btl-line); }.btl-mobile-nav a { display: flex; align-items: center; justify-content: space-between; min-height: 49px; font-size: 14px; padding: 0 9px; }.btl-hero { grid-template-columns: 1fr; padding-top: 51px; }.btl-hero h1 { font-size: clamp(42px, 8.6vw, 62px); line-height: 1.22; letter-spacing: -.055em; margin-top: 21px; }.btl-eyebrow { font-size: 11px; }.btl-hero-aside { padding-top: 26px; justify-self: start; }.btl-hero-aside > p { font-size: 15px; line-height: 1.8; }.btl-desktop-break { display: none; }.btl-hero-aside .btl-button { margin-top: 23px; }.btl-button { min-height: 51px; font-size: 14px !important; }.btl-text-link { display: inline-flex; margin-left: 20px; margin-top: 10px; font-size: 12px; gap: 10px; }.btl-hero-foot { margin-top: 38px; padding-bottom: 16px; font-size: 10px; }.btl-hero-foot > span:last-child { font-size: 8px; letter-spacing: .05em; }.btl-product-section { padding-top: 24px; }.btl-product-caption { display: block; margin-bottom: 16px; }.btl-product-caption h2 { font-size: 16px; }.btl-product-caption > span { font-size: 11px; margin-top: 6px; }.btl-product-frame { padding: 5px; border-radius: 15px; }.btl-product-notes { gap: 18px; padding: 25px 0 29px; grid-template-columns: 1fr 1fr 1.15fr; }.btl-product-notes > div { display: block; }.btl-product-notes > div > span { display: block; margin-bottom: 7px; font-size: 10px; }.btl-product-notes strong { font-size: 12px; }.btl-product-notes p { font-size: 10px; line-height: 1.6; }.btl-section { padding-block: 70px; }.btl-split { grid-template-columns: 1fr; gap: 36px; }.btl-feature-copy h2, .btl-section-heading h2 { font-size: 35px; line-height: 1.32; margin-top: 18px; letter-spacing: -.05em; }.btl-body { font-size: 14px; margin-top: 19px !important; }.btl-feature-detail { margin-top: 21px; padding-top: 15px; }.btl-feature-detail p { font-size: 11px; }.btl-allocation { border-radius: 12px; padding: 25px; }.btl-equation { margin: 30px 0 24px; }.btl-equation strong { font-size: 59px; }.btl-allocation-days small { display: inline; }.btl-allocation-days { min-height: 123px; }.btl-review-section { padding-block: 65px 75px; }.btl-review-grid { gap: 35px; }.btl-review-grid .btl-feature-copy { grid-row: 1; }.btl-review-visual { padding: 0 24px 10px 5px; }.btl-review-paper { padding-top: 24px; }.btl-review-margin { right: -2px; bottom: -34px; font-size: 11px; }.btl-section-heading { display: block; margin-bottom: 30px; }.btl-section-heading > .btl-body { margin-top: 22px !important; }.btl-records-grid { grid-template-columns: 1fr; gap: 16px; }.btl-record-card { padding: 25px; border-radius: 12px; }.btl-record-card-heading { margin-bottom: 26px; }.btl-report-sheet { width: 86%; padding: 24px; }.btl-log-date > span { font-size: 43px; }.btl-record-card-footer h3 { font-size: 19px; }.btl-record-card-footer p { font-size: 12px; }.btl-more-features { display: block; margin-top: 24px; }.btl-more-features p { margin-top: 10px; font-size: 11px; line-height: 2; }.btl-more-features p > span { padding-inline: 7px; }.btl-start-inner { padding-block: 58px; }.btl-start-section h2 { font-size: clamp(27px,6.6vw,36px); line-height: 1.4; position: relative; z-index: 1; }.btl-start-section h2 + p { font-size: 13px; }.btl-start-symbol { position: absolute; width: 180px; height: 180px; right: -60px; bottom: 40px; opacity: .3; pointer-events: none; }.btl-start-section .btl-button { position: relative; z-index: 1; }.btl-footer { padding-block: 28px 20px; }.btl-footer-top { flex-wrap: wrap; gap: 12px; }.btl-footer-top > p { display: none; }.btl-footer-top > button { margin-left: auto; font-size: 11px; gap: 8px; }.btl-footer-bottom { margin-top: 20px; font-size: 9px; }.btl-footer-bottom > span:last-child { display: none; }.btl-login-dialog { padding: 24px; }.btl-modal-backdrop { padding: 16px; }.btl-login-heading h2 { font-size: 23px; }
}
@media (max-width: 390px) {
  .btl-shell { width: calc(100% - 32px); }.btl-hero { padding-top: 40px; }.btl-hero h1 { font-size: 40px; }.btl-hero-aside > p { font-size: 14px; }.btl-text-link { display: flex; margin-left: 0; margin-top: 8px; }.btl-hero-foot { margin-top: 24px; }.btl-hero-foot > span:last-child { display: none; }.btl-feature-copy h2, .btl-section-heading h2 { font-size: 31px; }.btl-allocation { padding: 20px; }.btl-equation strong { font-size: 52px; }.btl-allocation-days small { display: none; }.btl-record-card { padding: 20px; }.btl-report-sheet { width: 100%; padding: 20px; }.btl-log-items { padding-inline: 15px; }.btl-log-items > div { gap: 10px; }.btl-log-items dt { width: 54px; }.btl-review-paper { padding-inline: 22px; }.btl-paper-total { margin-inline: -22px; padding-inline: 22px; }.btl-problem-sample { gap: 5px; margin-left: 0; }.btl-footer-top > button { font-size: 10px; }
}
@media (min-width: 761px) and (max-width: 1050px) { .btl-desktop-nav { gap: 18px; margin-right: 0; }.btl-manuals-grid { gap: 16px; }.btl-manual-copy { padding: 20px; }.btl-manual-copy h3 { font-size: 20px; }.btl-manuals-section .btl-section-heading { gap: 32px; }.btl-manuals-section .btl-section-heading > .btl-body { max-width: 290px; } }
@media (max-width: 760px) { .btl-manuals-grid { grid-template-columns: 1fr; gap: 22px; }.btl-manual-copy { padding: 24px; }.btl-manual-copy h3 { font-size: 22px; }.btl-manual-note { font-size: 11px; }.btl-footer-top > a:first-child { flex-basis: 100%; }.btl-footer-manual { font-size: 11px; gap: 8px; } }
.btl-review-margin { position: relative; right: auto; bottom: auto; display: flex; align-items: center; justify-content: flex-end; gap: 5px; margin-top: 23px; transform: none; font-size: 12px; }
.btl-review-margin svg { order: -1; width: 44px; height: 30px; margin: 0 7px 0 0; transform: rotate(150deg); }
@media (prefers-reduced-motion: reduce) { .btl-landing *, .btl-landing *::before, .btl-landing *::after { transition-duration: 0s !important; animation: none !important; scroll-behavior: auto !important; } }