/* Native calendar critical hero/popup CSS. Extracted by browser CSSOM; full stylesheet retained separately. */
@font-face { font-family: TBOnest; src: url("../../fonts/Onest-Regular.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: TBOnest; src: url("../../fonts/Onest-Bold.woff2") format("woff2"); font-style: normal; font-weight: 700; font-display: swap; }
@font-face { font-family: TBOnest; src: url("../../fonts/Onest-ExtraBold.woff2") format("woff2"); font-style: normal; font-weight: 800; font-display: swap; }
.totobi-cal-page .tb-upgrade[data-tb-ui="2.0.0"], .totobi-cal-page:is(.tb-upgrade[data-tb-ui="2.0.0"]) { --tb-ink: #26242b; --tb-muted: #716978; --tb-purple: #8750df; --tb-border: #e4d9ef; --tb-paper: #fbf9f6; --tb-orange-start: #ffb444; --tb-orange-end: #ff743b; --tb-top-offset: 80px; --tb-bottom-offset: 0px; font: 400 16px / 1.6 TBOnest, Arial, sans-serif; color: var(--tb-ink); background: var(--tb-paper); padding-bottom: var(--tb-bottom-offset); }
.totobi-cal-page .tb-upgrade[data-tb-ui="2.0.0"] *, .totobi-cal-page:is(.tb-upgrade[data-tb-ui="2.0.0"]) * { box-sizing: border-box; min-width: 0px; }
.totobi-cal-page .tb-upgrade[data-tb-ui="2.0.0"] [hidden], .totobi-cal-page:is(.tb-upgrade[data-tb-ui="2.0.0"]) [hidden] { display: none !important; }
.totobi-cal-page .tb-upgrade[data-tb-ui="2.0.0"] :is(section, [id]), .totobi-cal-page:is(.tb-upgrade[data-tb-ui="2.0.0"]) :is(section, [id]) { scroll-margin-top: calc(var(--tb-top-offset) + 12px); }
.totobi-cal-page .tb-upgrade[data-tb-ui="2.0.0"] :is(h1, h2, h3, p, figure, blockquote, ul), .totobi-cal-page:is(.tb-upgrade[data-tb-ui="2.0.0"]) :is(h1, h2, h3, p, figure, blockquote, ul) { margin: 0px; }
.totobi-cal-page .tb-upgrade[data-tb-ui="2.0.0"] :is(button, input, textarea), .totobi-cal-page:is(.tb-upgrade[data-tb-ui="2.0.0"]) :is(button, input, textarea) { font: inherit; }
.totobi-cal-page .tb-upgrade[data-tb-ui="2.0.0"] :is(a, button, input, textarea, summary):focus-visible, .totobi-cal-page:is(.tb-upgrade[data-tb-ui="2.0.0"]) :is(a, button, input, textarea, summary):focus-visible { outline: rgb(166, 118, 230) solid 3px; outline-offset: 4px; }
.totobi-cal-page .tb-upgrade[data-tb-ui="2.0.0"] a, .totobi-cal-page:is(.tb-upgrade[data-tb-ui="2.0.0"]) a { color: rgb(117, 69, 181); text-underline-offset: 4px; }
.totobi-cal-page .tb-upgrade[data-tb-ui="2.0.0"] :is(button, a), .totobi-cal-page:is(.tb-upgrade[data-tb-ui="2.0.0"]) :is(button, a) { -webkit-tap-highlight-color: transparent; }
.totobi-cal-page .tb-upgrade[data-tb-ui="2.0.0"] :is(h1, h2), .totobi-cal-page:is(.tb-upgrade[data-tb-ui="2.0.0"]) :is(h1, h2) { font-weight: 800; line-height: 1.1; letter-spacing: -0.042em; overflow-wrap: break-word; }
.totobi-cal-page .tb-upgrade[data-tb-ui="2.0.0"] h1, .totobi-cal-page:is(.tb-upgrade[data-tb-ui="2.0.0"]) h1 { font-size: clamp(38px, 4.4vw, 62px); }
.totobi-cal-page .tb-upgrade[data-tb-ui="2.0.0"] .tb-lead-form, .totobi-cal-page:is(.tb-upgrade[data-tb-ui="2.0.0"]) .tb-lead-form { display: grid; gap: 10px; width: 100%; text-align: left; align-content: start; }
.totobi-cal-page .tb-upgrade[data-tb-ui="2.0.0"] .tb-lead-form label, .totobi-cal-page:is(.tb-upgrade[data-tb-ui="2.0.0"]) .tb-lead-form label { display: block; margin: 0px; font-size: 14px; line-height: 1.4; font-weight: 700; color: var(--tb-ink); }
.totobi-cal-page .tb-upgrade[data-tb-ui="2.0.0"] .tb-phone-field, .totobi-cal-page:is(.tb-upgrade[data-tb-ui="2.0.0"]) .tb-phone-field { position: relative; width: 100%; height: 62px; }
.totobi-cal-page .tb-upgrade[data-tb-ui="2.0.0"] .tb-phone-field .tb-phone-prefix, .totobi-cal-page:is(.tb-upgrade[data-tb-ui="2.0.0"]) .tb-phone-field .tb-phone-prefix { position: absolute; inset: 0px auto 0px 19px; z-index: 1; display: flex; align-items: center; pointer-events: none; color: rgb(60, 50, 71); font-size: 20px; font-weight: 700; }
.totobi-cal-page .tb-upgrade[data-tb-ui="2.0.0"] .tb-phone-field .tb-phone-prefix::after, .totobi-cal-page:is(.tb-upgrade[data-tb-ui="2.0.0"]) .tb-phone-field .tb-phone-prefix::after { content: ""; height: 24px; width: 1px; background: rgb(221, 211, 232); margin-left: 15px; }
.totobi-cal-page .tb-upgrade[data-tb-ui="2.0.0"] .tb-phone-field input, .totobi-cal-page:is(.tb-upgrade[data-tb-ui="2.0.0"]) .tb-phone-field input { display: block; width: 100%; height: 62px; min-height: 62px; padding: 16px 16px 16px 75px; margin: 0px; border: 1px solid rgb(220, 212, 228); border-radius: 15px; background: rgb(255, 255, 255); color: rgb(52, 43, 62); font-size: 19px; line-height: 1.4; box-shadow: none; transition: border-color 0.15s, box-shadow 0.15s; }
.totobi-cal-page .tb-upgrade[data-tb-ui="2.0.0"] .tb-phone-field input::placeholder, .totobi-cal-page:is(.tb-upgrade[data-tb-ui="2.0.0"]) .tb-phone-field input::placeholder { color: rgb(138, 130, 145); opacity: 1; }
.totobi-cal-page .tb-upgrade[data-tb-ui="2.0.0"] .tb-phone-field input:focus, .totobi-cal-page:is(.tb-upgrade[data-tb-ui="2.0.0"]) .tb-phone-field input:focus { outline: 0px; border-color: rgb(155, 115, 202); box-shadow: rgba(164, 118, 214, 0.09) 0px 0px 0px 3px; }
.totobi-cal-page .tb-upgrade[data-tb-ui="2.0.0"] .tb-cta, .totobi-cal-page:is(.tb-upgrade[data-tb-ui="2.0.0"]) .tb-cta { display: inline-flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 60px; max-width: 100%; padding: 16px 22px; border: 1px solid transparent; border-radius: 15px; font: 700 16px / 1.35 TBOnest, Arial, sans-serif; text-decoration: none; cursor: pointer; text-align: left; transition: transform 0.15s, box-shadow 0.15s, filter 0.15s; }
.totobi-cal-page .tb-upgrade[data-tb-ui="2.0.0"] .tb-cta-primary, .totobi-cal-page:is(.tb-upgrade[data-tb-ui="2.0.0"]) .tb-cta-primary { background: linear-gradient(105deg,var(--tb-orange-start),var(--tb-orange-end)); color: rgb(48, 35, 51); box-shadow: rgba(215, 122, 59, 0.094) 0px 5px 0px, rgba(230, 129, 37, 0.063) 0px 12px 22px; }
.totobi-cal-page .tb-upgrade[data-tb-ui="2.0.0"] .tb-cta-primary:hover, .totobi-cal-page:is(.tb-upgrade[data-tb-ui="2.0.0"]) .tb-cta-primary:hover { filter: brightness(1.025); box-shadow: rgba(215, 122, 59, 0.12) 0px 6px 0px, rgba(230, 129, 37, 0.09) 0px 15px 25px; transform: translateY(-1px); }
.totobi-cal-page .tb-upgrade[data-tb-ui="2.0.0"] .tb-cta-arrow, .totobi-cal-page:is(.tb-upgrade[data-tb-ui="2.0.0"]) .tb-cta-arrow { flex: 0 0 auto; font-size: 24px; font-weight: 400; line-height: 1; }
.totobi-cal-page .tb-upgrade[data-tb-ui="2.0.0"] .tb-lead-form .tb-cta, .totobi-cal-page:is(.tb-upgrade[data-tb-ui="2.0.0"]) .tb-lead-form .tb-cta { width: 100%; margin: 2px 0px 0px; }
.totobi-cal-page .tb-upgrade[data-tb-ui="2.0.0"] .tb-cta:disabled, .totobi-cal-page:is(.tb-upgrade[data-tb-ui="2.0.0"]) .tb-cta:disabled { cursor: default; opacity: 0.64; filter: none; transform: none; }
.totobi-cal-page .tb-upgrade[data-tb-ui="2.0.0"] .tb-form-status, .totobi-cal-page:is(.tb-upgrade[data-tb-ui="2.0.0"]) .tb-form-status { margin: 0px; padding: 12px 14px; border: 1px solid rgb(215, 198, 233); border-radius: 12px; color: rgb(86, 53, 121); background: rgb(244, 238, 254); font-size: 14px; line-height: 1.55; }
.totobi-cal-page .tb-upgrade[data-tb-ui="2.0.0"] .tb-form-status[data-state="success"], .totobi-cal-page:is(.tb-upgrade[data-tb-ui="2.0.0"]) .tb-form-status[data-state="success"] { background: rgb(240, 247, 237); color: rgb(55, 89, 48); border-color: rgb(203, 218, 196); }
.totobi-cal-page .tb-upgrade[data-tb-ui="2.0.0"] .tb-consent, .totobi-cal-page:is(.tb-upgrade[data-tb-ui="2.0.0"]) .tb-consent { font-size: 10px; line-height: 1.6; color: rgb(131, 123, 137); margin: 0px; padding: 0px; }
.totobi-cal-page .tb-upgrade[data-tb-ui="2.0.0"] .tb-consent a, .totobi-cal-page:is(.tb-upgrade[data-tb-ui="2.0.0"]) .tb-consent a { color: rgb(130, 117, 142); text-decoration: underline; }
.totobi-cal-page .tb-upgrade[data-tb-ui="2.0.0"] .tb-selection-summary, .totobi-cal-page:is(.tb-upgrade[data-tb-ui="2.0.0"]) .tb-selection-summary { padding: 17px 18px; margin-bottom: 18px; border: 1px solid rgb(224, 210, 237); border-radius: 16px; background: rgb(248, 243, 252); }
.totobi-cal-page .tb-upgrade[data-tb-ui="2.0.0"] .tb-text-button, .totobi-cal-page:is(.tb-upgrade[data-tb-ui="2.0.0"]) .tb-text-button { min-height: 44px; margin: 8px 12px 0px 0px; padding: 8px 0px; border: 0px; background: none; color: rgb(123, 74, 171); font-size: 12px; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
@media (max-width: 980px) {
.totobi-cal-page .tb-upgrade[data-tb-ui="2.0.0"] h1, .totobi-cal-page:is(.tb-upgrade[data-tb-ui="2.0.0"]) h1 { font-size: 43px; }
}
@media (max-width: 760px) {
.totobi-cal-page .tb-upgrade[data-tb-ui="2.0.0"] h1, .totobi-cal-page:is(.tb-upgrade[data-tb-ui="2.0.0"]) h1 { font-size: 38px; line-height: 1.08; }
}
@media (max-width: 480px) {
.totobi-cal-page .tb-upgrade[data-tb-ui="2.0.0"] .tb-cta, .totobi-cal-page:is(.tb-upgrade[data-tb-ui="2.0.0"]) .tb-cta { padding: 16px 18px; font-size: 15px; }
}
@media (max-width: 360px) {
.totobi-cal-page .tb-upgrade[data-tb-ui="2.0.0"] h1, .totobi-cal-page:is(.tb-upgrade[data-tb-ui="2.0.0"]) h1 { font-size: 35px; }
.totobi-cal-page .tb-upgrade[data-tb-ui="2.0.0"] .tb-phone-field input, .totobi-cal-page:is(.tb-upgrade[data-tb-ui="2.0.0"]) .tb-phone-field input { font-size: 18px; padding-left: 71px; }
.totobi-cal-page .tb-upgrade[data-tb-ui="2.0.0"] .tb-phone-field .tb-phone-prefix, .totobi-cal-page:is(.tb-upgrade[data-tb-ui="2.0.0"]) .tb-phone-field .tb-phone-prefix { left: 17px; font-size: 19px; }
.totobi-cal-page .tb-upgrade[data-tb-ui="2.0.0"] .tb-cta, .totobi-cal-page:is(.tb-upgrade[data-tb-ui="2.0.0"]) .tb-cta { gap: 12px; font-size: 14px; padding-left: 16px; padding-right: 16px; }
}
@media (prefers-reduced-motion: reduce) {
.totobi-cal-page .tb-upgrade[data-tb-ui="2.0.0"] :is(.tb-cta, .tb-phone-field input), .totobi-cal-page:is(.tb-upgrade[data-tb-ui="2.0.0"]) :is(.tb-cta, .tb-phone-field input) { transition: none; }
.totobi-cal-page .tb-upgrade[data-tb-ui="2.0.0"] .tb-cta-primary:hover, .totobi-cal-page:is(.tb-upgrade[data-tb-ui="2.0.0"]) .tb-cta-primary:hover { transform: none; }
}
@font-face { font-family: TBBlueprint; src: url("../../fonts/Onest-Regular.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: TBBlueprintBold; src: url("../../fonts/Onest-Bold.woff2") format("woff2"); font-weight: 700; font-display: swap; }
.totobi-cal-page .tb-blueprint, .totobi-cal-page:is(.tb-blueprint) { --ink: #211d2a; --muted: #736c7e; --orange: #ff873f; --purple: #8250ec; background: rgb(249, 248, 252); color: var(--ink); padding-bottom: 55px; isolation: isolate; }
.totobi-cal-page .tb-blueprint *, .totobi-cal-page:is(.tb-blueprint) * { box-sizing: border-box; }
.totobi-cal-page .tb-blueprint .sg-wrap, .totobi-cal-page:is(.tb-blueprint) .sg-wrap { width: min(1440px, 100% - 64px); margin-inline: auto; }
.totobi-cal-page .tb-blueprint a, .totobi-cal-page:is(.tb-blueprint) a { text-decoration: none; color: inherit; }
.totobi-cal-page .tb-blueprint button, .totobi-cal-page:is(.tb-blueprint) button, .totobi-cal-page .tb-blueprint input, .totobi-cal-page:is(.tb-blueprint) input, .totobi-cal-page .tb-blueprint textarea, .totobi-cal-page:is(.tb-blueprint) textarea { font: inherit; }
.totobi-cal-page .tb-blueprint button, .totobi-cal-page:is(.tb-blueprint) button, .totobi-cal-page .tb-blueprint a, .totobi-cal-page:is(.tb-blueprint) a { touch-action: manipulation; }
.totobi-cal-page .tb-blueprint :is(a, button, input, textarea, summary):focus-visible, .totobi-cal-page:is(.tb-blueprint) :is(a, button, input, textarea, summary):focus-visible { outline: rgb(177, 140, 255) solid 3px; outline-offset: 5px; }
.totobi-cal-page .tb-blueprint :is(h1, h2, h3, p, figure), .totobi-cal-page:is(.tb-blueprint) :is(h1, h2, h3, p, figure) { margin: 0px; }
.totobi-cal-page .tb-blueprint h1, .totobi-cal-page:is(.tb-blueprint) h1, .totobi-cal-page .tb-blueprint h2, .totobi-cal-page:is(.tb-blueprint) h2, .totobi-cal-page .tb-blueprint h3, .totobi-cal-page:is(.tb-blueprint) h3, .totobi-cal-page .tb-blueprint strong, .totobi-cal-page:is(.tb-blueprint) strong, .totobi-cal-page .tb-blueprint b, .totobi-cal-page:is(.tb-blueprint) b { font-family: TBBlueprintBold, Arial, sans-serif; font-weight: 700; }
.totobi-cal-page .tb-blueprint p, .totobi-cal-page:is(.tb-blueprint) p { font-size: 17px; line-height: 1.65; }
.totobi-cal-page .tb-blueprint .sg-hero, .totobi-cal-page:is(.tb-blueprint) .sg-hero { background: radial-gradient(at 94% 8%, rgb(55, 33, 72) 0px, transparent 53%), rgb(25, 20, 33); color: rgb(255, 255, 255); border-radius: 30px; padding: 30px 44px 22px; position: relative; overflow: hidden; }
.totobi-cal-page .tb-blueprint i, .totobi-cal-page:is(.tb-blueprint) i { display: inline-block; width: 6px; height: 6px; background: rgb(176, 229, 185); border-radius: 50%; vertical-align: middle; margin-right: 7px; }
.totobi-cal-page .tb-blueprint .sg-hero-grid, .totobi-cal-page:is(.tb-blueprint) .sg-hero-grid { display: grid; grid-template-columns: 1fr 1.04fr; gap: 35px; align-items: center; padding: 40px 0px 36px; }
.totobi-cal-page .tb-blueprint .sg-kicker, .totobi-cal-page:is(.tb-blueprint) .sg-kicker { font-size: 12px; line-height: 1.5; text-transform: uppercase; letter-spacing: 0.11em; color: rgb(131, 80, 197); margin-bottom: 20px; font-family: TBBlueprintBold, Arial, sans-serif; }
.totobi-cal-page .tb-blueprint .sg-hero .sg-kicker, .totobi-cal-page:is(.tb-blueprint) .sg-hero .sg-kicker { color: rgb(202, 181, 230); font-size: 12px; }
.totobi-cal-page .tb-blueprint h1, .totobi-cal-page:is(.tb-blueprint) h1 { font-size: clamp(40px, 4.8vw, 70px); line-height: 1.05; letter-spacing: -0.045em; margin-bottom: 25px; color: rgb(255, 255, 255); }
.totobi-cal-page .tb-blueprint .sg-tagline, .totobi-cal-page:is(.tb-blueprint) .sg-tagline { font-size: clamp(22px, 2.2vw, 30px); line-height: 1.26; letter-spacing: -0.02em; color: rgb(238, 229, 246); margin-bottom: 22px; }
.totobi-cal-page .tb-blueprint .sg-lead, .totobi-cal-page:is(.tb-blueprint) .sg-lead { font-size: 16px; line-height: 1.65; color: rgb(191, 177, 206); max-width: 460px; }
.totobi-cal-page .tb-blueprint .sg-actions, .totobi-cal-page:is(.tb-blueprint) .sg-actions { display: flex; align-items: center; gap: 23px; flex-wrap: wrap; margin-top: 28px; }
.totobi-cal-page .tb-blueprint .sg-btn, .totobi-cal-page:is(.tb-blueprint) .sg-btn { display: inline-flex; align-items: center; justify-content: center; gap: 25px; background: linear-gradient(110deg, rgb(255, 180, 84), rgb(255, 121, 69)); color: rgb(34, 23, 39); border: 0px; border-radius: 12px; min-height: 58px; padding: 17px 24px; font-family: TBBlueprintBold, Arial, sans-serif; font-size: 16px; line-height: 1.3; text-align: center; cursor: pointer; transition: transform 0.2s, box-shadow 0.2s; }
.totobi-cal-page .tb-blueprint .sg-btn:hover, .totobi-cal-page:is(.tb-blueprint) .sg-btn:hover { transform: translateY(-2px); box-shadow: rgba(255, 140, 67, 0.22) 0px 8px 25px; }
.totobi-cal-page .tb-blueprint .sg-btn span, .totobi-cal-page:is(.tb-blueprint) .sg-btn span { font-size: 24px; line-height: 1; }
.totobi-cal-page .tb-blueprint .sg-trust, .totobi-cal-page:is(.tb-blueprint) .sg-trust { display: flex; gap: 9px 16px; flex-wrap: wrap; list-style: none; padding: 0px; margin: 25px 0px 0px; color: rgb(193, 180, 207); font-size: 12px; line-height: 1.5; }
.totobi-cal-page .tb-blueprint .sg-trust li::before, .totobi-cal-page:is(.tb-blueprint) .sg-trust li::before { content: "✓"; color: rgb(179, 144, 240); margin-right: 6px; }
.totobi-cal-page .tb-blueprint figcaption, .totobi-cal-page:is(.tb-blueprint) figcaption { padding: 17px 0px; }
.totobi-cal-page .tb-blueprint .sg-consent a, .totobi-cal-page:is(.tb-blueprint) .sg-consent a { text-decoration: underline; }
@media (min-width: 1600px) {
.totobi-cal-page .tb-blueprint .sg-hero-grid, .totobi-cal-page:is(.tb-blueprint) .sg-hero-grid { gap: 65px; }
.totobi-cal-page .tb-blueprint .sg-hero, .totobi-cal-page:is(.tb-blueprint) .sg-hero { padding-inline: 55px; }
}
@media (max-width: 1150px) {
.totobi-cal-page .tb-blueprint .sg-wrap, .totobi-cal-page:is(.tb-blueprint) .sg-wrap { width: calc(100% - 40px); }
.totobi-cal-page .tb-blueprint .sg-hero, .totobi-cal-page:is(.tb-blueprint) .sg-hero { padding: 25px 28px 20px; }
.totobi-cal-page .tb-blueprint .sg-hero-grid, .totobi-cal-page:is(.tb-blueprint) .sg-hero-grid { gap: 25px; }
}
@media (max-width: 850px) {
.totobi-cal-page .tb-blueprint .sg-hero-grid, .totobi-cal-page:is(.tb-blueprint) .sg-hero-grid { grid-template-columns: 1fr; padding-top: 30px; gap: 35px; }
.totobi-cal-page .tb-blueprint h1, .totobi-cal-page:is(.tb-blueprint) h1 { font-size: 60px; }
.totobi-cal-page .tb-blueprint .sg-copy, .totobi-cal-page:is(.tb-blueprint) .sg-copy { max-width: 650px; }
.totobi-cal-page .tb-blueprint .sg-lead, .totobi-cal-page:is(.tb-blueprint) .sg-lead { max-width: 560px; }
}
@media (max-width: 560px) {
.totobi-cal-page .tb-blueprint, .totobi-cal-page:is(.tb-blueprint) { padding-bottom: 30px; }
.totobi-cal-page .tb-blueprint .sg-wrap, .totobi-cal-page:is(.tb-blueprint) .sg-wrap { width: calc(100% - 28px); }
.totobi-cal-page .tb-blueprint .sg-hero, .totobi-cal-page:is(.tb-blueprint) .sg-hero { border-radius: 21px; padding: 21px 20px 15px; }
.totobi-cal-page .tb-blueprint .sg-hero-grid, .totobi-cal-page:is(.tb-blueprint) .sg-hero-grid { padding: 25px 0px; gap: 30px; }
.totobi-cal-page .tb-blueprint h1, .totobi-cal-page:is(.tb-blueprint) h1 { font-size: clamp(35px, 9.4vw, 51px); margin-bottom: 20px; }
.totobi-cal-page .tb-blueprint .sg-hero .sg-kicker, .totobi-cal-page:is(.tb-blueprint) .sg-hero .sg-kicker { font-size: 12px; margin-bottom: 16px; }
.totobi-cal-page .tb-blueprint .sg-tagline, .totobi-cal-page:is(.tb-blueprint) .sg-tagline { font-size: 23px; margin-bottom: 15px; }
.totobi-cal-page .tb-blueprint .sg-lead, .totobi-cal-page:is(.tb-blueprint) .sg-lead { font-size: 14px; }
.totobi-cal-page .tb-blueprint .sg-actions, .totobi-cal-page:is(.tb-blueprint) .sg-actions { gap: 17px; margin-top: 22px; }
.totobi-cal-page .tb-blueprint .sg-actions .sg-btn, .totobi-cal-page:is(.tb-blueprint) .sg-actions .sg-btn { width: 100%; font-size: 14px; padding: 16px 12px; gap: 18px; min-height: 55px; }
.totobi-cal-page .tb-blueprint .sg-trust, .totobi-cal-page:is(.tb-blueprint) .sg-trust { font-size: 12px; gap: 8px 10px; margin-top: 20px; }
.totobi-cal-page .tb-blueprint .sg-kicker, .totobi-cal-page:is(.tb-blueprint) .sg-kicker { font-size: 12px; margin-bottom: 14px; }
.totobi-cal-page .tb-blueprint p, .totobi-cal-page:is(.tb-blueprint) p { font-size: 14px; }
.totobi-cal-page .tb-blueprint figcaption, .totobi-cal-page:is(.tb-blueprint) figcaption { padding: 13px 0px 0px; }
}
@media (prefers-reduced-motion: reduce) {
.totobi-cal-page .tb-blueprint *, .totobi-cal-page:is(.tb-blueprint) *, .totobi-cal-page .tb-blueprint ::before, .totobi-cal-page:is(.tb-blueprint) ::before, .totobi-cal-page .tb-blueprint ::after, .totobi-cal-page:is(.tb-blueprint) ::after { animation: auto ease 0s 1 normal none running none !important; transition: none !important; scroll-behavior: auto !important; }
}
.totobi-cal-page .tb-blueprint, .totobi-cal-page:is(.tb-blueprint) { padding-top: 140px; }
@media (max-width: 850px) {
.totobi-cal-page .tb-blueprint, .totobi-cal-page:is(.tb-blueprint) { padding-top: 100px; }
}
@media (max-width: 560px) {
.totobi-cal-page .tb-blueprint, .totobi-cal-page:is(.tb-blueprint) { padding-top: 70px; }
}
.totobi-cal-page .tb-blueprint, .totobi-cal-page:is(.tb-blueprint) { background: rgb(250, 249, 246); --ink: #242628; --muted: #69696d; }
.totobi-cal-page .tb-blueprint .sg-hero, .totobi-cal-page:is(.tb-blueprint) .sg-hero { background: none; color: var(--ink); padding: 20px 0px 36px; border-radius: 0px; overflow: visible; }
.totobi-cal-page .tb-blueprint .sg-hero-grid, .totobi-cal-page:is(.tb-blueprint) .sg-hero-grid { grid-template-columns: minmax(0px, 0.82fr) minmax(0px, 1.18fr); gap: 54px; padding: 20px 0px; align-items: center; }
.totobi-cal-page .tb-blueprint .sg-hero .sg-kicker, .totobi-cal-page:is(.tb-blueprint) .sg-hero .sg-kicker { color: rgb(123, 85, 190); letter-spacing: 0.15em; font-size: 12px; }
.totobi-cal-page .tb-blueprint h1, .totobi-cal-page:is(.tb-blueprint) h1 { font-size: clamp(44px, 4.7vw, 70px); color: rgb(36, 38, 40); letter-spacing: -0.055em; line-height: 1.05; margin-bottom: 25px; }
.totobi-cal-page .tb-blueprint .sg-tagline, .totobi-cal-page:is(.tb-blueprint) .sg-tagline { font-size: 27px; color: rgb(36, 38, 40); line-height: 1.3; margin-bottom: 20px; }
.totobi-cal-page .tb-blueprint .sg-lead, .totobi-cal-page:is(.tb-blueprint) .sg-lead { color: rgb(105, 105, 109); font-size: 16px; max-width: 460px; }
.totobi-cal-page .tb-blueprint .sg-actions, .totobi-cal-page:is(.tb-blueprint) .sg-actions { gap: 18px; margin-top: 26px; }
.totobi-cal-page .tb-blueprint .sg-btn, .totobi-cal-page:is(.tb-blueprint) .sg-btn { background: linear-gradient(110deg, rgb(255, 177, 75), rgb(255, 116, 62)); border-radius: 10px; box-shadow: rgba(255, 142, 59, 0.125) 0px 5px 16px; }
.totobi-cal-page .tb-blueprint .sg-trust, .totobi-cal-page:is(.tb-blueprint) .sg-trust { color: rgb(105, 105, 109); font-size: 12px; gap: 8px 14px; }
.totobi-cal-page .tb-blueprint .sg-trust li::before, .totobi-cal-page:is(.tb-blueprint) .sg-trust li::before { color: rgb(128, 82, 196); }
.totobi-cal-page .tb-blueprint [hidden], .totobi-cal-page:is(.tb-blueprint) [hidden] { display: none !important; }
@media (max-width: 1150px) {
.totobi-cal-page .tb-blueprint .sg-hero, .totobi-cal-page:is(.tb-blueprint) .sg-hero { padding: 16px 0px 30px; }
.totobi-cal-page .tb-blueprint .sg-hero-grid, .totobi-cal-page:is(.tb-blueprint) .sg-hero-grid { gap: 28px; grid-template-columns: minmax(0px, 0.85fr) minmax(0px, 1.15fr); }
.totobi-cal-page .tb-blueprint h1, .totobi-cal-page:is(.tb-blueprint) h1 { font-size: clamp(40px, 4.8vw, 60px); }
.totobi-cal-page .tb-blueprint .sg-tagline, .totobi-cal-page:is(.tb-blueprint) .sg-tagline { font-size: 23px; }
}
@media (max-width: 850px) {
.totobi-cal-page .tb-blueprint .sg-hero-grid, .totobi-cal-page:is(.tb-blueprint) .sg-hero-grid { grid-template-columns: 1fr; gap: 30px; padding: 10px 0px 20px; }
.totobi-cal-page .tb-blueprint .sg-copy, .totobi-cal-page:is(.tb-blueprint) .sg-copy { max-width: 700px; }
.totobi-cal-page .tb-blueprint h1, .totobi-cal-page:is(.tb-blueprint) h1 { font-size: 60px; }
}
@media (max-width: 560px) {
.totobi-cal-page .tb-blueprint .sg-hero, .totobi-cal-page:is(.tb-blueprint) .sg-hero { padding: 10px 0px 25px; border-radius: 0px; }
.totobi-cal-page .tb-blueprint h1, .totobi-cal-page:is(.tb-blueprint) h1 { font-size: clamp(38px, 10.3vw, 55px); margin-bottom: 18px; }
.totobi-cal-page .tb-blueprint .sg-hero .sg-kicker, .totobi-cal-page:is(.tb-blueprint) .sg-hero .sg-kicker { font-size: 12px; margin-bottom: 14px; }
.totobi-cal-page .tb-blueprint .sg-tagline, .totobi-cal-page:is(.tb-blueprint) .sg-tagline { font-size: 22px; margin-bottom: 14px; }
.totobi-cal-page .tb-blueprint .sg-lead, .totobi-cal-page:is(.tb-blueprint) .sg-lead { font-size: 14px; }
.totobi-cal-page .tb-blueprint .sg-trust, .totobi-cal-page:is(.tb-blueprint) .sg-trust { font-size: 12px; gap: 7px 12px; margin-top: 19px; }
}
.totobi-cal-page .tb-blueprint .sg-wrap, .totobi-cal-page:is(.tb-blueprint) .sg-wrap { max-width: 1280px; }
.totobi-cal-page .tb-blueprint .sg-hero-grid, .totobi-cal-page:is(.tb-blueprint) .sg-hero-grid { align-items: start; }
.totobi-cal-page .tb-blueprint .sg-copy, .totobi-cal-page:is(.tb-blueprint) .sg-copy { padding-top: 25px; }
@media (max-width: 850px) {
.totobi-cal-page .tb-blueprint .sg-copy, .totobi-cal-page:is(.tb-blueprint) .sg-copy { padding-top: 0px; }
}
.totobi-cal-page .tb-blueprint, .totobi-cal-page:is(.tb-blueprint) { position: relative; overflow: clip; }
.totobi-cal-page .tb-blueprint::before, .totobi-cal-page:is(.tb-blueprint)::before { content: ""; position: absolute; inset: 0px 0px auto; height: 1400px; pointer-events: none; background: radial-gradient(at 0px 28%, rgba(179, 146, 240, 0.133), transparent 28%), radial-gradient(at 100% 47%, rgba(255, 179, 100, 0.114), transparent 28%); z-index: 0; }
.totobi-cal-page .tb-blueprint .sg-wrap, .totobi-cal-page:is(.tb-blueprint) .sg-wrap { position: relative; z-index: 1; }
.totobi-cal-page .tb-blueprint .sg-hero, .totobi-cal-page:is(.tb-blueprint) .sg-hero { overflow: visible; }
.totobi-cal-page .tb-blueprint .sg-copy, .totobi-cal-page:is(.tb-blueprint) .sg-copy { padding-top: 18px; }
.totobi-cal-page .tb-blueprint .sg-hero h1, .totobi-cal-page:is(.tb-blueprint) .sg-hero h1 { font-size: clamp(44px, 4.5vw, 65px); margin-bottom: 20px; }
.totobi-cal-page .tb-blueprint .sg-tagline, .totobi-cal-page:is(.tb-blueprint) .sg-tagline { font-size: 25px; margin-bottom: 15px; }
.totobi-cal-page .tb-blueprint .sg-actions, .totobi-cal-page:is(.tb-blueprint) .sg-actions { margin-top: 22px; }
.totobi-cal-page .tb-blueprint .sg-hero .sg-trust, .totobi-cal-page:is(.tb-blueprint) .sg-hero .sg-trust { margin-top: 17px; }
.totobi-cal-page .tb-blueprint .sg-btn, .totobi-cal-page:is(.tb-blueprint) .sg-btn { position: relative; isolation: isolate; overflow: hidden; }
.totobi-cal-page .tb-blueprint .sg-btn::after, .totobi-cal-page:is(.tb-blueprint) .sg-btn::after { content: ""; position: absolute; inset: -20% auto -20% -60%; width: 38%; background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.4), transparent); transform: translateX(-100%) skewX(-18deg); pointer-events: none; animation: 7s ease-in-out 0s infinite normal none running sg-v5-sheen; }
.totobi-cal-page .tb-blueprint .sg-btn span, .totobi-cal-page:is(.tb-blueprint) .sg-btn span { transition: transform 0.22s; }
.totobi-cal-page .tb-blueprint button:active, .totobi-cal-page:is(.tb-blueprint) button:active, .totobi-cal-page .tb-blueprint .sg-btn:active, .totobi-cal-page:is(.tb-blueprint) .sg-btn:active { transform: scale(0.97); }
.totobi-cal-page .tb-blueprint button:focus-visible, .totobi-cal-page:is(.tb-blueprint) button:focus-visible, .totobi-cal-page .tb-blueprint .sg-btn:focus-visible, .totobi-cal-page:is(.tb-blueprint) .sg-btn:focus-visible { box-shadow: rgba(165, 122, 205, 0.14) 0px 0px 0px 5px; }
@media (hover: hover) {
.totobi-cal-page .tb-blueprint button:not([data-color]):hover, .totobi-cal-page:is(.tb-blueprint) button:not([data-color]):hover { transform: translateY(-2px); box-shadow: rgba(128, 82, 180, 0.094) 0px 5px 12px; }
.totobi-cal-page .tb-blueprint .sg-btn:hover, .totobi-cal-page:is(.tb-blueprint) .sg-btn:hover { transform: translateY(-3px); box-shadow: rgba(241, 140, 58, 0.22) 0px 10px 24px; }
.totobi-cal-page .tb-blueprint .sg-btn:hover span, .totobi-cal-page:is(.tb-blueprint) .sg-btn:hover span { transform: translate(3px, -2px); }
}
@media (max-width: 850px) {
.totobi-cal-page .tb-blueprint .sg-copy, .totobi-cal-page:is(.tb-blueprint) .sg-copy { padding-top: 0px; }
.totobi-cal-page .tb-blueprint .sg-hero h1, .totobi-cal-page:is(.tb-blueprint) .sg-hero h1 { font-size: 60px; }
}
@media (max-width: 560px) {
.totobi-cal-page .tb-blueprint .sg-hero h1, .totobi-cal-page:is(.tb-blueprint) .sg-hero h1 { font-size: clamp(37px, 10.2vw, 54px); margin-bottom: 16px; }
.totobi-cal-page .tb-blueprint .sg-tagline, .totobi-cal-page:is(.tb-blueprint) .sg-tagline { font-size: 21px; margin-bottom: 13px; }
.totobi-cal-page .tb-blueprint .sg-hero .sg-trust, .totobi-cal-page:is(.tb-blueprint) .sg-hero .sg-trust { font-size: 12px; gap: 6px 9px; }
.totobi-cal-page .tb-blueprint::before, .totobi-cal-page:is(.tb-blueprint)::before { height: 1250px; background: radial-gradient(at 0px 15%, rgba(179, 146, 240, 0.098), transparent 35%), radial-gradient(at 100% 55%, rgba(255, 179, 100, 0.106), transparent 32%); }
}
@media (prefers-reduced-motion: reduce) {
.totobi-cal-page .tb-blueprint *, .totobi-cal-page:is(.tb-blueprint) *, .totobi-cal-page .tb-blueprint ::before, .totobi-cal-page:is(.tb-blueprint) ::before, .totobi-cal-page .tb-blueprint ::after, .totobi-cal-page:is(.tb-blueprint) ::after { animation: auto ease 0s 1 normal none running none !important; transition: none !important; scroll-behavior: auto !important; }
}
@media (min-width: 851px) and (max-height: 900px) {
.totobi-cal-page .tb-blueprint .sg-hero, .totobi-cal-page:is(.tb-blueprint) .sg-hero { padding-top: 8px; }
.totobi-cal-page .tb-blueprint .sg-hero-grid, .totobi-cal-page:is(.tb-blueprint) .sg-hero-grid { padding-top: 5px; padding-bottom: 10px; }
.totobi-cal-page .tb-blueprint .sg-copy, .totobi-cal-page:is(.tb-blueprint) .sg-copy { padding-top: 7px; }
.totobi-cal-page .tb-blueprint .sg-hero .sg-kicker, .totobi-cal-page:is(.tb-blueprint) .sg-hero .sg-kicker { margin-bottom: 12px; }
.totobi-cal-page .tb-blueprint .sg-hero h1, .totobi-cal-page:is(.tb-blueprint) .sg-hero h1 { font-size: clamp(42px, 4.2vw, 60px); margin-bottom: 16px; }
.totobi-cal-page .tb-blueprint .sg-tagline, .totobi-cal-page:is(.tb-blueprint) .sg-tagline { font-size: 23px; margin-bottom: 12px; }
.totobi-cal-page .tb-blueprint .sg-actions, .totobi-cal-page:is(.tb-blueprint) .sg-actions { margin-top: 18px; }
}
.totobi-cal-page .tb-blueprint [hidden], .totobi-cal-page:is(.tb-blueprint) [hidden] { display: none !important; }
.totobi-cal-page .tb-blueprint .sg-actions, .totobi-cal-page:is(.tb-blueprint) .sg-actions { gap: 16px; align-items: flex-start; flex-direction: column; }
@media (min-width: 1001px) and (max-height: 850px) {
.totobi-cal-page .tb-blueprint .sg-hero, .totobi-cal-page:is(.tb-blueprint) .sg-hero { padding-top: 18px; padding-bottom: 18px; }
.totobi-cal-page .tb-blueprint .sg-hero-grid, .totobi-cal-page:is(.tb-blueprint) .sg-hero-grid { padding: 18px 0px; gap: 28px; }
.totobi-cal-page .tb-blueprint h1, .totobi-cal-page:is(.tb-blueprint) h1 { font-size: clamp(39px, 4.3vw, 61px); margin-bottom: 14px; }
.totobi-cal-page .tb-blueprint .sg-tagline, .totobi-cal-page:is(.tb-blueprint) .sg-tagline { font-size: 25px; margin-bottom: 15px; }
.totobi-cal-page .tb-blueprint .sg-actions, .totobi-cal-page:is(.tb-blueprint) .sg-actions { margin-top: 20px; }
}
@media (max-width: 560px) {
.totobi-cal-page .tb-blueprint .sg-hero-grid, .totobi-cal-page:is(.tb-blueprint) .sg-hero-grid { padding-top: 10px; gap: 25px; }
.totobi-cal-page .tb-blueprint .sg-tagline, .totobi-cal-page:is(.tb-blueprint) .sg-tagline { font-size: 21px; }
.totobi-cal-page .tb-blueprint .sg-trust, .totobi-cal-page:is(.tb-blueprint) .sg-trust { font-size: 12px; gap: 8px; }
}
.totobi-cal-page .tb-blueprint .sg-message-choice, .totobi-cal-page:is(.tb-blueprint) .sg-message-choice { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 18px; font-size: 13px; line-height: 1.6; }
.totobi-cal-page .tb-blueprint .sg-message-choice > span, .totobi-cal-page:is(.tb-blueprint) .sg-message-choice > span { flex-basis: 100%; color: inherit; }
.totobi-cal-page .tb-blueprint .sg-message-choice a, .totobi-cal-page:is(.tb-blueprint) .sg-message-choice a { display: inline-flex; align-items: center; min-height: 44px; border-bottom: 1px solid; text-decoration: none; }
.totobi-cal-page .tb-blueprint .sg-actions .sg-message-choice, .totobi-cal-page:is(.tb-blueprint) .sg-actions .sg-message-choice { width: 100%; }
@media (max-width: 560px) {
.totobi-cal-page .tb-blueprint .sg-actions, .totobi-cal-page:is(.tb-blueprint) .sg-actions { margin-top: 18px; gap: 10px; }
.totobi-cal-page .tb-blueprint .sg-message-choice, .totobi-cal-page:is(.tb-blueprint) .sg-message-choice { font-size: 13px; gap: 0px 18px; }
}
.totobi-cal-page .tb-blueprint::before, .totobi-cal-page:is(.tb-blueprint)::before { inset: 0px; height: auto; background-image: none, none; background-size: clamp(46px, -720px + 50vw, 130px) 850px, clamp(46px, -720px + 50vw, 130px) 850px; background-position: left 220px, right 510px; background-repeat: repeat-y; pointer-events: none; }
.totobi-cal-page .tb-blueprint .sg-quick-form, .totobi-cal-page:is(.tb-blueprint) .sg-quick-form { width: 100%; max-width: 510px; display: grid; grid-template-columns: 1fr; gap: 9px; margin: 0px; }
.totobi-cal-page .tb-blueprint .sg-quick-form label, .totobi-cal-page:is(.tb-blueprint) .sg-quick-form label { font-size: 13px; font-family: TBBlueprintBold, Arial, sans-serif; color: var(--ink); }
.totobi-cal-page .tb-blueprint .sg-quick-form input[type="tel"], .totobi-cal-page:is(.tb-blueprint) .sg-quick-form input[type="tel"] { display: block; width: 100%; min-width: 0px; height: 54px; padding: 14px 17px; border: 1px solid rgb(213, 203, 224); border-radius: 13px; background: rgb(255, 255, 255); color: rgb(33, 29, 42); font-size: 16px; line-height: 1.3; box-shadow: rgba(45, 23, 64, 0.016) 0px 3px 12px; }
.totobi-cal-page .tb-blueprint .sg-quick-form input::placeholder, .totobi-cal-page:is(.tb-blueprint) .sg-quick-form input::placeholder { color: rgb(129, 118, 135); opacity: 1; }
.totobi-cal-page .tb-blueprint .sg-quick-form .sg-btn, .totobi-cal-page:is(.tb-blueprint) .sg-quick-form .sg-btn { width: 100%; min-height: 54px; margin: 0px; }
.totobi-cal-page .tb-blueprint .sg-quick-form .sg-consent, .totobi-cal-page:is(.tb-blueprint) .sg-quick-form .sg-consent { font-size: 11px; line-height: 1.45; color: rgb(117, 107, 126); margin: 0px; }
.totobi-cal-page .tb-blueprint .sg-quick-form .sg-consent a, .totobi-cal-page:is(.tb-blueprint) .sg-quick-form .sg-consent a { text-decoration: underline; text-underline-offset: 2px; }
.totobi-cal-page .tb-blueprint .sg-hero .sg-actions, .totobi-cal-page:is(.tb-blueprint) .sg-hero .sg-actions { display: flex; flex-direction: column; align-items: stretch; gap: 13px; max-width: 510px; margin-top: 18px; }
.totobi-cal-page .tb-blueprint .sg-hero .sg-message-choice, .totobi-cal-page:is(.tb-blueprint) .sg-hero .sg-message-choice { margin: 0px; gap: 8px; }
.totobi-cal-page .tb-blueprint .sg-hero .sg-message-choice > span, .totobi-cal-page:is(.tb-blueprint) .sg-hero .sg-message-choice > span { font-size: 12px; width: auto; }
.totobi-cal-page .tb-blueprint .sg-hero .sg-message-choice a, .totobi-cal-page:is(.tb-blueprint) .sg-hero .sg-message-choice a { min-height: 44px; padding: 10px 14px; font-size: 13px; }
.totobi-cal-page .tb-blueprint .sg-hero-grid, .totobi-cal-page:is(.tb-blueprint) .sg-hero-grid { align-items: start; }
.totobi-cal-page .tb-blueprint .sg-stars, .totobi-cal-page:is(.tb-blueprint) .sg-stars { font-size: 23px; color: rgb(245, 185, 0); letter-spacing: 3px; line-height: 1.4; }
@media (max-width: 850px) {
.totobi-cal-page .tb-blueprint .sg-hero .sg-actions, .totobi-cal-page:is(.tb-blueprint) .sg-hero .sg-actions, .totobi-cal-page .tb-blueprint .sg-quick-form, .totobi-cal-page:is(.tb-blueprint) .sg-quick-form { max-width: none; }
}
@media (max-width: 700px) {
.totobi-cal-page .tb-blueprint::before, .totobi-cal-page:is(.tb-blueprint)::before { background-size: 26px 780px; opacity: 0.45; }
}
@media (max-width: 480px) {
.totobi-cal-page .tb-blueprint .sg-hero .sg-message-choice, .totobi-cal-page:is(.tb-blueprint) .sg-hero .sg-message-choice { flex-wrap: wrap; }
}
.totobi-cal-page .tb-blueprint .sg-hero-grid > *, .totobi-cal-page:is(.tb-blueprint) .sg-hero-grid > *, .totobi-cal-page .tb-blueprint .sg-faq > *, .totobi-cal-page:is(.tb-blueprint) .sg-faq > * { min-width: 0px; }
.totobi-cal-page .tb-blueprint .sg-copy, .totobi-cal-page:is(.tb-blueprint) .sg-copy, .totobi-cal-page .tb-blueprint .sg-hero-proof, .totobi-cal-page:is(.tb-blueprint) .sg-hero-proof, .totobi-cal-page .tb-blueprint .sg-quick-form, .totobi-cal-page:is(.tb-blueprint) .sg-quick-form { min-width: 0px; max-width: 100%; }
.totobi-cal-page .tb-blueprint .sg-message-choice, .totobi-cal-page:is(.tb-blueprint) .sg-message-choice { flex-wrap: wrap; }
.totobi-cal-page .tb-blueprint .sg-message-choice > span, .totobi-cal-page:is(.tb-blueprint) .sg-message-choice > span { flex-basis: 100%; }
.totobi-cal-page .tb-blueprint .sg-message-choice a.sg-messenger-btn, .totobi-cal-page:is(.tb-blueprint) .sg-message-choice a.sg-messenger-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 12px 16px; border: 1px solid rgb(216, 206, 235); border-radius: 13px; background: rgb(241, 234, 250); color: rgb(94, 50, 165); text-decoration: none; box-shadow: rgba(94, 50, 165, 0.035) 0px 4px 12px; font: 14px / 1.3 TBBlueprintBold, Arial, sans-serif; flex: 1 1 0%; white-space: nowrap; }
.totobi-cal-page .tb-blueprint .sg-message-choice a.sg-telegram, .totobi-cal-page:is(.tb-blueprint) .sg-message-choice a.sg-telegram { background: rgb(234, 247, 254); border-color: rgb(198, 231, 247); color: rgb(19, 124, 165); }
.totobi-cal-page .tb-blueprint .sg-messenger-btn svg, .totobi-cal-page:is(.tb-blueprint) .sg-messenger-btn svg { width: 23px; height: 23px; flex: 0 0 auto; }
.totobi-cal-page .tb-blueprint .sg-messenger-btn b, .totobi-cal-page:is(.tb-blueprint) .sg-messenger-btn b { font: 20px / 1 Arial; margin-left: auto; }
.totobi-cal-page .tb-blueprint .sg-messenger-btn:hover, .totobi-cal-page:is(.tb-blueprint) .sg-messenger-btn:hover { transform: translateY(-2px); box-shadow: rgba(85, 56, 120, 0.094) 0px 8px 20px; }
@media (max-width: 560px) {
.totobi-cal-page .tb-blueprint .sg-message-choice a.sg-messenger-btn, .totobi-cal-page:is(.tb-blueprint) .sg-message-choice a.sg-messenger-btn { padding: 12px 10px; font-size: 13px; gap: 7px; }
.totobi-cal-page .tb-blueprint .sg-messenger-btn svg, .totobi-cal-page:is(.tb-blueprint) .sg-messenger-btn svg { width: 20px; height: 20px; }
}
@media (prefers-reduced-motion: reduce) {
.totobi-cal-page .tb-blueprint .sg-work-select, .totobi-cal-page:is(.tb-blueprint) .sg-work-select, .totobi-cal-page .tb-blueprint .sg-messenger-btn, .totobi-cal-page:is(.tb-blueprint) .sg-messenger-btn { transition: none; }
}
.totobi-cal-page .tb-blueprint .sg-copy, .totobi-cal-page:is(.tb-blueprint) .sg-copy { padding-top: 0px; }
.totobi-cal-page .tb-blueprint .sg-hero, .totobi-cal-page:is(.tb-blueprint) .sg-hero { padding-top: 5px; }
.totobi-cal-page .tb-blueprint .sg-hero-grid, .totobi-cal-page:is(.tb-blueprint) .sg-hero-grid { padding-top: 5px; gap: 36px; }
.totobi-cal-page .tb-blueprint .sg-hero h1, .totobi-cal-page:is(.tb-blueprint) .sg-hero h1 { font-size: clamp(40px, 4vw, 57px); line-height: 1.06; margin-bottom: 12px; }
.totobi-cal-page .tb-blueprint .sg-tagline, .totobi-cal-page:is(.tb-blueprint) .sg-tagline { font-size: 24px; margin-bottom: 10px; }
.totobi-cal-page .tb-blueprint .sg-lead, .totobi-cal-page:is(.tb-blueprint) .sg-lead { font-size: 16px; line-height: 1.5; max-width: 460px; }
.totobi-cal-page .tb-blueprint .sg-hero .sg-kicker, .totobi-cal-page:is(.tb-blueprint) .sg-hero .sg-kicker { margin-bottom: 12px; }
.totobi-cal-page .tb-blueprint .sg-hero .sg-trust, .totobi-cal-page:is(.tb-blueprint) .sg-hero .sg-trust { margin-top: 12px; gap: 8px 13px; font-size: 12px; }
.totobi-cal-page .tb-blueprint .sg-hero .sg-actions, .totobi-cal-page:is(.tb-blueprint) .sg-hero .sg-actions { margin-top: 13px; gap: 10px; }
@media (max-width: 560px) {
.totobi-cal-page .tb-blueprint .sg-hero, .totobi-cal-page:is(.tb-blueprint) .sg-hero { padding-top: 0px; }
.totobi-cal-page .tb-blueprint .sg-hero-grid, .totobi-cal-page:is(.tb-blueprint) .sg-hero-grid { padding-top: 0px; gap: 24px; }
.totobi-cal-page .tb-blueprint .sg-hero .sg-kicker, .totobi-cal-page:is(.tb-blueprint) .sg-hero .sg-kicker { font-size: 10px; letter-spacing: 0.08em; margin-bottom: 8px; }
.totobi-cal-page .tb-blueprint .sg-hero h1, .totobi-cal-page:is(.tb-blueprint) .sg-hero h1 { font-size: clamp(32px, 8.9vw, 39px); line-height: 1.06; margin-bottom: 9px; }
.totobi-cal-page .tb-blueprint .sg-tagline, .totobi-cal-page:is(.tb-blueprint) .sg-tagline { font-size: 19px; line-height: 1.3; margin-bottom: 8px; }
.totobi-cal-page .tb-blueprint .sg-lead, .totobi-cal-page:is(.tb-blueprint) .sg-lead { font-size: 14px; line-height: 1.45; }
.totobi-cal-page .tb-blueprint .sg-hero .sg-trust, .totobi-cal-page:is(.tb-blueprint) .sg-hero .sg-trust { font-size: 11px; line-height: 1.35; gap: 5px 11px; margin-top: 10px; }
.totobi-cal-page .tb-blueprint .sg-hero .sg-actions, .totobi-cal-page:is(.tb-blueprint) .sg-hero .sg-actions { margin-top: 11px; }
}
.totobi-cal-page .tb-blueprint .sg-hero .sg-actions, .totobi-cal-page:is(.tb-blueprint) .sg-hero .sg-actions { gap: 14px; }
@media (max-width: 560px) {
.totobi-cal-page .tb-blueprint .sg-hero .sg-actions, .totobi-cal-page:is(.tb-blueprint) .sg-hero .sg-actions { gap: 12px; }
}
.totobi-cal-page .tb-blueprint::before, .totobi-cal-page:is(.tb-blueprint)::before { background-image: radial-gradient(at 0px 28%, rgba(179, 146, 240, 0.094), transparent 25%), radial-gradient(at 100% 58%, rgba(255, 179, 100, 0.08), transparent 25%); background-size: 100% 1800px; background-repeat: repeat-y; }
.totobi-cal-page .tb-blueprint .sg-hero-rating, .totobi-cal-page:is(.tb-blueprint) .sg-hero-rating { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0px, 1fr) 138px; align-items: center; gap: 14px; width: 100%; max-width: 510px; margin-top: 25px; padding: 20px 22px; border: 1px solid rgb(229, 217, 239); border-radius: 24px; background: radial-gradient(at 100% 30%, rgb(255, 240, 217) 0px, transparent 65%), linear-gradient(125deg, rgb(255, 255, 255), rgb(246, 240, 252)); box-shadow: rgba(112, 68, 161, 0.043) 0px 12px 32px, rgb(255, 255, 255) 0px 1px 0px inset; color: rgb(37, 33, 43); text-decoration: none; }
.totobi-cal-page .tb-blueprint .sg-hero-rating-copy, .totobi-cal-page:is(.tb-blueprint) .sg-hero-rating-copy { display: flex; flex-direction: column; align-items: flex-start; gap: 9px; min-width: 0px; }
.totobi-cal-page .tb-blueprint .sg-hero-rating-source, .totobi-cal-page:is(.tb-blueprint) .sg-hero-rating-source { display: inline-flex; align-items: center; gap: 7px; font: 14px / 1.3 TBBlueprintBold, Arial, sans-serif; }
.totobi-cal-page .tb-blueprint .sg-hero-rating-score, .totobi-cal-page:is(.tb-blueprint) .sg-hero-rating-score { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.totobi-cal-page .tb-blueprint .sg-hero-rating-score strong, .totobi-cal-page:is(.tb-blueprint) .sg-hero-rating-score strong { font: 52px / 1 TBBlueprintBold, Arial, sans-serif; letter-spacing: -0.05em; }
.totobi-cal-page .tb-blueprint .sg-hero-rating-stars, .totobi-cal-page:is(.tb-blueprint) .sg-hero-rating-stars { color: rgb(185, 118, 12); font: 20px / 1.2 Arial, sans-serif; letter-spacing: 1px; white-space: nowrap; }
.totobi-cal-page .tb-blueprint .sg-hero-rating-caption, .totobi-cal-page:is(.tb-blueprint) .sg-hero-rating-caption { color: rgb(115, 80, 146); font: 13px / 1.4 TBBlueprint, Arial, sans-serif; }
.totobi-cal-page .tb-blueprint .sg-hero-rating-art, .totobi-cal-page:is(.tb-blueprint) .sg-hero-rating-art { display: block; width: 138px; height: 138px; max-width: 100%; object-fit: contain; filter: drop-shadow(rgba(142, 94, 170, 0.07) 0px 7px 8px); }
@media (max-width: 850px) {
.totobi-cal-page .tb-blueprint .sg-hero-rating, .totobi-cal-page:is(.tb-blueprint) .sg-hero-rating { max-width: none; }
}
@media (max-width: 560px) {
.totobi-cal-page .tb-blueprint .sg-hero-rating, .totobi-cal-page:is(.tb-blueprint) .sg-hero-rating { grid-template-columns: minmax(0px, 1fr) 108px; padding: 17px 18px; gap: 8px; margin-top: 20px; border-radius: 20px; }
.totobi-cal-page .tb-blueprint .sg-hero-rating-art, .totobi-cal-page:is(.tb-blueprint) .sg-hero-rating-art { width: 108px; height: 108px; }
.totobi-cal-page .tb-blueprint .sg-hero-rating-score, .totobi-cal-page:is(.tb-blueprint) .sg-hero-rating-score { gap: 9px; }
.totobi-cal-page .tb-blueprint .sg-hero-rating-score strong, .totobi-cal-page:is(.tb-blueprint) .sg-hero-rating-score strong { font-size: 42px; }
.totobi-cal-page .tb-blueprint .sg-hero-rating-stars, .totobi-cal-page:is(.tb-blueprint) .sg-hero-rating-stars { font-size: 16px; letter-spacing: 0px; }
.totobi-cal-page .tb-blueprint .sg-hero-rating-source, .totobi-cal-page:is(.tb-blueprint) .sg-hero-rating-source { font-size: 13px; }
.totobi-cal-page .tb-blueprint .sg-hero-rating-caption, .totobi-cal-page:is(.tb-blueprint) .sg-hero-rating-caption { font-size: 12px; }
}
@media (max-width: 360px) {
.totobi-cal-page .tb-blueprint .sg-hero-rating, .totobi-cal-page:is(.tb-blueprint) .sg-hero-rating { grid-template-columns: minmax(0px, 1fr) 84px; padding: 15px 14px; }
.totobi-cal-page .tb-blueprint .sg-hero-rating-art, .totobi-cal-page:is(.tb-blueprint) .sg-hero-rating-art { width: 84px; height: 100px; }
.totobi-cal-page .tb-blueprint .sg-hero-rating-score, .totobi-cal-page:is(.tb-blueprint) .sg-hero-rating-score { gap: 7px; }
.totobi-cal-page .tb-blueprint .sg-hero-rating-score strong, .totobi-cal-page:is(.tb-blueprint) .sg-hero-rating-score strong { font-size: 38px; }
.totobi-cal-page .tb-blueprint .sg-hero-rating-stars, .totobi-cal-page:is(.tb-blueprint) .sg-hero-rating-stars { font-size: 14px; }
}
.totobi-cal-page .tb-blueprint .sg-message-choice a.sg-max, .totobi-cal-page:is(.tb-blueprint) .sg-message-choice a.sg-max { background: rgb(241, 234, 250); border-color: rgb(216, 206, 235); color: rgb(94, 50, 165); }
.totobi-cal-page .tb-blueprint .sg-message-choice a.sg-telegram, .totobi-cal-page:is(.tb-blueprint) .sg-message-choice a.sg-telegram, .totobi-cal-page .tb-blueprint .sg-form-contact-options > a.sg-contact-telegram, .totobi-cal-page:is(.tb-blueprint) .sg-form-contact-options > a.sg-contact-telegram { background: rgb(234, 247, 254); border-color: rgb(198, 231, 247); color: rgb(19, 124, 165); }
.totobi-cal-page .tb-blueprint .sg-message-choice a.sg-contact-phone, .totobi-cal-page:is(.tb-blueprint) .sg-message-choice a.sg-contact-phone { flex: 1 0 100%; box-sizing: border-box; min-width: 0px; max-width: 100%; white-space: nowrap; background: rgb(255, 255, 255); color: rgb(56, 48, 68); border-color: rgb(216, 206, 235); font-variant-numeric: tabular-nums; }
.totobi-cal-page .tb-blueprint .sg-form-contact-options, .totobi-cal-page:is(.tb-blueprint) .sg-form-contact-options { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; width: 100%; box-sizing: border-box; font: 13px / 1.4 TBBlueprint, Arial, sans-serif; }
.totobi-cal-page .tb-blueprint .sg-form-contact-options > span, .totobi-cal-page:is(.tb-blueprint) .sg-form-contact-options > span { flex-basis: 100%; color: rgb(101, 93, 112); }
.totobi-cal-page .tb-blueprint .sg-form-contact-options > a, .totobi-cal-page:is(.tb-blueprint) .sg-form-contact-options > a { display: flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 0px; min-height: 44px; flex: 1 1 140px; padding: 10px 12px; border: 1px solid rgb(216, 206, 235); border-radius: 12px; background: rgb(241, 234, 250); color: rgb(94, 50, 165); text-decoration: none; font-weight: 600; white-space: nowrap; }
.totobi-cal-page .tb-blueprint .sg-form-contact-options > a:focus-visible, .totobi-cal-page:is(.tb-blueprint) .sg-form-contact-options > a:focus-visible, .totobi-cal-page .tb-blueprint .sg-message-choice a.sg-contact-phone:focus-visible, .totobi-cal-page:is(.tb-blueprint) .sg-message-choice a.sg-contact-phone:focus-visible { outline: rgb(150, 85, 223) solid 3px; outline-offset: 3px; }
.totobi-cal-page .tb-blueprint .sg-message-choice .sg-contact-call, .totobi-cal-page:is(.tb-blueprint) .sg-message-choice .sg-contact-call, .totobi-cal-page .tb-blueprint .sg-form-contact-options .sg-contact-call, .totobi-cal-page:is(.tb-blueprint) .sg-form-contact-options .sg-contact-call { position: relative; display: grid; grid-template-columns: 38px minmax(0px, 1fr) 20px; align-items: center; gap: 12px; flex: 1 0 100%; grid-column: 1 / -1; box-sizing: border-box; min-width: 0px; width: 100%; padding: 12px 15px; border: 1px solid rgb(227, 221, 234); border-radius: 14px; background: linear-gradient(110deg, rgb(255, 255, 255), rgb(246, 244, 250)); color: rgb(56, 48, 68); text-align: left; transition: background 0.18s, border-color 0.18s, box-shadow 0.18s; }
.totobi-cal-page .tb-blueprint .sg-message-choice .sg-contact-call:hover, .totobi-cal-page:is(.tb-blueprint) .sg-message-choice .sg-contact-call:hover, .totobi-cal-page .tb-blueprint .sg-form-contact-options .sg-contact-call:hover, .totobi-cal-page:is(.tb-blueprint) .sg-form-contact-options .sg-contact-call:hover { border-color: rgb(185, 163, 214); box-shadow: rgba(99, 65, 144, 0.07) 0px 5px 16px; background: rgb(247, 244, 252); }
.totobi-cal-page .tb-blueprint .sg-contact-call .sg-call-icon, .totobi-cal-page:is(.tb-blueprint) .sg-contact-call .sg-call-icon { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; background: linear-gradient(145deg, rgb(145, 97, 223), rgb(112, 66, 188)); color: rgb(255, 255, 255); }
.totobi-cal-page .tb-blueprint .sg-contact-call .sg-call-icon svg, .totobi-cal-page:is(.tb-blueprint) .sg-contact-call .sg-call-icon svg { display: block; width: 21px; height: 21px; }
.totobi-cal-page .tb-blueprint .sg-contact-call .sg-call-copy, .totobi-cal-page:is(.tb-blueprint) .sg-contact-call .sg-call-copy { min-width: 0px; }
.totobi-cal-page .tb-blueprint .sg-contact-call .sg-call-label, .totobi-cal-page:is(.tb-blueprint) .sg-contact-call .sg-call-label { display: block; margin-bottom: 3px; font: 500 12px / 1.2 TBBlueprint, Arial, sans-serif; color: rgb(117, 109, 128); }
.totobi-cal-page .tb-blueprint .sg-message-choice .sg-contact-call a.sg-contact-phone, .totobi-cal-page:is(.tb-blueprint) .sg-message-choice .sg-contact-call a.sg-contact-phone, .totobi-cal-page .tb-blueprint .sg-form-contact-options .sg-contact-call a.sg-contact-phone, .totobi-cal-page:is(.tb-blueprint) .sg-form-contact-options .sg-contact-call a.sg-contact-phone { display: block; min-height: 0px; min-width: 0px; max-width: 100%; margin: 0px; padding: 0px; border: 0px; border-radius: 0px; background: transparent; box-shadow: none; color: rgb(48, 39, 53); font-style: normal; font-variant: tabular-nums; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: 700; font-stretch: normal; font-size: 17px; line-height: 1.3; font-family: TBBlueprint, Arial, sans-serif; white-space: nowrap; text-align: left; text-decoration: none; transform: none; outline: none; }
.totobi-cal-page .tb-blueprint .sg-contact-call a.sg-contact-phone::after, .totobi-cal-page:is(.tb-blueprint) .sg-contact-call a.sg-contact-phone::after { content: ""; position: absolute; inset: 0px; border-radius: 14px; }
.totobi-cal-page .tb-blueprint .sg-contact-call:focus-within, .totobi-cal-page:is(.tb-blueprint) .sg-contact-call:focus-within { outline: rgb(165, 109, 214) solid 3px; outline-offset: 3px; }
.totobi-cal-page .tb-blueprint .sg-contact-call .sg-call-arrow, .totobi-cal-page:is(.tb-blueprint) .sg-contact-call .sg-call-arrow { justify-self: end; font: 22px / 1 Arial, sans-serif; color: rgb(134, 89, 186); }
@media (max-width: 360px) {
.totobi-cal-page .tb-blueprint .sg-message-choice .sg-contact-call, .totobi-cal-page:is(.tb-blueprint) .sg-message-choice .sg-contact-call, .totobi-cal-page .tb-blueprint .sg-form-contact-options .sg-contact-call, .totobi-cal-page:is(.tb-blueprint) .sg-form-contact-options .sg-contact-call { grid-template-columns: 34px minmax(0px, 1fr) 16px; gap: 9px; padding: 11px 12px; }
.totobi-cal-page .tb-blueprint .sg-contact-call .sg-call-icon, .totobi-cal-page:is(.tb-blueprint) .sg-contact-call .sg-call-icon { width: 34px; height: 34px; }
.totobi-cal-page .tb-blueprint .sg-message-choice .sg-contact-call a.sg-contact-phone, .totobi-cal-page:is(.tb-blueprint) .sg-message-choice .sg-contact-call a.sg-contact-phone, .totobi-cal-page .tb-blueprint .sg-form-contact-options .sg-contact-call a.sg-contact-phone, .totobi-cal-page:is(.tb-blueprint) .sg-form-contact-options .sg-contact-call a.sg-contact-phone { font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) {
.totobi-cal-page .tb-blueprint .sg-message-choice .sg-contact-call, .totobi-cal-page:is(.tb-blueprint) .sg-message-choice .sg-contact-call, .totobi-cal-page .tb-blueprint .sg-form-contact-options .sg-contact-call, .totobi-cal-page:is(.tb-blueprint) .sg-form-contact-options .sg-contact-call { transition: none; }
}
.totobi-cal-page .tb-blueprint, .totobi-cal-page:is(.tb-blueprint) { font-family: TBBlueprint, Arial, sans-serif; position: relative; background: rgb(250, 249, 246); color: rgb(37, 37, 40); overflow: clip; font-size: 16px; }
.totobi-cal-page .tb-blueprint [hidden], .totobi-cal-page:is(.tb-blueprint) [hidden] { display: none !important; }
.totobi-cal-page .tb-blueprint .sg-wrap, .totobi-cal-page:is(.tb-blueprint) .sg-wrap { width: min(1280px, 100% - 64px); margin-inline: auto; }
.totobi-cal-page .tb-blueprint img, .totobi-cal-page:is(.tb-blueprint) img { max-width: 100%; height: auto; }
.totobi-cal-page .tb-blueprint h1, .totobi-cal-page:is(.tb-blueprint) h1, .totobi-cal-page .tb-blueprint h2, .totobi-cal-page:is(.tb-blueprint) h2, .totobi-cal-page .tb-blueprint h3, .totobi-cal-page:is(.tb-blueprint) h3 { overflow-wrap: break-word; }
.totobi-cal-page .tb-blueprint .sg-hero, .totobi-cal-page:is(.tb-blueprint) .sg-hero { background: none; color: rgb(37, 37, 40); padding: 36px 0px 24px; overflow: visible; }
.totobi-cal-page .tb-blueprint .sg-hero-grid, .totobi-cal-page:is(.tb-blueprint) .sg-hero-grid { display: block; max-width: 760px; margin-inline: auto; padding: 0px; }
.totobi-cal-page .tb-blueprint .sg-hero h1, .totobi-cal-page:is(.tb-blueprint) .sg-hero h1 { color: rgb(37, 37, 40); }
.totobi-cal-page .tb-blueprint .sg-hero .sg-kicker, .totobi-cal-page:is(.tb-blueprint) .sg-hero .sg-kicker { color: rgb(135, 80, 219); }
.totobi-cal-page .tb-blueprint .sg-tagline, .totobi-cal-page:is(.tb-blueprint) .sg-tagline { color: rgb(37, 37, 40); }
.totobi-cal-page .tb-blueprint .sg-lead, .totobi-cal-page:is(.tb-blueprint) .sg-lead, .totobi-cal-page .tb-blueprint .sg-trust, .totobi-cal-page:is(.tb-blueprint) .sg-trust { color: rgb(115, 108, 126); max-width: none; }
.totobi-cal-page .tb-blueprint .sg-hero-rating, .totobi-cal-page:is(.tb-blueprint) .sg-hero-rating { max-width: none; }
.totobi-cal-page .tb-blueprint .sg-hero .sg-actions, .totobi-cal-page:is(.tb-blueprint) .sg-hero .sg-actions { margin-top: 22px; }
.totobi-cal-page .tb-blueprint .sg-quick-form, .totobi-cal-page:is(.tb-blueprint) .sg-quick-form { width: 100%; display: flex; flex-direction: column; gap: 11px; }
.totobi-cal-page .tb-blueprint .sg-quick-form label, .totobi-cal-page:is(.tb-blueprint) .sg-quick-form label { font-family: TBBlueprintBold, Arial, sans-serif; font-size: 14px; color: rgb(37, 37, 40); }
.totobi-cal-page .tb-blueprint .sg-hero-phone-field, .totobi-cal-page:is(.tb-blueprint) .sg-hero-phone-field, .totobi-cal-page .tb-blueprint .tb-phone-field, .totobi-cal-page:is(.tb-blueprint) .tb-phone-field { display: flex; align-items: center; width: 100%; border: 1px solid rgb(216, 206, 229); border-radius: 16px; background: rgb(255, 255, 255); padding: 0px 18px; min-height: 62px; box-shadow: none; }
.totobi-cal-page .tb-blueprint .sg-hero-phone-field:focus-within, .totobi-cal-page:is(.tb-blueprint) .sg-hero-phone-field:focus-within { border-color: rgb(161, 118, 216); box-shadow: rgba(161, 118, 216, 0.05) 0px 0px 0px 4px; }
.totobi-cal-page .tb-blueprint .sg-phone-prefix, .totobi-cal-page:is(.tb-blueprint) .sg-phone-prefix { position: static; display: block; color: rgb(56, 48, 68); padding-right: 15px; border-right: 1px solid rgb(216, 206, 229); font-size: 21px; line-height: 1; }
.totobi-cal-page .tb-blueprint .sg-quick-form input[type="tel"], .totobi-cal-page:is(.tb-blueprint) .sg-quick-form input[type="tel"] { width: 100%; min-width: 0px; height: 60px; border: 0px !important; outline: none !important; padding: 12px 15px !important; background: transparent !important; box-shadow: none !important; font-size: 21px !important; }
.totobi-cal-page .tb-blueprint .sg-quick-form .sg-btn, .totobi-cal-page:is(.tb-blueprint) .sg-quick-form .sg-btn { width: 100%; justify-content: space-between; min-height: 62px; text-align: left; }
.totobi-cal-page .tb-blueprint .sg-consent, .totobi-cal-page:is(.tb-blueprint) .sg-consent { font-size: 12px; line-height: 1.5; color: rgb(139, 132, 147); }
.totobi-cal-page .tb-blueprint .sg-consent a, .totobi-cal-page:is(.tb-blueprint) .sg-consent a { text-decoration: underline; }
.totobi-cal-page .tb-blueprint .sg-form-contact-options, .totobi-cal-page:is(.tb-blueprint) .sg-form-contact-options { margin-top: 10px; font-size: 13px; }
.totobi-cal-page .tb-blueprint .sg-form-contact-options .sg-messenger-btn, .totobi-cal-page:is(.tb-blueprint) .sg-form-contact-options .sg-messenger-btn { font-size: 16px; min-height: 52px; }
.totobi-cal-page .tb-blueprint .sg-message-choice .sg-contact-call, .totobi-cal-page:is(.tb-blueprint) .sg-message-choice .sg-contact-call { flex-basis: 100%; }
.totobi-cal-page .tb-blueprint .sg-contact-call .sg-contact-phone, .totobi-cal-page:is(.tb-blueprint) .sg-contact-call .sg-contact-phone { font-size: 18px; }
.totobi-cal-page .tb-blueprint .bp-adapter-note, .totobi-cal-page:is(.tb-blueprint) .bp-adapter-note, .totobi-cal-page .tb-blueprint .bp-snapshot, .totobi-cal-page:is(.tb-blueprint) .bp-snapshot, .totobi-cal-page .tb-blueprint .bp-source, .totobi-cal-page:is(.tb-blueprint) .bp-source { display: block; font-size: 11px; line-height: 1.5; color: rgb(125, 108, 141); }
@media (max-width: 560px) {
.totobi-cal-page .tb-blueprint .sg-wrap, .totobi-cal-page:is(.tb-blueprint) .sg-wrap { width: calc(100% - 32px); }
.totobi-cal-page .tb-blueprint .sg-hero, .totobi-cal-page:is(.tb-blueprint) .sg-hero { padding-top: 28px; }
.totobi-cal-page .tb-blueprint .sg-quick-form .sg-btn, .totobi-cal-page:is(.tb-blueprint) .sg-quick-form .sg-btn { min-height: 58px; padding: 15px; }
.totobi-cal-page .tb-blueprint .sg-form-contact-options .sg-messenger-btn, .totobi-cal-page:is(.tb-blueprint) .sg-form-contact-options .sg-messenger-btn { font-size: 13px; flex-basis: 100px; }
}
@media (prefers-reduced-motion: reduce) {
.totobi-cal-page .tb-blueprint *, .totobi-cal-page:is(.tb-blueprint) * { scroll-behavior: auto !important; transition: none !important; }
}
.totobi-cal-page .tb-blueprint .sg-hero-grid:has(.bp-hero-art), .totobi-cal-page:is(.tb-blueprint) .sg-hero-grid:has(.bp-hero-art) { display: grid; grid-template-columns: 1fr 1.05fr; gap: 40px; max-width: none; align-items: center; }
.totobi-cal-page .tb-blueprint .bp-hero-art, .totobi-cal-page:is(.tb-blueprint) .bp-hero-art { margin: 0px; min-width: 0px; align-self: center; }
.totobi-cal-page .tb-blueprint .bp-hero-art img, .totobi-cal-page:is(.tb-blueprint) .bp-hero-art img { display: block; width: 100%; height: auto; object-fit: contain; }
@media (max-width: 850px) {
.totobi-cal-page .tb-blueprint .sg-hero-grid:has(.bp-hero-art), .totobi-cal-page:is(.tb-blueprint) .sg-hero-grid:has(.bp-hero-art) { display: flex; flex-direction: column; gap: 28px; }
.totobi-cal-page .tb-blueprint .bp-hero-art, .totobi-cal-page:is(.tb-blueprint) .bp-hero-art { max-width: 620px; width: 100%; }
}
.totobi-cal-page .tb-blueprint.tb-upgrade[data-tb-ui="2.0.0"] .sg-quick-form .tb-phone-field, .totobi-cal-page:is(.tb-blueprint.tb-upgrade[data-tb-ui="2.0.0"]) .sg-quick-form .tb-phone-field { position: relative; display: block; height: 62px; min-height: 62px; padding: 0px; border: 1px solid rgb(216, 206, 229); border-radius: 16px; background: rgb(255, 255, 255); box-sizing: border-box; }
.totobi-cal-page .tb-blueprint.tb-upgrade[data-tb-ui="2.0.0"] .sg-quick-form .tb-phone-field .tb-phone-prefix, .totobi-cal-page:is(.tb-blueprint.tb-upgrade[data-tb-ui="2.0.0"]) .sg-quick-form .tb-phone-field .tb-phone-prefix { position: absolute; inset: 0px auto 0px 18px; display: flex; align-items: center; justify-content: flex-start; padding: 0px; margin: 0px; border: 0px; height: 60px; font-size: 20px; line-height: 1; transform: none; color: rgb(56, 48, 68); }
.totobi-cal-page .tb-blueprint.tb-upgrade[data-tb-ui="2.0.0"] .sg-quick-form .tb-phone-field .tb-phone-prefix::after, .totobi-cal-page:is(.tb-blueprint.tb-upgrade[data-tb-ui="2.0.0"]) .sg-quick-form .tb-phone-field .tb-phone-prefix::after { content: ""; display: block; width: 1px; height: 24px; background: rgb(221, 211, 232); margin-left: 14px; }
.totobi-cal-page .tb-blueprint.tb-upgrade[data-tb-ui="2.0.0"] .sg-quick-form .tb-phone-field input[type="tel"], .totobi-cal-page:is(.tb-blueprint.tb-upgrade[data-tb-ui="2.0.0"]) .sg-quick-form .tb-phone-field input[type="tel"] { position: static; display: block; width: 100%; height: 60px; min-height: 60px; margin: 0px; border-radius: 16px; line-height: 1.4; box-sizing: border-box; padding: 16px 14px 16px 66px !important; border: 0px !important; font-size: 19px !important; background: transparent !important; }
.totobi-cal-page .tb-blueprint .sg-hero .sg-quick-form, .totobi-cal-page:is(.tb-blueprint) .sg-hero .sg-quick-form { max-width: none; }
.totobi-cal-page { margin: 0px; background: rgb(249, 248, 252); font-family: TBBlueprint, Arial, sans-serif; color: rgb(33, 29, 42); }
.totobi-cal-page *, .totobi-cal-page:is(*) { box-sizing: border-box; }
.totobi-cal-page button, .totobi-cal-page:is(button), .totobi-cal-page select, .totobi-cal-page:is(select), .totobi-cal-page input, .totobi-cal-page:is(input), .totobi-cal-page textarea, .totobi-cal-page:is(textarea) { font: inherit; }
.totobi-cal-page button, .totobi-cal-page:is(button), .totobi-cal-page a, .totobi-cal-page:is(a) { -webkit-tap-highlight-color: transparent; }
.totobi-cal-page button, .totobi-cal-page:is(button) { cursor: pointer; }
.totobi-cal-page [hidden], .totobi-cal-page:is([hidden]) { display: none !important; }
.totobi-cal-page .tb-blueprint .sg-wrap:has(> [data-block="01"]), .totobi-cal-page:is(.tb-blueprint) .sg-wrap:has(> [data-block="01"]) { max-width: 1440px; }
.totobi-cal-page .tb-blueprint .sg-hero-grid:has(.bp-hero-art), .totobi-cal-page:is(.tb-blueprint) .sg-hero-grid:has(.bp-hero-art) { grid-template-columns: minmax(390px, 1fr) minmax(0px, 1.65fr); gap: 32px; align-items: start; }
.totobi-cal-page .tb-blueprint .sg-hero, .totobi-cal-page:is(.tb-blueprint) .sg-hero { padding: 25px 32px; }
.totobi-cal-page .tb-blueprint .sg-hero h1, .totobi-cal-page:is(.tb-blueprint) .sg-hero h1 { font-size: clamp(38px, 3vw, 44px); max-width: 590px; }
.totobi-cal-page .tb-blueprint .sg-hero .sg-lead, .totobi-cal-page:is(.tb-blueprint) .sg-hero .sg-lead { max-width: 570px; font-size: 16px; }
.totobi-cal-page .tb-blueprint .sg-hero .sg-copy, .totobi-cal-page:is(.tb-blueprint) .sg-hero .sg-copy { min-width: 0px; }
.totobi-cal-page .tb-blueprint .sg-hero-grid, .totobi-cal-page:is(.tb-blueprint) .sg-hero-grid { padding-block: 15px; }
.totobi-cal-page .tb-blueprint .sg-actions, .totobi-cal-page:is(.tb-blueprint) .sg-actions { margin-top: 20px; }
.totobi-cal-page .tb-blueprint .sg-hero .sg-trust, .totobi-cal-page:is(.tb-blueprint) .sg-hero .sg-trust { margin-top: 16px; }
.totobi-cal-page .tb-blueprint .sg-hero-rating, .totobi-cal-page:is(.tb-blueprint) .sg-hero-rating { margin-top: 15px; }
.totobi-cal-page .tb-blueprint .sg-hero-rating-art, .totobi-cal-page:is(.tb-blueprint) .sg-hero-rating-art { width: 85px; height: 85px; object-fit: contain; }
.totobi-cal-page .tb-blueprint .sg-hero .sg-tagline, .totobi-cal-page:is(.tb-blueprint) .sg-hero .sg-tagline { color: rgb(116, 67, 191); font-size: 23px; margin-bottom: 16px; }
.totobi-cal-page .tb-blueprint .sg-hero .sg-trust.cal-hero-highlights, .totobi-cal-page:is(.tb-blueprint) .sg-hero .sg-trust.cal-hero-highlights { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px 16px; margin: 18px 0px 0px; color: rgb(56, 43, 72); max-width: none; }
.totobi-cal-page .tb-blueprint .cal-hero-highlights li, .totobi-cal-page:is(.tb-blueprint) .cal-hero-highlights li { display: flex; align-items: center; gap: 10px; min-width: 0px; padding: 0px; }
.totobi-cal-page .tb-blueprint .cal-hero-highlights li::before, .totobi-cal-page:is(.tb-blueprint) .cal-hero-highlights li::before { display: none; }
.totobi-cal-page .tb-blueprint .cal-highlight-icon, .totobi-cal-page:is(.tb-blueprint) .cal-highlight-icon { flex: 0 0 auto; display: grid; place-items: center; width: 43px; height: 47px; border-radius: 13px; background: rgb(240, 233, 251); color: rgb(128, 73, 199); }
.totobi-cal-page .tb-blueprint .cal-highlight-icon svg, .totobi-cal-page:is(.tb-blueprint) .cal-highlight-icon svg { width: 27px; height: 27px; fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.totobi-cal-page .tb-blueprint .cal-highlight-copy, .totobi-cal-page:is(.tb-blueprint) .cal-highlight-copy { display: flex; flex-direction: column; gap: 2px; min-width: 0px; font: 12px / 1.35 TBBlueprint, Arial, sans-serif; }
.totobi-cal-page .tb-blueprint .cal-highlight-copy strong, .totobi-cal-page:is(.tb-blueprint) .cal-highlight-copy strong { font: 14px / 1.35 TBBlueprintBold, Arial, sans-serif; color: rgb(56, 43, 72); }
@media (max-width: 560px) {
.totobi-cal-page .tb-blueprint .sg-hero .sg-trust.cal-hero-highlights, .totobi-cal-page:is(.tb-blueprint) .sg-hero .sg-trust.cal-hero-highlights { gap: 12px 10px; margin-top: 16px; }
.totobi-cal-page .tb-blueprint .cal-hero-highlights li, .totobi-cal-page:is(.tb-blueprint) .cal-hero-highlights li { gap: 8px; }
.totobi-cal-page .tb-blueprint .cal-highlight-icon, .totobi-cal-page:is(.tb-blueprint) .cal-highlight-icon { width: 35px; height: 42px; border-radius: 11px; }
.totobi-cal-page .tb-blueprint .cal-highlight-icon svg, .totobi-cal-page:is(.tb-blueprint) .cal-highlight-icon svg { width: 24px; height: 24px; }
.totobi-cal-page .tb-blueprint .cal-highlight-copy, .totobi-cal-page:is(.tb-blueprint) .cal-highlight-copy { font-size: 11px; }
.totobi-cal-page .tb-blueprint .cal-highlight-copy strong, .totobi-cal-page:is(.tb-blueprint) .cal-highlight-copy strong { font-size: 12px; }
}
.totobi-cal-page .tb-blueprint .cal-hero-gallery, .totobi-cal-page:is(.tb-blueprint) .cal-hero-gallery { min-width: 0px; width: 100%; max-width: 100%; border: 1px solid rgb(231, 224, 236); background: rgb(255, 255, 255); border-radius: 22px; padding: 10px; box-shadow: rgba(61, 33, 98, 0.067) 0px 18px 44px, rgba(61, 33, 98, 0.027) 0px 2px 5px; scroll-margin-top: 110px; align-self: start !important; margin: 12px 0px 0px !important; }
.totobi-cal-page .tb-blueprint .cal-hero-gallery-head, .totobi-cal-page:is(.tb-blueprint) .cal-hero-gallery-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 2px 2px 9px; font-size: 13px; line-height: 1.4; }
.totobi-cal-page .tb-blueprint .cal-hero-real, .totobi-cal-page:is(.tb-blueprint) .cal-hero-real { display: flex; align-items: center; gap: 8px; color: rgb(73, 54, 84); font-family: TBBlueprintBold, Arial, sans-serif; }
.totobi-cal-page .tb-blueprint .cal-hero-real i, .totobi-cal-page:is(.tb-blueprint) .cal-hero-real i { width: 7px; height: 7px; border-radius: 50%; background: rgb(255, 121, 36); flex: 0 0 auto; }
.totobi-cal-page .tb-blueprint .cal-hero-gallery-hint, .totobi-cal-page:is(.tb-blueprint) .cal-hero-gallery-hint { color: rgb(149, 137, 156); font-size: 10px; text-align: right; }
.totobi-cal-page .tb-blueprint .cal-hero-stage, .totobi-cal-page:is(.tb-blueprint) .cal-hero-stage { aspect-ratio: 4 / 3; position: relative; border-radius: 16px; overflow: hidden; background: rgb(242, 241, 239); }
.totobi-cal-page .tb-blueprint .cal-hero-stage > a, .totobi-cal-page:is(.tb-blueprint) .cal-hero-stage > a { display: block; width: 100%; height: 100%; position: relative; }
.totobi-cal-page .tb-blueprint .cal-hero-stage img, .totobi-cal-page:is(.tb-blueprint) .cal-hero-stage img { width: 100%; height: 100%; object-fit: contain; }
.totobi-cal-page .tb-blueprint .cal-hero-zoom, .totobi-cal-page:is(.tb-blueprint) .cal-hero-zoom { position: absolute; right: 10px; top: 10px; display: grid; place-items: center; width: 34px; height: 34px; background: rgba(255, 255, 255, 0.875); border: 1px solid rgba(255, 255, 255, 0.66); border-radius: 50%; box-shadow: rgba(30, 21, 35, 0.157) 0px 3px 14px; font: 20px / 1 Arial, sans-serif; color: rgb(86, 55, 105); pointer-events: none; }
.totobi-cal-page .tb-blueprint .cal-hero-stage-arrows, .totobi-cal-page:is(.tb-blueprint) .cal-hero-stage-arrows { position: absolute; left: 10px; right: 10px; top: calc(50% - 22px); display: flex; justify-content: space-between; pointer-events: none; }
.totobi-cal-page .tb-blueprint .cal-hero-stage-arrows button, .totobi-cal-page:is(.tb-blueprint) .cal-hero-stage-arrows button, .totobi-cal-page .tb-blueprint .cal-hero-controls > button, .totobi-cal-page:is(.tb-blueprint) .cal-hero-controls > button { display: grid; place-items: center; border: 1px solid rgb(232, 224, 237); background: rgba(255, 255, 255, 0.96); color: rgb(97, 67, 120); border-radius: 50%; min-width: 44px; width: 44px; height: 44px; padding: 0px; font: 21px / 1 Arial, sans-serif; cursor: pointer; pointer-events: auto; box-shadow: rgba(40, 20, 57, 0.07) 0px 3px 12px; }
.totobi-cal-page .tb-blueprint .cal-hero-stage-arrows button:hover, .totobi-cal-page:is(.tb-blueprint) .cal-hero-stage-arrows button:hover, .totobi-cal-page .tb-blueprint .cal-hero-controls > button:hover, .totobi-cal-page:is(.tb-blueprint) .cal-hero-controls > button:hover { background: rgb(241, 233, 251); border-color: rgb(206, 182, 229); color: rgb(113, 68, 176); }
.totobi-cal-page .tb-blueprint .cal-hero-controls, .totobi-cal-page:is(.tb-blueprint) .cal-hero-controls { display: flex; gap: 12px; align-items: center; justify-content: space-between; margin: 8px 2px 0px; min-height: 54px; }
.totobi-cal-page .tb-blueprint .cal-hero-caption, .totobi-cal-page:is(.tb-blueprint) .cal-hero-caption { display: flex; flex-direction: column; gap: 4px; min-width: 0px; }
.totobi-cal-page .tb-blueprint .cal-hero-meta, .totobi-cal-page:is(.tb-blueprint) .cal-hero-meta { display: flex; align-items: center; gap: 12px; font: 10px / 1.3 TBBlueprint, Arial, sans-serif; color: rgb(126, 104, 139); }
.totobi-cal-page .tb-blueprint .cal-hero-caption [data-hero-count], .totobi-cal-page:is(.tb-blueprint) .cal-hero-caption [data-hero-count] { font-style: normal; font-variant: tabular-nums; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: normal; font-stretch: normal; font-size: 11px; line-height: 1.2; font-family: TBBlueprintBold, Arial, sans-serif; letter-spacing: 0.06em; color: rgb(155, 137, 167); white-space: nowrap; }
.totobi-cal-page .tb-blueprint .cal-hero-caption strong, .totobi-cal-page:is(.tb-blueprint) .cal-hero-caption strong { font: 16px / 1.3 TBBlueprintBold, Arial, sans-serif; color: rgb(45, 38, 51); display: block; min-height: 2.6em; }
.totobi-cal-page .tb-blueprint .cal-hero-controls > button, .totobi-cal-page:is(.tb-blueprint) .cal-hero-controls > button { font-size: 17px; color: rgb(145, 128, 152); background: rgb(249, 246, 251); box-shadow: none; flex: 0 0 auto; }
.totobi-cal-page .tb-blueprint .cal-hero-thumbs, .totobi-cal-page:is(.tb-blueprint) .cal-hero-thumbs { display: flex; gap: 7px; max-width: 100%; margin-top: 8px; padding: 3px 0px 7px; overflow-x: auto; scrollbar-width: thin; scrollbar-color: rgb(214, 192, 238) transparent; overscroll-behavior-x: contain; }
.totobi-cal-page .tb-blueprint .cal-hero-thumbs button, .totobi-cal-page:is(.tb-blueprint) .cal-hero-thumbs button, .totobi-cal-page .tb-blueprint .cal-hero-more, .totobi-cal-page:is(.tb-blueprint) .cal-hero-more { flex: 0 0 calc(11.1111% - 6.22222px); min-width: 64px; max-width: 100px; display: block; min-height: 44px; padding: 3px; border: 2px solid transparent; background: rgb(245, 242, 248); border-radius: 12px; aspect-ratio: 1.1 / 1; overflow: hidden; cursor: pointer; }
.totobi-cal-page .tb-blueprint .cal-hero-thumbs button[aria-pressed="true"], .totobi-cal-page:is(.tb-blueprint) .cal-hero-thumbs button[aria-pressed="true"] { border-color: rgb(137, 83, 220); background: rgb(255, 255, 255); box-shadow: rgba(137, 83, 220, 0.14) 0px 3px 10px; }
.totobi-cal-page .tb-blueprint .cal-hero-thumbs button:hover, .totobi-cal-page:is(.tb-blueprint) .cal-hero-thumbs button:hover { background: rgb(233, 223, 244); }
.totobi-cal-page .tb-blueprint .cal-hero-thumbs img, .totobi-cal-page:is(.tb-blueprint) .cal-hero-thumbs img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 7px; pointer-events: none; }
.totobi-cal-page .tb-blueprint .cal-hero-gallery .cal-hero-more, .totobi-cal-page:is(.tb-blueprint) .cal-hero-gallery .cal-hero-more { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: rgb(100, 70, 129); text-decoration: none; background: rgb(242, 235, 250); gap: 2px; }
.totobi-cal-page .tb-blueprint .cal-hero-more strong, .totobi-cal-page:is(.tb-blueprint) .cal-hero-more strong { font: 23px / 1.1 TBBlueprintBold, Arial, sans-serif; }
.totobi-cal-page .tb-blueprint .cal-hero-more span, .totobi-cal-page:is(.tb-blueprint) .cal-hero-more span { font: 9px / 1.4 TBBlueprint, Arial, sans-serif; }
.totobi-cal-page .tb-blueprint .cal-hero-benefits, .totobi-cal-page:is(.tb-blueprint) .cal-hero-benefits { display: grid; grid-template-columns: 1.05fr 1.65fr 1fr 1.35fr; gap: 10px; padding: 13px 0px 10px; margin-top: 3px; border-top: 1px solid rgb(241, 237, 244); }
.totobi-cal-page .tb-blueprint .cal-hero-benefits > div, .totobi-cal-page:is(.tb-blueprint) .cal-hero-benefits > div { min-width: 0px; display: grid; grid-template-columns: 29px minmax(0px, 1fr); gap: 1px 8px; align-content: start; border-left: 1px solid rgb(238, 232, 244); padding-left: 10px; }
.totobi-cal-page .tb-blueprint .cal-hero-benefits > div:first-child, .totobi-cal-page:is(.tb-blueprint) .cal-hero-benefits > div:first-child { border-left: 0px; padding-left: 0px; }
.totobi-cal-page .tb-blueprint .cal-hero-benefits strong, .totobi-cal-page:is(.tb-blueprint) .cal-hero-benefits strong { font: 12px / 1.4 TBBlueprintBold, Arial, sans-serif; color: rgb(93, 73, 108); }
.totobi-cal-page .tb-blueprint .cal-hero-benefits > div > span:last-child, .totobi-cal-page:is(.tb-blueprint) .cal-hero-benefits > div > span:last-child { grid-column: 2; font: 11px / 1.45 TBBlueprint, Arial, sans-serif; color: rgb(124, 106, 136); }
.totobi-cal-page .tb-blueprint .cal-hero-icon, .totobi-cal-page:is(.tb-blueprint) .cal-hero-icon { width: 29px; height: 32px; grid-row: 1 / 3; display: grid; place-items: center; color: rgb(132, 80, 206); }
.totobi-cal-page .tb-blueprint .cal-hero-icon svg, .totobi-cal-page:is(.tb-blueprint) .cal-hero-icon svg { width: 27px; height: 27px; fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.totobi-cal-page .tb-blueprint .cal-hero-offer, .totobi-cal-page:is(.tb-blueprint) .cal-hero-offer { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 10px 12px; border: 1px solid rgb(255, 241, 223); border-radius: 13px; background: linear-gradient(110deg, rgb(255, 245, 231), rgb(255, 251, 245)); color: rgb(103, 83, 111); text-decoration: none; font: 12px / 1.45 TBBlueprint, Arial, sans-serif; }
.totobi-cal-page .tb-blueprint .cal-hero-offer-icon, .totobi-cal-page:is(.tb-blueprint) .cal-hero-offer-icon { display: grid; place-items: center; flex: 0 0 auto; width: 23px; height: 23px; border-radius: 50%; background: rgb(255, 139, 53); color: rgb(255, 255, 255); }
.totobi-cal-page .tb-blueprint .cal-hero-offer-icon svg, .totobi-cal-page:is(.tb-blueprint) .cal-hero-offer-icon svg { width: 16px; height: 16px; fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.totobi-cal-page .tb-blueprint .cal-hero-offer-arrow, .totobi-cal-page:is(.tb-blueprint) .cal-hero-offer-arrow { font-size: 20px; color: rgb(128, 80, 187); flex: 0 0 auto; margin-left: auto; }
.totobi-cal-page .tb-blueprint .cal-hero-offer:hover, .totobi-cal-page:is(.tb-blueprint) .cal-hero-offer:hover { border-color: rgb(247, 205, 149); background: rgb(255, 242, 223); color: rgb(81, 55, 95); }
.totobi-cal-page .tb-blueprint .cal-hero-gallery-actions, .totobi-cal-page:is(.tb-blueprint) .cal-hero-gallery-actions { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-top: 10px; }
.totobi-cal-page .tb-blueprint .cal-hero-gallery .cal-hero-request, .totobi-cal-page:is(.tb-blueprint) .cal-hero-gallery .cal-hero-request { display: inline-flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 50px; max-width: 100%; background: rgb(120, 81, 184); border: 1px solid rgb(120, 81, 184); color: rgb(255, 255, 255); border-radius: 12px; padding: 12px 16px; font: 13px / 1.4 TBBlueprintBold, Arial, sans-serif; text-decoration: none; box-shadow: rgba(120, 81, 184, 0.125) 0px 4px 10px; flex: 1 1 270px; }
.totobi-cal-page .tb-blueprint .cal-hero-gallery .cal-hero-request:hover, .totobi-cal-page:is(.tb-blueprint) .cal-hero-gallery .cal-hero-request:hover { background: rgb(104, 64, 167); border-color: rgb(104, 64, 167); }
.totobi-cal-page .tb-blueprint .cal-hero-request > span, .totobi-cal-page:is(.tb-blueprint) .cal-hero-request > span { flex: 0 0 auto; }
.totobi-cal-page .tb-blueprint .cal-hero-all, .totobi-cal-page:is(.tb-blueprint) .cal-hero-all { display: inline-flex; align-items: center; gap: 8px; color: rgb(120, 99, 136); font: 12px / 1.4 TBBlueprintBold, Arial, sans-serif; text-decoration: none; min-height: 44px; white-space: nowrap; }
.totobi-cal-page .tb-blueprint .cal-hero-all:hover, .totobi-cal-page:is(.tb-blueprint) .cal-hero-all:hover { color: rgb(120, 81, 184); text-decoration: underline; }
.totobi-cal-page .tb-blueprint .cal-hero-gallery figcaption, .totobi-cal-page:is(.tb-blueprint) .cal-hero-gallery figcaption { font: 10px / 1.5 TBBlueprint, Arial, sans-serif; margin: 8px 2px 0px; padding: 0px; color: rgb(127, 109, 139); max-width: 100%; }
.totobi-cal-page .tb-blueprint .cal-hero-gallery a:focus-visible, .totobi-cal-page:is(.tb-blueprint) .cal-hero-gallery a:focus-visible, .totobi-cal-page .tb-blueprint .cal-hero-gallery button:focus-visible, .totobi-cal-page:is(.tb-blueprint) .cal-hero-gallery button:focus-visible { outline: rgb(166, 92, 255) solid 3px; outline-offset: 2px; }
.totobi-cal-page .tb-blueprint .cal-hero-stage > a:focus-visible, .totobi-cal-page:is(.tb-blueprint) .cal-hero-stage > a:focus-visible { outline-offset: -4px; }
@media (max-width: 560px) {
.totobi-cal-page .tb-blueprint .cal-hero-gallery, .totobi-cal-page:is(.tb-blueprint) .cal-hero-gallery { padding: 8px; border-radius: 18px; scroll-margin-top: 82px; }
.totobi-cal-page .tb-blueprint .cal-hero-gallery-head, .totobi-cal-page:is(.tb-blueprint) .cal-hero-gallery-head { padding-bottom: 8px; }
.totobi-cal-page .tb-blueprint .cal-hero-gallery-hint, .totobi-cal-page:is(.tb-blueprint) .cal-hero-gallery-hint { display: none; }
.totobi-cal-page .tb-blueprint .cal-hero-controls, .totobi-cal-page:is(.tb-blueprint) .cal-hero-controls { gap: 9px; margin: 7px 1px 0px; align-items: center; }
.totobi-cal-page .tb-blueprint .cal-hero-caption strong, .totobi-cal-page:is(.tb-blueprint) .cal-hero-caption strong { font-size: 14px; min-height: 3.9em; }
.totobi-cal-page .tb-blueprint .cal-hero-meta, .totobi-cal-page:is(.tb-blueprint) .cal-hero-meta { gap: 8px; font-size: 9px; }
.totobi-cal-page .tb-blueprint .cal-hero-thumbs, .totobi-cal-page:is(.tb-blueprint) .cal-hero-thumbs { gap: 6px; margin-top: 7px; padding-bottom: 7px; }
.totobi-cal-page .tb-blueprint .cal-hero-thumbs button, .totobi-cal-page:is(.tb-blueprint) .cal-hero-thumbs button, .totobi-cal-page .tb-blueprint .cal-hero-more, .totobi-cal-page:is(.tb-blueprint) .cal-hero-more { flex-basis: calc(25% - 4.5px); min-width: 60px; border-radius: 10px; }
.totobi-cal-page .tb-blueprint .cal-hero-benefits, .totobi-cal-page:is(.tb-blueprint) .cal-hero-benefits { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px 12px; padding: 10px 0px; margin-top: 2px; }
.totobi-cal-page .tb-blueprint .cal-hero-benefits > div, .totobi-cal-page:is(.tb-blueprint) .cal-hero-benefits > div { grid-template-columns: 29px minmax(0px, 1fr); gap: 1px 8px; padding-left: 0px; border-left: 0px; }
.totobi-cal-page .tb-blueprint .cal-hero-offer, .totobi-cal-page:is(.tb-blueprint) .cal-hero-offer { font-size: 11px; padding: 10px; gap: 8px; }
.totobi-cal-page .tb-blueprint .cal-hero-icon, .totobi-cal-page:is(.tb-blueprint) .cal-hero-icon { width: 29px; height: 32px; grid-row: 1 / 3; margin: 0px; }
.totobi-cal-page .tb-blueprint .cal-hero-icon svg, .totobi-cal-page:is(.tb-blueprint) .cal-hero-icon svg { width: 26px; height: 26px; }
.totobi-cal-page .tb-blueprint .cal-hero-benefits > div > span:last-child, .totobi-cal-page:is(.tb-blueprint) .cal-hero-benefits > div > span:last-child { grid-column: 2; font-size: 10px; }
.totobi-cal-page .tb-blueprint .cal-hero-benefits strong, .totobi-cal-page:is(.tb-blueprint) .cal-hero-benefits strong { font-size: 11px; }
.totobi-cal-page .tb-blueprint .cal-hero-gallery-actions, .totobi-cal-page:is(.tb-blueprint) .cal-hero-gallery-actions { flex-direction: column; align-items: stretch; gap: 2px; margin-top: 10px; }
.totobi-cal-page .tb-blueprint .cal-hero-gallery .cal-hero-request, .totobi-cal-page:is(.tb-blueprint) .cal-hero-gallery .cal-hero-request { flex: 1 1 auto; font-size: 12px; min-height: 50px; gap: 12px; }
.totobi-cal-page .tb-blueprint .cal-hero-all, .totobi-cal-page:is(.tb-blueprint) .cal-hero-all { justify-content: center; font-size: 11px; }
.totobi-cal-page .tb-blueprint .cal-hero-gallery figcaption, .totobi-cal-page:is(.tb-blueprint) .cal-hero-gallery figcaption { margin-top: 4px; text-align: center; font-size: 9px; }
.totobi-cal-page .tb-blueprint .cal-hero-zoom, .totobi-cal-page:is(.tb-blueprint) .cal-hero-zoom { width: 30px; height: 30px; right: 8px; top: 8px; }
.totobi-cal-page .tb-blueprint .cal-hero-stage-arrows, .totobi-cal-page:is(.tb-blueprint) .cal-hero-stage-arrows { left: 8px; right: 8px; }
}
@media (min-width: 1101px) {
.totobi-cal-page .tb-blueprint .sg-hero-grid:has(.cal-hero-gallery), .totobi-cal-page:is(.tb-blueprint) .sg-hero-grid:has(.cal-hero-gallery) { align-items: stretch; }
.totobi-cal-page .tb-blueprint .cal-hero-gallery, .totobi-cal-page:is(.tb-blueprint) .cal-hero-gallery { display: flex; flex-direction: column; align-self: stretch !important; margin-top: 0px !important; }
.totobi-cal-page .tb-blueprint .cal-hero-stage, .totobi-cal-page:is(.tb-blueprint) .cal-hero-stage { flex: 1 0 auto; min-height: 0px; }
.totobi-cal-page .tb-blueprint .cal-hero-stage > a, .totobi-cal-page:is(.tb-blueprint) .cal-hero-stage > a { position: absolute; inset: 0px; }
.totobi-cal-page .tb-blueprint .cal-hero-stage img, .totobi-cal-page:is(.tb-blueprint) .cal-hero-stage img { object-fit: cover; object-position: center center; }
.totobi-cal-page .tb-blueprint .cal-hero-gallery-head, .totobi-cal-page:is(.tb-blueprint) .cal-hero-gallery-head, .totobi-cal-page .tb-blueprint .cal-hero-thumbs, .totobi-cal-page:is(.tb-blueprint) .cal-hero-thumbs, .totobi-cal-page .tb-blueprint .cal-hero-controls, .totobi-cal-page:is(.tb-blueprint) .cal-hero-controls, .totobi-cal-page .tb-blueprint .cal-hero-benefits, .totobi-cal-page:is(.tb-blueprint) .cal-hero-benefits, .totobi-cal-page .tb-blueprint .cal-hero-offer, .totobi-cal-page:is(.tb-blueprint) .cal-hero-offer, .totobi-cal-page .tb-blueprint .cal-hero-gallery-actions, .totobi-cal-page:is(.tb-blueprint) .cal-hero-gallery-actions, .totobi-cal-page .tb-blueprint .cal-hero-gallery figcaption, .totobi-cal-page:is(.tb-blueprint) .cal-hero-gallery figcaption { flex-shrink: 0; }
}
@media (min-width: 561px) and (max-width: 1100px) {
.totobi-cal-page .tb-blueprint .sg-hero-grid:has(.bp-hero-art), .totobi-cal-page:is(.tb-blueprint) .sg-hero-grid:has(.bp-hero-art) { display: flex; flex-direction: column; gap: 26px; }
.totobi-cal-page .tb-blueprint .sg-hero .sg-copy, .totobi-cal-page:is(.tb-blueprint) .sg-hero .sg-copy { max-width: 620px; }
.totobi-cal-page .tb-blueprint .cal-hero-gallery, .totobi-cal-page:is(.tb-blueprint) .cal-hero-gallery { max-width: none; }
}
.totobi-cal-page .calendar-form-optional, .totobi-cal-page:is(.calendar-form-optional) { font-size: 12px; margin: 12px 0px 14px; color: rgb(126, 105, 144); }
.totobi-cal-page .calendar-form-optional summary, .totobi-cal-page:is(.calendar-form-optional) summary { cursor: pointer; min-height: 25px; }
.totobi-cal-page .calendar-form-optional :is(input, textarea), .totobi-cal-page:is(.calendar-form-optional) :is(input, textarea) { display: block; width: 100%; margin: 8px 0px 15px; padding: 12px; border: 1px solid rgb(214, 199, 227); border-radius: 12px; background: rgb(255, 255, 255); font-size: 14px; color: rgb(58, 41, 73); }
.totobi-cal-page .calendar-form-optional label, .totobi-cal-page:is(.calendar-form-optional) label { font-size: 12px !important; }
.totobi-cal-page .tb-field-hint, .totobi-cal-page:is(.tb-field-hint) { font-size: 11px !important; line-height: 1.5 !important; color: rgb(136, 113, 149) !important; margin: 7px 0px 0px !important; }
.totobi-cal-page .tb-selection-summary, .totobi-cal-page:is(.tb-selection-summary) { background: rgb(243, 237, 248); border: 1px solid rgb(222, 209, 235); padding: 13px; border-radius: 12px; margin: 0px 0px 14px; }
.totobi-cal-page .tb-selection-summary p, .totobi-cal-page:is(.tb-selection-summary) p { font-size: 13px !important; margin-bottom: 8px !important; }
.totobi-cal-page .tb-selection-summary button, .totobi-cal-page:is(.tb-selection-summary) button { color: rgb(123, 79, 160); background: none; border: 0px; font-size: 11px; padding: 5px 9px; }
.totobi-cal-page .tb-blueprint .sg-btn span:not(.tb-cta-arrow), .totobi-cal-page:is(.tb-blueprint) .sg-btn span:not(.tb-cta-arrow) { font-size: inherit; line-height: inherit; }
.totobi-cal-page .tb-form-status, .totobi-cal-page:is(.tb-form-status) { min-height: 36px !important; font-size: 13px !important; line-height: 1.5 !important; }
.totobi-cal-page .tb-blueprint .sg-hero [data-calendar-slot="hero"], .totobi-cal-page:is(.tb-blueprint) .sg-hero [data-calendar-slot="hero"] { gap: 10px; padding: 16px; border: 1px solid rgb(228, 220, 235); border-radius: 18px; background: rgb(255, 255, 255); box-shadow: rgba(60, 33, 86, 0.024) 0px 8px 24px; }
.totobi-cal-page .tb-blueprint .sg-hero [data-calendar-slot="hero"] > .tb-field-hint, .totobi-cal-page:is(.tb-blueprint) .sg-hero [data-calendar-slot="hero"] > .tb-field-hint { margin: 0px !important; }
.totobi-cal-page .tb-blueprint .sg-hero [data-calendar-slot="hero"] > .tb-phone-field, .totobi-cal-page:is(.tb-blueprint) .sg-hero [data-calendar-slot="hero"] > .tb-phone-field { min-height: 56px; border-radius: 12px; padding: 0px 14px; }
.totobi-cal-page .tb-blueprint .sg-hero [data-calendar-slot="hero"] input[type="tel"], .totobi-cal-page:is(.tb-blueprint) .sg-hero [data-calendar-slot="hero"] input[type="tel"] { height: 54px; padding: 10px 12px !important; font-size: 20px !important; }
.totobi-cal-page .tb-blueprint .sg-hero [data-calendar-slot="hero"] .calendar-form-optional, .totobi-cal-page:is(.tb-blueprint) .sg-hero [data-calendar-slot="hero"] .calendar-form-optional { margin: 0px; color: rgb(103, 83, 114); border-radius: 10px; background: rgb(248, 245, 252); }
.totobi-cal-page .tb-blueprint .sg-hero [data-calendar-slot="hero"] .calendar-form-optional summary, .totobi-cal-page:is(.tb-blueprint) .sg-hero [data-calendar-slot="hero"] .calendar-form-optional summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 42px; padding: 10px 12px; list-style: none; font-size: 12px; line-height: 1.4; }
.totobi-cal-page .tb-blueprint .sg-hero [data-calendar-slot="hero"] .calendar-form-optional summary::-webkit-details-marker, .totobi-cal-page:is(.tb-blueprint) .sg-hero [data-calendar-slot="hero"] .calendar-form-optional summary::-webkit-details-marker { display: none; }
.totobi-cal-page .tb-blueprint .sg-hero [data-calendar-slot="hero"] .calendar-form-optional summary::after, .totobi-cal-page:is(.tb-blueprint) .sg-hero [data-calendar-slot="hero"] .calendar-form-optional summary::after { content: ""; flex: 0 0 auto; width: 7px; height: 7px; border-right: 1.5px solid; border-bottom: 1.5px solid; transform: rotate(45deg); margin-right: 3px; }
.totobi-cal-page .tb-blueprint .sg-hero [data-calendar-slot="hero"] .calendar-form-optional :is(input, textarea), .totobi-cal-page:is(.tb-blueprint) .sg-hero [data-calendar-slot="hero"] .calendar-form-optional :is(input, textarea) { margin: 6px 0px 12px; }
.totobi-cal-page .tb-blueprint .sg-hero [data-calendar-slot="hero"] .calendar-form-optional textarea, .totobi-cal-page:is(.tb-blueprint) .sg-hero [data-calendar-slot="hero"] .calendar-form-optional textarea { margin-bottom: 0px; }
.totobi-cal-page .tb-blueprint .sg-hero [data-calendar-slot="hero"] > .sg-btn, .totobi-cal-page:is(.tb-blueprint) .sg-hero [data-calendar-slot="hero"] > .sg-btn { margin: 0px; min-height: 54px; border-radius: 12px; padding: 14px 18px; font-size: 16px; }
.totobi-cal-page .tb-blueprint .sg-hero [data-calendar-slot="hero"] > .sg-consent, .totobi-cal-page:is(.tb-blueprint) .sg-hero [data-calendar-slot="hero"] > .sg-consent { margin: 0px; font-size: 10px; line-height: 1.5; }
@media (max-width: 560px) {
.totobi-cal-page .tb-blueprint .sg-hero [data-calendar-slot="hero"], .totobi-cal-page:is(.tb-blueprint) .sg-hero [data-calendar-slot="hero"] { padding: 14px; border-radius: 16px; }
.totobi-cal-page .tb-blueprint .sg-hero [data-calendar-slot="hero"] .calendar-form-optional summary, .totobi-cal-page:is(.tb-blueprint) .sg-hero [data-calendar-slot="hero"] .calendar-form-optional summary { padding-inline: 10px; font-size: 11px; }
.totobi-cal-page .tb-blueprint .sg-hero [data-calendar-slot="hero"] > .sg-btn, .totobi-cal-page:is(.tb-blueprint) .sg-hero [data-calendar-slot="hero"] > .sg-btn { font-size: 15px; }
}
.totobi-cal-page .cal-popup, .totobi-cal-page:is(.cal-popup) { font-family: TBBlueprint; color: rgb(52, 35, 68); background: rgb(255, 255, 255); max-width: 560px; width: calc(-30px + 100vw); padding: 32px; border-radius: 24px; }
.totobi-cal-page .cal-popup h2, .totobi-cal-page:is(.cal-popup) h2 { font-family: TBBlueprintBold; font-size: 29px; line-height: 1.15; margin: 0px 0px 22px; }
.totobi-cal-page .cal-popup .sg-quick-form, .totobi-cal-page:is(.cal-popup) .sg-quick-form { width: 100%; max-width: none; }
.totobi-cal-page .cal-popup label, .totobi-cal-page:is(.cal-popup) label { font-size: 14px; }
.totobi-cal-page .cal-popup .sg-btn, .totobi-cal-page:is(.cal-popup) .sg-btn { display: flex; width: 100%; padding: 16px 20px; justify-content: space-between; align-items: center; color: rgb(34, 23, 39); background: linear-gradient(110deg, rgb(255, 180, 84), rgb(255, 121, 69)); border: 0px; border-radius: 13px; min-height: 58px; font-family: TBBlueprintBold; }
.totobi-cal-page .cal-popup .tb-phone-field, .totobi-cal-page:is(.cal-popup) .tb-phone-field { display: flex; border: 1px solid rgb(216, 199, 231); border-radius: 14px; overflow: hidden; height: 58px; margin-top: 10px; }
.totobi-cal-page .cal-popup .tb-phone-prefix, .totobi-cal-page:is(.cal-popup) .tb-phone-prefix { padding: 15px; color: rgb(84, 65, 97); font-size: 20px; }
.totobi-cal-page .cal-popup input[type="tel"], .totobi-cal-page:is(.cal-popup) input[type="tel"] { width: 100%; border: 0px; min-width: 0px; font-size: 18px; }
.totobi-cal-page .cal-popup .sg-consent, .totobi-cal-page:is(.cal-popup) .sg-consent { font-size: 10px; line-height: 1.5; color: rgb(146, 133, 156); }
.totobi-cal-page .cal-popup .sg-consent a, .totobi-cal-page:is(.cal-popup) .sg-consent a { color: inherit; }
.totobi-cal-page .cal-popup .sg-kicker, .totobi-cal-page:is(.cal-popup) .sg-kicker { font-size: 11px; color: rgb(133, 87, 182); letter-spacing: 0.09em; }
@media (max-width: 850px) {
.totobi-cal-page .tb-blueprint .sg-hero-grid:has(.bp-hero-art), .totobi-cal-page:is(.tb-blueprint) .sg-hero-grid:has(.bp-hero-art) { display: flex; flex-direction: column; gap: 22px; }
.totobi-cal-page .tb-blueprint .cal-hero-gallery, .totobi-cal-page:is(.tb-blueprint) .cal-hero-gallery { max-width: none; }
}
@media (max-width: 560px) {
.totobi-cal-page .tb-blueprint .sg-hero, .totobi-cal-page:is(.tb-blueprint) .sg-hero { padding: 22px 18px; }
.totobi-cal-page .tb-blueprint .sg-hero h1, .totobi-cal-page:is(.tb-blueprint) .sg-hero h1 { font-size: 35px; line-height: 1.06; }
.totobi-cal-page .tb-blueprint .sg-hero .sg-lead, .totobi-cal-page:is(.tb-blueprint) .sg-hero .sg-lead { font-size: 14px; line-height: 1.6; }
.totobi-cal-page .tb-blueprint .sg-hero .sg-tagline, .totobi-cal-page:is(.tb-blueprint) .sg-hero .sg-tagline { font-size: 20px; }
.totobi-cal-page .tb-blueprint .sg-hero .sg-trust, .totobi-cal-page:is(.tb-blueprint) .sg-hero .sg-trust { font-size: 11px; }
.totobi-cal-page .cal-hero-stage, .totobi-cal-page:is(.cal-hero-stage) { aspect-ratio: 1.18 / 1; }
.totobi-cal-page .cal-popup, .totobi-cal-page:is(.cal-popup) { padding: 28px 20px; }
.totobi-cal-page .cal-popup h2, .totobi-cal-page:is(.cal-popup) h2 { font-size: 26px; }
}
@media (prefers-reduced-motion: reduce) {
.totobi-cal-page *, .totobi-cal-page:is(*) { transition: none !important; }
}
.totobi-cal-page .totobi-cal-page.cal-popup h2, .totobi-cal-page:is(.totobi-cal-page.cal-popup) h2 { font-size: 29px !important; line-height: 1.15 !important; margin: 0px 0px 22px !important; }
.totobi-cal-page .cal-popup .fancybox-close-small, .totobi-cal-page:is(.cal-popup) .fancybox-close-small { display: none; }
.totobi-cal-page .cal-image-dialog button.cal-image-request, .totobi-cal-page:is(.cal-image-dialog) button.cal-image-request { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 52px; height: auto; min-width: 240px; max-width: 100%; padding: 14px 22px; border: 0px; border-radius: 13px; background: linear-gradient(110deg, rgb(255, 180, 84), rgb(255, 121, 69)); color: rgb(36, 25, 47); font: 15px / 1.4 TBBlueprintBold, Arial, sans-serif; box-shadow: rgb(255, 241, 231) 0px 5px 0px; }
.totobi-cal-page .cal-image-dialog button.cal-image-request:hover, .totobi-cal-page:is(.cal-image-dialog) button.cal-image-request:hover { background: linear-gradient(110deg, rgb(255, 171, 63), rgb(255, 111, 51)); }
.totobi-cal-page .cal-image-dialog button.cal-image-request:focus-visible, .totobi-cal-page:is(.cal-image-dialog) button.cal-image-request:focus-visible { outline: rgb(166, 92, 255) solid 3px; outline-offset: 3px; }
.totobi-cal-page .cal-image-dialog .cal-image-request span, .totobi-cal-page:is(.cal-image-dialog) .cal-image-request span { font-size: inherit; line-height: inherit; }
@media (max-width: 560px) {
.totobi-cal-page .cal-image-dialog button.cal-image-request, .totobi-cal-page:is(.cal-image-dialog) button.cal-image-request { width: 100%; min-width: 0px; font-size: 14px; }
}
.totobi-cal-page .tb-blueprint .cal-regional-trust, .totobi-cal-page:is(.tb-blueprint) .cal-regional-trust { grid-column: 1 / -1; display: flex; align-items: center; gap: 14px; padding-top: 14px; border-top: 1px solid rgb(232, 221, 240); }
.totobi-cal-page .tb-blueprint .cal-regional-trust-media, .totobi-cal-page:is(.tb-blueprint) .cal-regional-trust-media { flex: 0 0 auto; width: clamp(114px, 14vw, 148px); aspect-ratio: 148 / 64; overflow: hidden; }
.totobi-cal-page .tb-blueprint .cal-regional-trust-media img, .totobi-cal-page:is(.tb-blueprint) .cal-regional-trust-media img { display: block; width: 239.19%; max-width: none; height: auto; transform: translate(-3.39%, -25.24%); }
.totobi-cal-page .tb-blueprint .cal-regional-trust p, .totobi-cal-page:is(.tb-blueprint) .cal-regional-trust p { margin: 0px; font: 14px / 1.5 TBBlueprint, Arial, sans-serif; color: rgb(68, 50, 79); }
.totobi-cal-page .tb-blueprint .cal-regional-trust strong, .totobi-cal-page:is(.tb-blueprint) .cal-regional-trust strong { font-family: TBBlueprintBold, Arial, sans-serif; font-weight: 400; }
@media (max-width: 560px) {
.totobi-cal-page .tb-blueprint .cal-regional-trust, .totobi-cal-page:is(.tb-blueprint) .cal-regional-trust { gap: 10px; padding-top: 12px; }
.totobi-cal-page .tb-blueprint .cal-regional-trust p, .totobi-cal-page:is(.tb-blueprint) .cal-regional-trust p { font-size: 13px; }
}
#popup-form-request.totobi-cal-page.cal-popup { background: rgb(255, 255, 255); padding: 32px; max-width: 560px; width: calc(-30px + 100vw); border-radius: 24px; }
#popup-form-request.totobi-cal-page .popup-form__close { top: 8px; right: 8px; transform: none; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; line-height: 1; z-index: 3; }
@media (max-width: 560px) {
#popup-form-request.totobi-cal-page.cal-popup { padding: 28px 20px; }
}
.calendar-image-modal .cal-native-image-title { display: block; font: 14px / 1.4 TBBlueprint, Arial, sans-serif; color: rgb(255, 255, 255); }
.calendar-image-modal .cal-native-image-footer { display: flex; align-items: center; justify-content: center; gap: 24px; margin: 14px auto 0px; max-width: 800px; }
.calendar-image-modal .cal-native-image-count { color: rgb(216, 200, 230); font: 12px / 1.4 TBBlueprint, Arial, sans-serif; white-space: nowrap; }
.calendar-image-modal button.cal-image-request { display: inline-flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 52px; min-width: 240px; max-width: 100%; padding: 14px 22px; border: 0px; border-radius: 13px; background: linear-gradient(110deg, rgb(255, 180, 84), rgb(255, 121, 69)); color: rgb(36, 25, 47); font: 15px / 1.4 TBBlueprintBold, Arial, sans-serif; cursor: pointer; pointer-events: auto; }
.calendar-image-modal button.cal-image-request:hover { background: linear-gradient(110deg, rgb(255, 171, 63), rgb(255, 111, 51)); }
.calendar-image-modal button.cal-image-request:focus-visible { outline: rgb(166, 92, 255) solid 3px; outline-offset: 3px; }
@media (max-width: 560px) {
.calendar-image-modal .cal-native-image-footer { gap: 12px; }
.calendar-image-modal button.cal-image-request { font-size: 14px; min-width: 0px; padding: 14px 18px; }
}
@media (max-width: 560px) {
#totobi-calendars .sg-hero .sg-copy > .sg-kicker { margin-bottom: 6px; }
#totobi-calendars .sg-hero .sg-copy > h1 { font-size: 32px; line-height: 1.04; margin-bottom: 7px; }
#totobi-calendars .sg-hero .sg-copy > .sg-tagline { font-size: 18px; line-height: 1.3; margin-bottom: 10px; }
#totobi-calendars .sg-hero .sg-copy > .sg-lead { font-size: 14px; line-height: 1.4; }
#totobi-calendars .sg-hero .cal-hero-highlights { margin-top: 10px; row-gap: 8px; }
#totobi-calendars .sg-hero .sg-copy > .sg-actions { margin-top: 14px; }
#totobi-calendars .sg-hero #totobi-calendars-hero-form { padding-top: 12px; padding-bottom: 12px; gap: 8px; }
#totobi-calendars .sg-hero #totobi-calendars-hero-form .sg-hero-phone-field { min-height: 56px; }
#totobi-calendars .sg-hero #totobi-calendars-hero-form .sg-hero-phone-field input { min-height: 56px; height: 56px; }
#totobi-calendars .sg-hero #totobi-calendars-hero-form button[type="submit"] { min-height: 54px; height: 54px; }
#popup-form-request.totobi-cal-page.cal-popup { width: 100%; max-width: 560px; max-height: calc(100dvh - 80px); overflow-y: auto; overscroll-behavior: contain; }
}
@media (max-width: 380px) {
#totobi-calendars .sg-hero { padding-left: 12px; padding-right: 12px; }
#totobi-calendars .sg-hero .sg-copy > h1 { font-size: 30px; }
#totobi-calendars .sg-hero .sg-copy > .sg-actions { margin-top: 10px; }
#totobi-calendars .sg-hero #totobi-calendars-hero-form { padding-top: 10px; padding-bottom: 10px; gap: 6px; }
#totobi-calendars .sg-hero #totobi-calendars-hero-form .tb-field-hint { font-size: 10px; line-height: 1.4; }
}
@media (min-width: 1101px) {
#totobi-calendars .sg-hero-grid { display: grid; max-width: none; grid-template-columns: minmax(390px, 1fr) minmax(0px, 1.65fr); gap: 32px; align-items: stretch; }
}

/* Above the native legacy 1024px breakpoint, keep the close icon visible on the calendar white popup. */
@media (min-width: 1025px) {
  #popup-form-request.totobi-cal-page .popup-form__close svg path { stroke: #716978; }
}