@font-face{font-family:HeyInfiMontserrat;src:url('./regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:HeyInfiMontserrat;src:url('./bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:HeyInfiMontserrat;src:url('./semibold.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
/* Explicit application layout boundary. No account, data or permission changes. */
html{--heyinfi-shell-height:62px;--heyinfi-app-height:calc(100dvh - var(--heyinfi-shell-height));--heyinfi-font:HeyInfiMontserrat,Montserrat,system-ui,sans-serif}
html body.heyinfi-service{margin:0;height:100dvh;min-height:0;display:grid;grid-template-rows:var(--heyinfi-shell-height) minmax(0,1fr);overflow:hidden;font-family:var(--heyinfi-font)}
body.heyinfi-service>heyinfi-nav{grid-row:1;height:var(--heyinfi-shell-height);min-width:0;font-family:var(--heyinfi-font)}
body.heyinfi-service>#root{grid-row:2;position:relative;contain:layout;isolation:isolate;overflow:auto;min-width:0;min-height:0;height:100%;overscroll-behavior-y:contain}
body.heyinfi-service #root :is(.h-screen,.h-svh){height:var(--heyinfi-app-height)}
body.heyinfi-service #root :is(.min-h-screen,.min-h-svh){min-height:var(--heyinfi-app-height)}
body.heyinfi-service #root :is(.max-h-screen,.max-h-svh){max-height:var(--heyinfi-app-height)}
body.heyinfi-service :is(h1,h2,h3,h4,h5,h6,button,input,textarea,select,.font-sans,.font-display){font-family:var(--heyinfi-font)}
body.heyinfi-service [role=dialog]{font-family:var(--heyinfi-font)}
@media(prefers-reduced-motion:reduce){heyinfi-nav{scroll-behavior:auto}}
/* App-owned welcome screens opt in. Specialist editors keep their surfaces. */
.heyinfi-welcome{background:#ffffff;color:#171717;min-height:100%;font-family:var(--heyinfi-font);line-height:1.6}
.heyinfi-welcome *{box-sizing:border-box}.heyinfi-welcome a,.heyinfi-welcome button{outline-offset:5px}.heyinfi-welcome :is(a,button):focus-visible{outline:3px solid #3569d4}.heyinfi-welcome button:disabled{opacity:.65;cursor:wait}
.hi-hero,.hi-section,.hi-footer{max-width:1180px;margin:auto;padding:64px 32px}.hi-hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:64px}.hi-eyebrow{font-size:12px;font-weight:700;letter-spacing:1.5px;color:#5a55a8;margin-bottom:20px}.hi-hero h1{font-size:clamp(36px,4.3vw,60px);font-weight:700;letter-spacing:-2px;line-height:1.12;margin:0 0 24px}.hi-hero h1 em{font-style:normal;color:#5a55a8}.hi-lead{font-size:18px;line-height:1.7;color:#625e59}.hi-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:28px 0 16px}.hi-primary,.hi-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:28px;font-size:14px;font-weight:600;text-decoration:none}.hi-primary{background:#171717;color:#fff;border:1px solid #171717;cursor:pointer}.hi-secondary{color:#171717;border:1px solid #d9d4ce;background:#fff}.hi-note,.hi-example small{font-size:13px;color:#625e59}.hi-example{display:flex;flex-direction:column;gap:20px;padding:36px;border:1px solid #e8e4df;border-radius:28px;background:#fff;box-shadow:0 16px 40px #251e1708}.hi-example svg,.hi-cards svg{color:#5a55a8}.hi-example h2{font-size:26px;line-height:1.35;font-weight:600;letter-spacing:-.5px}.hi-example p,.hi-cards p{color:#625e59}.hi-section{padding-top:24px}.hi-section>h2{font-size:30px;line-height:1.3;font-weight:700;letter-spacing:-.6px;margin-bottom:28px}.hi-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.hi-cards article{padding:28px;background:white;border:1px solid #e8e4df;border-radius:20px}.hi-cards h3{font-size:18px;font-weight:600;margin:16px 0 10px}.hi-footer{border-top:1px solid #e8e4df;display:flex;flex-wrap:wrap;gap:24px;padding-block:28px}.hi-footer a{color:#2856b6;min-height:44px;display:inline-flex;align-items:center}.hi-error{color:#a73536;background:#fff0ee;border-radius:12px;padding:14px;font-size:14px}
@media(max-width:760px){.hi-hero{grid-template-columns:1fr;gap:28px}.hi-hero,.hi-section,.hi-footer{padding:32px 20px}.hi-cards{grid-template-columns:1fr}.hi-example{padding:24px}.hi-hero h1{letter-spacing:-1.2px}.hi-lead{font-size:16px}.hi-actions>*{flex:1 1 auto}.hi-footer{gap:16px}}
/* A rainbow family rather than a lavender product. Editors retain their own UI. */
.hi-eyebrow{color:#625e59}.hi-hero h1 em{color:#2856b6}.hi-example svg{color:#216c57}.hi-cards article:nth-child(3n+1) svg{color:#2856b6}.hi-cards article:nth-child(3n+2) svg{color:#216c57}.hi-cards article:nth-child(3n) svg{color:#9e4f22}
.hi-example{border-top:3px solid #3b9b86}.hi-cards article:nth-child(3n+1){border-top:3px solid #3569d4}.hi-cards article:nth-child(3n+2){border-top:3px solid #3b9b86}.hi-cards article:nth-child(3n){border-top:3px solid #e47a3e}
@supports(background-clip:text){.hi-hero h1 em{background:linear-gradient(105deg,#2856b6 0%,#216c57 28%,#7b6000 50%,#9e4f22 68%,#a03d62 84%,#78439a 100%);background-clip:text;-webkit-background-clip:text;color:transparent}}
@media(forced-colors:active){.hi-hero h1 em{background:none;color:CanvasText}}