/* FotFi / KiraPas v39 shared public sections and responsive grid rules. */
:root{--ink:#17243b;--navy:#14213d;--muted:#566781;--primary:#2563eb;--line:#e4e8f3;--paper:#fff;--accent:#2563eb;--purple:#2563eb;--indigo:#2563eb;--mint:#1e3a8a;--soft:#f6f8ff;--shadow:0 15px 50px rgba(27,39,76,.065)}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{background:#fff;color:var(--ink);font-family:Inter,"InterDisplay",ui-sans-serif,system-ui,sans-serif;letter-spacing:-.012em}
button,a,input,select,textarea{font-family:inherit}
button{transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease,color .18s ease}
:focus-visible{outline:3px solid #bfdbfe!important;outline-offset:3px!important}
::selection{background:#dbeafe;color:#14213d}
/* Clear, airy header across public and workspace states */
.site-header,.public-view .site-header,body:not(.public-view) .site-header{background:#fff!important;border-bottom:1px solid rgba(28,50,88,.085)!important;box-shadow:none!important;backdrop-filter:blur(16px)!important}
.public-view .header-row,.site-header .header-row{max-width:1260px;height:77px!important;gap:22px}
.brand-logo.ff-brand-logo,.site-header .brand-logo{width:131px!important;height:auto!important;max-height:66px!important;object-fit:contain!important}
.public-view .landing-nav button{color:#263653!important;font-size:13px!important;font-weight:700!important}
.public-view .landing-nav button:hover{color:#2563eb!important}
.public-view .header-actions{gap:10px!important}
.public-view .header-create,.site-header .primary.header-create,.public-view .header-create:hover{border-radius:7px!important;background:#2563eb!important;border:1px solid #2563eb!important;color:#fff!important;min-height:42px!important;font-size:13px!important;padding:10px 17px!important;box-shadow:0 6px 18px #2563eb22!important}
.public-view .header-create:hover{background:#2563eb!important;transform:translateY(-1px)}
.public-view .account-button{background:transparent!important;border:1px solid #dce1ed!important;color:#14213d!important;border-radius:7px!important;font-weight:720!important;min-height:42px!important}
.public-view .account-button:hover{background:#eff6ff!important;border-color:#dbeafe!important}
.public-view .mobile-menu-button{color:#14213d!important;background:#f4f6ff!important;border:1px solid #e2e5f1!important;border-radius:8px!important}
.public-view .lp-header-panel{color:#2563eb!important}
/* Distinctive aurora hero with skewed lower edge */











.ff-pulse-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#2563eb;box-shadow:0 0 0 4px #2563eb1f}



.ff-hero-mini{display:flex;flex-wrap:wrap;gap:12px 23px;margin:0 0 27px;font-size:12px;font-weight:700;color:#1e3a8a}
.ff-hero-mini span{display:inline-flex;align-items:center;gap:8px}
.ff-hero-mini i{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#eff6ff;color:#1e3a8a;font-size:12px;font-style:normal}








.public-view .ff-launch-inline{display:flex;gap:14px;align-items:center;margin:22px 0 11px!important}
.public-view .ff-early-link{border:0!important;border-bottom:1px solid #2563eb!important;border-radius:0!important;background:transparent!important;padding:0 0 4px!important;color:#2563eb!important;font-size:12px!important;font-weight:800!important;box-shadow:none!important}
.public-view .ff-early-link:hover{color:#2563eb!important}
.public-view .ff-launch-inline small{color:#6d7991!important;font-size:11px!important}

/* Product mockup, intentionally labelled as a preview */

















.ff-badge-lilac{background:#eff6ff;color:#2563eb}
/* Under-hero proof strip and feature sections */
.public-view .ff-proof-strip{background:#fff!important;border-bottom:1px solid #edf0f7!important;padding:24px 0!important}.public-view .ff-proof-strip .lp-container{max-width:1240px;gap:0!important}
.public-view .ff-condition{border-right:1px solid #e6ebf3;padding:0 23px!important}.public-view .ff-condition:last-child{border-right:none}
.public-view .ff-condition svg{color:#2563eb!important}.public-view .ff-condition strong{color:#14213d!important;font-size:12px!important}.public-view .ff-condition p{color:#6b7e96!important;font-size:11px!important;line-height:1.5}
.public-view .ff-section{padding-block:94px!important;max-width:1220px}
.public-view .ff-kicker{color:#2563eb!important;font-size:11px!important;letter-spacing:.14em!important;font-weight:830!important;display:inline-flex!important;gap:0!important}
.public-view .ff-kicker:before{display:none!important}
.public-view .ff-section-heading h2,.public-view .ff-cost h2,.public-view .ff-company h2{font-family:InterDisplay,Inter,ui-sans-serif,system-ui,sans-serif!important;font-size:clamp(33px,3.65vw,51px)!important;line-height:1.13!important;letter-spacing:-.045em!important;font-weight:810!important;color:#14213d!important}
.public-view .ff-section-heading h2 em,.public-view .ff-cost h2 em,.public-view .ff-company h2 em{color:#2563eb!important;font-style:normal!important}
.public-view .ff-section-heading>p{color:#5e6d86!important;font-size:14px!important;line-height:1.8!important}
.public-view .ff-categories{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;border:0!important}
.public-view .ff-category,.public-view .ff-category:first-child,.public-view .ff-category:last-child{background:#fff!important;border:1px solid #e7eaf4!important;border-radius:13px!important;padding:28px 24px!important;min-height:225px!important;box-shadow:0 10px 35px #1b2d5b09!important}
.public-view .ff-category:hover{border-color:#bfdbfe!important;box-shadow:0 16px 40px #2563eb1c!important;transform:translateY(-4px)!important}
.public-view .ff-category-art{background:#eff6ff!important;color:#2563eb!important;border-radius:12px!important;width:54px!important;height:54px!important}
.public-view .ff-category:nth-child(2) .ff-category-art{background:#eff6ff!important;color:#1e3a8a!important}
.public-view .ff-category:nth-child(3) .ff-category-art{background:#eaf3ff!important;color:#4085d9!important}
.public-view .ff-category:nth-child(4) .ff-category-art{background:#fff0eb!important;color:#d77c5d!important}
.public-view .ff-category-text strong{color:#162d4a!important;font-weight:800!important;font-size:15px!important}
.public-view .ff-category-text small{color:#64768c!important;font-size:12px!important;line-height:1.6!important}
.public-view .ff-soft-band{background:#f7f9fe!important}
.public-view .ff-benefit-card{border:1px solid #e6eaf5!important;border-radius:15px!important;background:#fff!important;box-shadow:var(--shadow)!important}
.public-view .ff-benefit-card h3{color:#14213d!important}.public-view .ff-benefit-card p{color:#5c6b84!important}
.public-view .ff-text-button{color:#2563eb!important;font-weight:770!important}
.public-view .ff-visual-process{gap:13px!important}.public-view .ff-visual-process>li{border:1px solid #e4e9f4!important;border-radius:14px!important;background:#fff!important;box-shadow:0 8px 22px #1425500b!important}
.public-view .ff-visual-process>li h3{color:#19324f!important}
.public-view .ff-visual-process>li p{color:#667790!important}
.public-view .ff-cost{background:linear-gradient(118deg,#14213d 8%,#172f70 64%,#2563eb 130%)!important;color:#fff!important;border-radius:18px!important;padding:60px!important;margin-block:36px!important;position:relative;overflow:hidden}
.public-view .ff-cost:before{content:"";position:absolute;inset:-90px -210px auto auto;width:470px;height:470px;background:radial-gradient(circle,#2563eb7a,transparent 72%);pointer-events:none}
.public-view .ff-cost h2{color:#fff!important}.public-view .ff-cost h2 em{color:#9dc8ff!important}.public-view .ff-cost .ff-kicker{color:#a9bcff!important}
.public-view .ff-cost p,.public-view .ff-cost small{color:#d2ddf6!important}
.public-view .ff-cost .primary{background:#fff!important;border-color:#fff!important;color:#14213d!important;border-radius:8px!important;font-weight:800!important}
.public-view .ff-trust-grid{gap:20px!important}.public-view .ff-trust-grid article{background:#fff!important;border:1px solid #e6eaf3!important;border-radius:14px!important;padding:29px!important;box-shadow:0 10px 30px #1b2d5b0a!important}.public-view .ff-trust-icon{background:#eff6ff!important;color:#2563eb!important;border-radius:11px!important}
.public-view .ff-trust-grid h3{color:#14213d!important}.public-view .ff-trust-grid p{color:#62758e!important}
.public-view .ff-company{background:#fff!important}.public-view .ff-company-facts{border-color:#e5eaf4!important}
.public-view .ff-lookup{background:#f8f9fe!important;border:1px solid #edf0f7!important;border-radius:18px!important;margin-block:25px!important;padding:48px!important;max-width:1220px!important}
.public-view .ff-faq{background:white!important}
.public-view .ff-final-cta{border-radius:18px!important;background:linear-gradient(120deg,#eaf0ff,#eff6ff)!important;border:1px solid #eff6ff!important;color:#14213d!important;padding:52px!important}
.public-view .ff-final-cta h2{color:#14213d!important}.public-view .ff-final-cta .primary{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important;border-radius:8px!important}
.public-view .site-footer{background:#14213d!important;color:#c5d4ea!important}.public-view .site-footer strong{color:#fff!important}.public-view .site-footer a:hover{color:#bfdbfe!important}
/* Apply the same product design language to all views and protected panels */
body:not(.public-view){background:#f7f9fe!important;color:#14213d}
body:not(.public-view) .site-header .account-button{border-radius:8px!important}
.workspace-nav{background:#14213d!important;border-right:1px solid #14213d!important;color:#d8e4f4!important}
.workspace-nav .workspace-label{color:#91a7c8!important}.workspace-nav button{color:#c6d7ec!important;border-radius:8px!important;font-weight:650!important}
.workspace-nav button:hover,.workspace-nav button[aria-current="page"]{background:#243b68!important;color:#fff!important}
.workspace-nav button[aria-current="page"]{box-shadow:inset 3px 0 #bfdbfe!important}
.workspace-nav .workspace-bottom{color:#91a7c8!important}
#page-create,#page-overview,#page-list,#page-room,#page-transaction,#page-verification,#page-admin{color:#14213d}
#page-create .panel,#page-transaction .panel,#page-room .panel,#page-list .panel,#page-overview .panel,#page-verification .panel,#page-admin .panel{background:#fff!important;border:1px solid #e4eaf4!important;border-radius:14px!important;box-shadow:0 10px 32px #11255009!important}
body:not(.public-view) .primary,body:not(.public-view) button.primary,.primary.create-submit,#startForm .primary,#earlyAccessDialog .primary{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important;border-radius:8px!important;font-weight:760!important;box-shadow:0 6px 15px #2563eb1d!important}
body:not(.public-view) .primary:hover,.primary.create-submit:hover{background:#2563eb!important;box-shadow:0 8px 21px #2563eb35!important}
body:not(.public-view) .secondary,body:not(.public-view) button.secondary{background:#fff!important;border:1px solid #dfe4f0!important;color:#172e4c!important;border-radius:8px!important;font-weight:700!important}
body:not(.public-view) .secondary:hover{background:#eff6ff!important;border-color:#dbeafe!important}
body:not(.public-view) input,body:not(.public-view) select,body:not(.public-view) textarea,dialog input,dialog textarea,dialog select,.public-view #lookupCode,.public-view #calcAmount{border:1px solid #dae2f0!important;border-radius:9px!important;color:#17314f!important;background:#fff!important}
body:not(.public-view) input:focus,body:not(.public-view) select:focus,body:not(.public-view) textarea:focus,dialog input:focus{border-color:#2563eb!important;outline:3px solid #eff6ff!important;outline-offset:0!important}
body:not(.public-view) input[type="checkbox"],dialog input[type="checkbox"]{accent-color:#2563eb!important}
.page-heading .kicker,.dashboard-top .kicker,.workspace-heading .kicker{color:#2563eb!important}
#page-create h1,#page-list h1,#page-overview h1,#page-room h1,#page-admin h1,#page-verification h1{color:#14213d!important;letter-spacing:-.038em!important}
.create-aside{border-top:3px solid #2563eb!important}
.badge.approved{background:#eff6ff!important;color:#1e3a8a!important}
.dashboard-stats>*,.overview-metrics>*{border-color:#e2e8f4!important;border-radius:13px!important;box-shadow:0 6px 24px #1e2b5b08!important}
.filter-tabs button[aria-selected="true"],.filter-tabs button.active{background:#eff6ff!important;color:#2563eb!important}
.verification-banner{background:#eff6ff!important;border-color:#eff6ff!important;color:#1e3a8a!important}
#earlyAccessDialog,.ff-early-dialog,dialog:not(#menuDialog){border:1px solid #e2e7f2!important;border-radius:17px!important;box-shadow:0 30px 90px #14213d4d!important}
dialog::backdrop{background:#14213da1!important;backdrop-filter:blur(3px)}
#earlyAccessDialog .ff-early-submit{background:#2563eb!important;border-color:#2563eb!important;border-radius:8px!important;color:#fff!important}
#earlyAccessDialog .ff-early-icon{background:#eff6ff!important;color:#2563eb!important}
#earlyAccessDialog .ff-early-kicker{color:#2563eb!important}
#earlyAccessDialog h2{color:#14213d!important}
#earlyAccessDialog .ff-early-consent input{accent-color:#2563eb!important}
#earlyAccessDialog .ff-early-x{background:#f2f4fc!important;color:#14213d!important}
#earlyAccessDialog #earlyAccessSuccess strong{color:#1e3a8a!important}
#page-room .room-main,#page-room .room-guide{border-top:2px solid #eff6ff!important}
/* Breakpoints tested at 1440 / 1280 / 768 / 390 CSS pixels */
@media(max-width:1200px){
 
 
 
 .public-view .ff-categories{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .public-view .ff-category{min-height:185px!important}
}
@media(max-width:930px){
 
 
 
 
 
 
 
 
 .public-view .ff-section{padding-block:65px!important}
 .public-view .ff-proof-strip .lp-container{gap:16px!important}
}
@media(max-width:680px){
 .site-header .header-row,.public-view .header-row{height:67px!important;padding-left:18px!important;padding-right:18px!important}
 .site-header .brand-logo{width:114px!important}
 
 
 
 
 
 .ff-hero-mini{gap:8px 12px;font-size:10px;margin-bottom:18px}
 
 
 
 
 
 .public-view .ff-launch-inline{margin:21px 0 7px!important;gap:9px}
 .public-view .ff-launch-inline small{font-size:10px!important}
 
 
 
 
 
 
 
 
 
 .public-view .ff-proof-strip{padding:19px 0!important}
 .public-view .ff-condition{border:0!important;padding:0!important}
 .public-view .ff-condition svg{width:25px!important;height:25px!important}
 .public-view .ff-section{padding-block:59px!important}
 .public-view .ff-section-heading h2,.public-view .ff-cost h2,.public-view .ff-company h2{font-size:clamp(30px,8vw,39px)!important;letter-spacing:-.044em!important}
 .public-view .ff-categories{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .public-view .ff-category,.public-view .ff-category:first-child,.public-view .ff-category:last-child{padding:18px 14px!important;min-height:177px!important;border-radius:12px!important}
 .public-view .ff-category-art{width:46px!important;height:46px!important}
 .public-view .ff-category-text strong{font-size:13px!important}
 .public-view .ff-category-text small{font-size:10px!important}
 .public-view .ff-benefit-card{padding:23px!important}
 .public-view .ff-cost{padding:30px 22px!important;border-radius:13px!important;margin-block:17px!important}
 .public-view .ff-trust-grid article{padding:22px!important}
 .public-view .ff-lookup{padding:27px 20px!important;margin-block:12px!important}
 .public-view .ff-final-cta{padding:30px 20px!important;border-radius:13px!important}
}
@media(max-width:390px){.public-view .ff-launch-inline{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
/* Dialogs and onboarding carry the same visual identity even for guest visitors. */
dialog .primary,dialog button.primary,dialog button[type="submit"].primary{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important;border-radius:8px!important;font-weight:770!important}
dialog .primary:hover{background:#1d4ed8!important}
dialog .secondary{border-radius:8px!important;border-color:#dfe5f0!important;color:#14213d!important;background:#fff!important}
dialog h2,dialog h3{color:#14213d!important;letter-spacing:-.025em}
dialog input:not([type="checkbox"]),dialog select,dialog textarea{border-radius:9px!important;border-color:#dfe4f0!important}
@media(max-width:930px){}
@media(max-width:680px){}
/* Resolve inherited v34 backgrounds and button colors in every public module. */
.public-view .ff-cost .ff-cost-copy{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important}
.public-view .ff-cost .ff-cost-copy h2{color:#fff!important}
.public-view .ff-cost .ff-cost-copy>div>p,.public-view .ff-cost .ff-cost-actions small{color:#dce5f8!important}
.public-view #page-home button.primary{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important;border-radius:8px!important;box-shadow:0 6px 18px #2563eb20!important}
.public-view #page-home button.primary:hover{background:#1d4ed8!important;border-color:#1d4ed8!important}
.public-view #page-home .ff-cost button.primary{background:#fff!important;border-color:#fff!important;color:#14213d!important;box-shadow:none!important}
.public-view .ff-category-arrow{color:#2563eb!important}
.public-view .ff-visual-process>li .ff-process-number,.public-view .ff-visual-process>li i{color:#2563eb!important}
/* Workspace brand contrast and consistent legal/action accents. */
.workspace-nav .workspace-brand{display:inline-flex!important;align-items:center;justify-content:center;background:#fff!important;border:1px solid #ebedf6!important;border-radius:10px!important;padding:8px 10px!important;max-width:calc(100% - 30px)!important;width:158px!important;margin:13px 15px 17px!important}
.workspace-nav .workspace-brand .brand-logo{width:137px!important;max-width:100%!important;height:auto!important}
body:not(.public-view) .legal-inline,.public-view #page-create .legal-inline,.public-view .legal-inline{color:#2563eb!important}
#page-create details>summary{border-color:#e1e7f3!important}
#page-create details>summary:hover{background:#eff6ff!important}