@font-face{font-family:LeagueSpartan;src:url('/assets/fonts/league-spartan.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--heading-font:LeagueSpartan,Arial,sans-serif;--glass:rgba(247,251,255,.78);--spring:cubic-bezier(.22,1.25,.45,1)}
body main h1:not(.brand-script),body main h2:not(.brand-script),body main h3:not(.brand-script){font-family:var(--heading-font)!important;font-weight:650!important}
body h1,body h2,body h3,body h4,body #hero-title,body #hero-title span,body main .brand-script,.guide-page h1,.guide-page h2,.guide-page h3{font-family:var(--heading-font)!important;font-weight:700!important;font-style:normal!important;letter-spacing:-.025em!important;line-height:1.12!important;-webkit-text-fill-color:currentColor;background:none}
body main h1{font-size:clamp(1.85rem,3.6vw,3.3rem)!important}body main h2,body dialog h2{font-size:clamp(1.5rem,2.6vw,2.35rem)!important}body main h3,body dialog h3{font-size:clamp(1.125rem,1.7vw,1.5rem)!important}
body p{line-height:1.65}body .site-header .logo:after{content:none!important;display:none!important}
body .site-header,body .site-header.header-scrolled{background:rgba(245,249,255,.8)!important;border:1px solid #ffffffd9!important;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);box-shadow:0 8px 32px #203d6c14!important;border-radius:32px;margin:10px 12px;width:calc(100% - 24px);left:0;right:0}
.button,.guide-card,.kaca-card,.mascot-choice{transition:transform .35s var(--spring),box-shadow .3s,background .3s;border-radius:18px}
.button:hover,.button:focus-visible{transform:translateY(-3px);box-shadow:0 10px 24px #1839b626}
.guide-card,.mascot-choice,.consult-result,.careers-empty,.promo-panel{background:var(--glass);border:1px solid #dce7f3;box-shadow:0 10px 30px #1b355b0d,inset 0 1px 0 #fff;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:24px}
body .welcome-hero{min-height:0;overflow:hidden}body .welcome-layout{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr)!important;gap:30px!important;align-items:center;padding-top:140px!important;padding-bottom:36px!important}
body .welcome-copy{min-width:0;padding:0!important;grid-row:auto;grid-column:auto}body .welcome-heading{margin:18px 0!important}body .welcome-description{font-size:clamp(1rem,1.35vw,1.125rem)!important;margin:0!important}body .welcome-social{margin-top:22px!important;font-size:14px}
body .welcome-actions{display:flex;align-items:stretch;gap:12px!important;flex-wrap:wrap;margin-top:24px!important}body .welcome-actions .button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 20px!important;font-size:14px;line-height:1.4;border-radius:16px;font-weight:650}.button-secondary{background:#ffffffc9!important;border:1px solid #b8cbee!important;color:#173bb6!important;box-shadow:0 6px 18px #20487812}
body .contact-stage{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:center;gap:18px;width:100%;padding:0!important;min-height:0!important;margin:0!important;grid-row:auto;grid-column:auto;isolation:isolate}
body .contact-stage:before{display:none}body .contact-phone,body .contact-phone:hover,body .contact-phone:focus-within{position:relative!important;inset:auto!important;width:100%!important;max-width:340px;min-width:0;height:auto;order:0;margin:0 auto!important;transform:none!important;border:5px solid #64778f;border-radius:34px!important;padding:6px!important;background:#dce8f7!important;box-shadow:8px 18px 40px #203e7526!important;z-index:1}
body .phone-screen{padding:40px 12px 16px!important;min-height:0!important;border-radius:25px!important;background:linear-gradient(150deg,#f7faff,#e1edfc)}body .phone-camera{display:block!important;top:14px;width:68px;height:16px;left:50%;transform:translateX(-50%)}body .phone-eyebrow{display:block!important;font-size:10px!important;letter-spacing:.09em}
body .contact-phone .phone-screen h2{display:block!important;font-size:clamp(1.35rem,1.9vw,1.8rem)!important;margin:12px 0 16px!important;line-height:1.08!important}body .phone-apps{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}body .phone-app{display:flex!important;align-items:center!important;gap:10px!important;padding:10px!important;min-height:54px!important;background:#ffffffcf!important;border:1px solid #fff;border-radius:14px!important;min-width:0}body .phone-app .app-icon{display:grid!important;place-items:center;width:32px!important;height:32px!important;min-width:32px;border-radius:10px;font-size:24px;flex:none}body .phone-app .app-icon svg{width:22px;height:22px}body .phone-app strong{font-size:12px!important;line-height:1.3!important;display:block}body .phone-app small{display:block!important;font-size:10px!important;line-height:1.4!important;margin-top:3px}body .phone-home{display:block!important;width:62px;height:3px;margin:14px auto 0}.jingle-app .app-icon{background:#173bb6;color:#fff}
.hero-kaca{min-width:0}.hero-kaca>.eyebrow{font-size:12px;margin:0 0 12px}.kaca-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kaca-card{appearance:none;position:relative;min-width:0;cursor:pointer;border:1px solid #ffffffdc;background:linear-gradient(145deg,#ffffffcb,#eaf3ffc4);box-shadow:0 8px 22px #27467b13,inset 0 1px 0 #fff;backdrop-filter:blur(18px);padding:12px 8px 20px;color:#19263f;text-align:center;line-height:1.2}.kaca-card:hover,.kaca-card:focus-visible{transform:translateY(-4px);box-shadow:0 13px 28px #173bb626}.kaca-card:focus-visible{outline:3px solid #173bb6;outline-offset:3px}.kaca-card .strength-art,.kaca-wallet{display:block;width:clamp(52px,5.8vw,80px)!important;height:clamp(52px,5.8vw,80px)!important;max-width:100%;object-fit:contain;margin:0 auto 8px;mix-blend-mode:multiply}.kaca-name{display:block;font-family:var(--heading-font);font-size:clamp(.95rem,1.15vw,1.18rem);font-weight:650;line-height:1.1}.kaca-name b{color:#173bb6;font-size:1.3em}.kaca-short{display:none}.kaca-plus{position:absolute;bottom:5px;right:9px;color:#173bb6;font-size:16px}
body .welcome-facts{grid-column:1/-1;grid-row:auto!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:start!important;gap:24px!important;margin:8px 0 0!important;padding:24px 0 0!important;width:100%;border-top:1px solid #c5d2e6}body .welcome-facts>div{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:8px;min-width:0}body .welcome-facts dd{order:0;font-family:var(--heading-font);font-size:clamp(1.75rem,3.5vw,2.9rem)!important;line-height:1!important;min-height:1em;font-weight:600;margin:0!important;font-variant-numeric:tabular-nums}body .welcome-facts dt{order:1;font-size:clamp(.8rem,1.1vw,.95rem)!important;line-height:1.45;max-width:22ch;margin:0!important}
.kaca-culture{padding-block:32px}.kaca-culture>p:not(.eyebrow){max-width:65ch}.kaca-culture .kaca-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:24px}.kaca-culture .kaca-card{padding:24px 14px}.kaca-culture .kaca-short{display:block;font-size:14px;line-height:1.5;margin-top:10px}.promo-panel{padding:32px!important;margin-block:32px}.promo-panel p{max-width:65ch}
.kaca-dialog{width:min(780px,calc(100% - 32px));max-height:85dvh;padding:0;border:1px solid #fff9;border-radius:28px;color:#19263f;background:#f6faffed;backdrop-filter:blur(24px);box-shadow:0 24px 90px #12294e50;overflow:auto}.kaca-dialog::backdrop,dialog::backdrop{background:#152b4e66;backdrop-filter:blur(8px)}.kaca-photo{width:100%;height:clamp(150px,26vw,270px);object-fit:cover}.kaca-dialog-copy{padding:clamp(20px,3vw,32px)}.kaca-dialog-copy h2{margin:10px 0}.kaca-dialog-copy h2 em{color:#173bb6;font-style:normal}.kaca-dialog-copy h3{margin:16px 0}.kaca-dialog-copy p{font-size:16px}.kaca-close{position:absolute;right:14px;top:14px;width:42px;height:42px;border:1px solid #d7e3f4;border-radius:50%;background:#fffffff2;color:#173bb6;font-size:28px;cursor:pointer;box-shadow:0 4px 18px #152d5330}dialog[open]{animation:glass-pop .48s var(--spring)}@keyframes glass-pop{from{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.reveal-panel{opacity:.01;transform:translateY(16px);transition:opacity .6s,transform .65s var(--spring)}.reveal-panel.is-revealed{opacity:1;transform:none}
body .consult-band{padding-block:clamp(24px,4vw,48px)}body .consult-band h2{font-size:clamp(1.5rem,2.6vw,2.2rem)!important}body .consult-band .consult-layout>div>p:not(.eyebrow){font-size:16px!important;line-height:1.55;color:#edf3ff!important}body .consult-band legend{font-size:15px;font-weight:600}body .consult-options{gap:8px}body .consult-options span{font-size:14px!important;line-height:1.3;padding:10px 13px!important}body .consult-band fieldset{margin:18px 0}body .consult-result{padding:24px}.consult-result p{font-size:14px!important}
body .cafefam-float .mascot-tile{background:linear-gradient(145deg,#eef6ffdb,#d3e4fbbb);overflow:visible}body .cafefam-float .mascot-tile img{width:82px;height:96px;object-fit:cover;object-position:top;clip-path:inset(0 0 24% 0);transform:translateY(-9px) scale(1.15);margin-bottom:-24px}
@media(max-width:1100px){body .welcome-layout{grid-template-columns:1fr!important;padding-top:125px!important;gap:28px!important}body .welcome-copy{max-width:680px}body .contact-stage{max-width:650px;margin:0 auto!important;grid-template-columns:1fr 1fr}body .welcome-facts{grid-column:auto}.hero-kaca .kaca-card{padding:16px 10px 22px}.kaca-card .strength-art,.kaca-wallet{width:76px!important;height:76px!important}.kaca-name{font-size:18px}.kaca-short{display:block;font-size:12px;line-height:1.45;margin-top:7px}}
@media(max-width:600px){body .site-header,body .site-header.header-scrolled{margin:7px 8px;width:calc(100% - 16px);border-radius:24px}body .welcome-layout{padding-top:112px!important;padding-bottom:24px!important;gap:24px!important}body .welcome-heading{margin:12px 0 16px!important}body .welcome-actions{gap:10px!important;margin-top:20px!important}body .welcome-actions .button{flex:1;padding:12px!important;white-space:nowrap;min-height:46px;font-size:13px}body .welcome-social{margin-top:16px!important}body .contact-stage{grid-template-columns:1fr!important;gap:20px!important;max-width:380px}.hero-kaca .kaca-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hero-kaca .kaca-card{display:grid;grid-template-columns:54px 1fr;align-items:center;gap:4px;padding:12px 10px;min-height:88px;text-align:left}.hero-kaca .strength-art,.hero-kaca .kaca-wallet{width:54px!important;height:54px!important;margin:0}.hero-kaca .kaca-name{font-size:17px}.hero-kaca .kaca-short{display:none}.hero-kaca>.eyebrow{margin-bottom:8px}body .contact-phone{max-width:300px!important}body .phone-screen h2{font-size:25px!important}body .phone-app{min-height:50px!important;padding:9px!important}body .welcome-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px 14px!important;padding-top:20px!important}body .welcome-facts dd{font-size:30px!important}body .welcome-facts dt{font-size:13px!important;max-width:18ch}.kaca-culture .kaca-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kaca-culture .kaca-name{font-size:18px}.kaca-culture .kaca-card{padding:18px 10px}.consult-layout{gap:22px!important}.consult-result{padding:20px!important}.kaca-dialog{max-height:88dvh}.kaca-dialog-copy .button{font-size:14px}.guide-card-copy{padding:12px}.guide-card h3{font-size:1.1rem!important}.guide-card p{font-size:14px}.cafefam-float{max-width:calc(100vw - 24px)}}
body .mascot-choice strong,body .guide-tagline,body .value-tile strong{font-family:var(--heading-font)!important;font-weight:650!important}
body .welcome-layout{padding-top:50px!important}body .contact-stage{order:0!important}body .welcome-facts{order:0!important}
@media(max-width:1100px){body .welcome-layout{padding-top:36px!important}}
@media(max-width:600px){body .welcome-layout{padding-top:30px!important}body .welcome-facts{order:1!important}body .contact-stage{order:2!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}dialog[open]{animation:none}.reveal-panel{opacity:1;transform:none;transition:none}.button,.guide-card,.kaca-card{transition:none}.kaca-card:hover,.button:hover{transform:none}}
