*{box-sizing:border-box}html{background:#17121f;color:#f7f1e8;scroll-behavior:smooth}body{margin:0;background:#17121f;color:#f7f1e8;font-family:"Source Serif 4",Georgia,serif;font-size:1.05rem;line-height:1.65;overflow-x:visible}body:before{content:"";position:relative;inset:auto;pointer-events:none;opacity:.055;background-image:radial-gradient(#fff 0.55px,transparent .7px);background-size:5px 5px;z-index:0}.site-shell{position:relative;z-index:1;width:100%;min-height:100%;background:#17121f}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:74px;padding:.75rem 1rem;border-bottom:1px solid #5a4a66;background:#17121f}.site-header:after{content:"ON AIR / AI POSLOVANJE";align-self:stretch;display:flex;align-items:center;padding:0 .55rem;border-left:1px solid #5a4a66;color:#9fe6bf;font:700 .65rem/1 "Space Grotesk","Arial Narrow",Arial,sans-serif;letter-spacing:.12em}.site-header a{color:inherit}.brand{font:800 1.55rem/.95 "Space Grotesk","Arial Narrow",Arial,sans-serif;letter-spacing:-.07em;text-decoration:none}.brand:after{content:".";color:#9fe6bf}.site-nav{display:flex;align-items:center;justify-content:center;gap:.35rem;flex:1}.site-nav a{padding:.35rem .7rem;border:1px solid transparent;border-radius:999px;color:#c8bdc9;font:700 .72rem/1 "Space Grotesk","Arial Narrow",Arial,sans-serif;letter-spacing:.05em;text-decoration:none;text-transform:uppercase}.site-nav a:hover,.site-nav a:focus,.site-nav a[aria-current=page]{color:#17121f;background:#9fe6bf;border-color:#9fe6bf;outline:none}.nav-toggle{display:none;border:1px solid #9fe6bf;background:transparent;color:#9fe6bf;padding:.62rem .7rem;font:700 .7rem/1 "Space Grotesk","Arial Narrow",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}.nav-toggle:after{content:" ››";font-size:1rem}.site-main{display:block;width:100%}.hero{position:relative;display:flex;flex-wrap:wrap;gap:1.25rem;align-items:stretch;padding:clamp(4rem,10vw,8rem) 1rem clamp(4rem,9vw,7rem);border-bottom:1px solid #5a4a66;background:#241b2e;overflow:hidden}.hero:before{content:"ADOPTAI / 15";position:relative;top:auto;right:auto;color:#c6a6e8;font:700 .65rem/1 "Space Grotesk","Arial Narrow",Arial,sans-serif;letter-spacing:.16em}.hero-copy{flex:1 1 min(10rem, 100%);max-width:44rem}.hero-proof{flex:1 1 min(10rem, 100%);display:flex;flex-direction:column;justify-content:flex-end;min-width:14rem;max-width:24rem}.eyebrow,.ribbon,.label{display:inline-block;width:max-content;max-width:100%;padding:.28rem .5rem;color:#17121f;background:#9fe6bf;font:800 .67rem/1.15 "Space Grotesk","Arial Narrow",Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}.eyebrow{margin-bottom:1.1rem}.hero h1{margin:0;max-width:11ch;font:800 clamp(3.25rem,10vw,7.8rem)/.86 "Space Grotesk","Arial Narrow",Arial,sans-serif;letter-spacing:-.095em;text-wrap:balance}.hero h1 em{color:#9fe6bf;font-style:normal}.hero-lead{max-width:37rem;margin:1.6rem 0 0;color:#c8bdc9;font-size:clamp(1.05rem,2vw,1.35rem)}.proof-card,.card{position:relative;border:1px solid #5a4a66;background:#2b2036;box-shadow:7px 7px 0 rgba(5,3,8,.24)}.proof-card{padding:1.1rem}.proof-card:before,.card:before{content:"";display:block;height:4px;margin:0 0 1rem;background:#c6a6e8}.proof-card blockquote{margin:0;color:#f7f1e8;font:700 1.55rem/1.08 "Space Grotesk","Arial Narrow",Arial,sans-serif;letter-spacing:-.045em}.proof-card cite{display:block;margin-top:1.25rem;color:#c8bdc9;font-size:.9rem;font-style:normal}.proof-ribbon{display:flex;align-items:center;gap:.7rem;margin-top:1rem;padding:.65rem .75rem;border-left:4px solid #9fe6bf;background:#17121f;color:#9fe6bf;font:700 .75rem/1.25 "Space Grotesk","Arial Narrow",Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em}.button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;margin-top:1.5rem;padding:.8rem 1rem;border:1px solid #9fe6bf;background:#9fe6bf;color:#17121f;font:800 .78rem/1 "Space Grotesk","Arial Narrow",Arial,sans-serif;letter-spacing:.07em;text-decoration:none;text-transform:uppercase;transition:background .25s ease,color .25s ease,border-color .25s ease}.button:after{content:"→";font-size:1.1rem}.button:hover,.button:focus{border-color:#f7f1e8;background:#f7f1e8;color:#17121f;outline:3px solid #c6a6e8;outline-offset:3px}.button.secondary{background:transparent;color:#9fe6bf}.section{padding:clamp(3.5rem,8vw,7rem) 1rem;border-bottom:1px solid #5a4a66}.section:nth-child(even){background:#1d1626}.section-heading{display:flex;flex-wrap:wrap;align-items:end;gap:1rem;margin-bottom:2rem}.section-heading>div{flex:1 1 min(10rem, 100%)}.section-kicker{display:block;margin-bottom:.6rem;color:#c6a6e8;font:800 .68rem/1 "Space Grotesk","Arial Narrow",Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}.section h2{margin:0;max-width:14ch;font:800 clamp(2.25rem,6vw,5rem)/.9 "Space Grotesk","Arial Narrow",Arial,sans-serif;letter-spacing:-.08em}.section-heading p{flex:1 1 min(10rem, 100%);max-width:32rem;margin:0;color:#c8bdc9}.section-grid{display:flex;flex-wrap:wrap;align-items:stretch;gap:1rem}.section-grid>.card,.section-grid>article{flex:1 1 min(10rem, 100%);min-width:0}.card{padding:1.1rem}.card:before{margin:0 0 1.2rem}.card:nth-child(2n){margin-top:2rem}.card h3{margin:0 0 .65rem;font:750 1.35rem/1.05 "Space Grotesk","Arial Narrow",Arial,sans-serif;letter-spacing:-.045em}.card p{margin:.4rem 0;color:#c8bdc9}.card-media{min-height:9rem;margin:0 0 1rem;padding:1rem;display:flex;align-items:flex-end;background:#34263f;color:#9fe6bf;font:800 1.5rem/.95 "Space Grotesk","Arial Narrow",Arial,sans-serif;letter-spacing:-.05em}.card-caption{display:block;margin-top:.75rem;color:#c6a6e8;font:700 .68rem/1.2 "Space Grotesk","Arial Narrow",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}.proof-banner{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem;border-top:4px solid #9fe6bf;border-bottom:1px solid #5a4a66;background:#241b2e}.proof-banner strong{flex:1 1 min(10rem, 100%);font:800 clamp(1.3rem,3vw,2.3rem)/.95 "Space Grotesk","Arial Narrow",Arial,sans-serif;letter-spacing:-.06em}.proof-banner span{flex:1 1 min(10rem, 100%);color:#c8bdc9}.faq-list{display:flex;flex-direction:column;gap:.65rem;max-width:48rem}.faq-list details{border:1px solid #5a4a66;background:#2b2036;padding:1rem 1.1rem}.faq-list summary{cursor:pointer;color:#f7f1e8;font:700 1.05rem/1.25 "Space Grotesk","Arial Narrow",Arial,sans-serif}.faq-list p{margin:.8rem 0 0;color:#c8bdc9}.contact-rail{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:flex-start}.contact-rail>div{flex:1 1 min(10rem, 100%)}form{display:flex;flex-direction:column;gap:.8rem;max-width:34rem}label{color:#c8bdc9;font:700 .72rem/1.2 "Space Grotesk","Arial Narrow",Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}input,textarea,select{width:100%;margin-top:.35rem;padding:.8rem;border:1px solid #5a4a66;border-radius:0;background:#17121f;color:#f7f1e8;font:1rem "Source Serif 4",Georgia,serif}textarea{min-height:8rem;resize:vertical}input:focus,textarea:focus,select:focus{border-color:#9fe6bf;outline:3px solid rgba(159,230,191,.22)}.form-status{min-height:1.5rem;margin:0;color:#9fe6bf;font:700 .82rem/1.3 "Space Grotesk","Arial Narrow",Arial,sans-serif}.site-footer{padding:3rem 1rem 1.25rem;background:#0f0b15;border-top:4px solid #9fe6bf}.footer-recap{display:flex;flex-wrap:wrap;gap:1.5rem;padding-bottom:2.2rem}.footer-recap>div{flex:1 1 min(10rem, 100%)}.footer-recap h2{margin:0;max-width:13ch;font:800 clamp(2.2rem,6vw,5rem)/.88 "Space Grotesk","Arial Narrow",Arial,sans-serif;letter-spacing:-.09em}.footer-recap p{max-width:30rem;color:#c8bdc9}.footer-contact{padding:1rem 0;border-top:1px solid #5a4a66;color:#c8bdc9}.footer-contact a{color:#9fe6bf}.footer-links{display:flex;flex-wrap:wrap;gap:1.5rem;padding:1.5rem 0;border-top:1px solid #5a4a66}.footer-links section{flex:1 1 min(10rem,100%)}.footer-links h3{margin:0 0 .6rem;color:#c6a6e8;font:800 .7rem/1 "Space Grotesk","Arial Narrow",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.footer-links a{display:block;width:max-content;max-width:100%;margin:.35rem 0;color:#f7f1e8;text-decoration:underline;text-decoration-color:#9fe6bf;text-underline-offset:.2em}.footer-links a:hover,.footer-links a:focus{color:#9fe6bf}.footer-legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;padding-top:1rem;border-top:1px solid #5a4a66;color:#8f8295;font-size:.78rem}.reveal{animation:calm-reveal .7s ease both}@keyframes calm-reveal{from{opacity:0}to{opacity:1}}@media(max-width:767px){.site-header{align-items:flex-start;flex-wrap:wrap}.site-header:after{display:none}.site-nav{display:none;order:3;flex-basis:100%;flex-direction:column;align-items:stretch;padding:.65rem;background:#2b2036;border:1px solid #5a4a66}.site-nav.is-open{display:flex}.site-nav a{border-radius:0;padding:.75rem;border-bottom:1px solid #5a4a66}.site-nav a:last-child{border-bottom:0}.nav-toggle{display:block;margin-left:auto}.hero-proof{max-width:none}.hero h1{font-size:clamp(3rem,15vw,5.4rem)}.card:nth-child(2n){margin-top:0}.section-grid>.card,.section-grid>article{flex-basis:100%}.footer-links{flex-direction:column;gap:1rem}.footer-links section{flex-basis:auto}.footer-links a{width:auto}.footer-legal{display:block}.footer-legal>*{display:block;margin:.35rem 0}}@media(min-width:768px){.hero-copy{padding-left:clamp(0rem,5vw,4rem)}.hero-proof{margin-left:auto}.section-grid>.card:nth-child(3n){margin-top:4rem}.footer-recap{align-items:flex-end}}@media(max-width:390px){body{font-size:1rem}.site-header{padding:.7rem}.hero,.section,.site-footer{padding-left:.7rem;padding-right:.7rem}.hero{padding-top:3.7rem}.hero h1{font-size:3rem}.button{width:100%}.proof-card blockquote{font-size:1.3rem}}@media(max-width:375px){.brand{font-size:1.35rem}.nav-toggle{padding:.55rem}.section h2{font-size:2.2rem}}@media(max-width:320px){.hero h1{font-size:2.75rem}.hero{gap:1rem}.card,.proof-card{padding:.9rem}.card:before,.proof-card:before{margin:0 0 .9rem}}
body.fp-unique-render {
--fp-bg: #f8f4f7;
--fp-surface: #ffffff;
--fp-text: #0f172a;
--fp-muted: #0f172a;
--fp-accent: #8c3e78;
--fp-accent-2: #d4aad6;
--fp-on-accent: #ffffff;
--fp-on-accent-2: #0f172a;
--fp-border: #e5d8e8;
--fp-shadow: rgba(67, 40, 76, 0.14);
--fp-font-heading: "Iowan Old Style", Georgia, serif;
--fp-font-body: "Gill Sans", "Segoe UI", Arial, sans-serif;
--fp-radius: 4px;
font-family: var(--font-body, var(--fp-font-body));
}
body.fp-unique-render h1,
body.fp-unique-render h2,
body.fp-unique-render h3 {
font-family: var(--font-heading, var(--fp-font-heading));
}
body.fp-unique-render header,
body.fp-unique-render .site-header {
border-color: color-mix(in srgb, var(--accent, var(--fp-accent)), transparent 55%);
}
body.fp-unique-render header :where(a, button, .nav-link, .brand),
body.fp-unique-render .site-header :where(a, button, .nav-link, .brand) {
text-decoration-color: currentColor;
}
body.fp-unique-render header :where(.active, [aria-current="page"]),
body.fp-unique-render .site-header :where(.active, [aria-current="page"]) {
color: var(--on-accent-2, var(--fp-on-accent-2));
background: var(--accent-2, var(--fp-accent-2));
border-color: color-mix(in srgb, var(--accent-2, var(--fp-accent-2)) 72%, var(--border, var(--fp-border)) 28%);
}
body.fp-unique-render :where(.cta-primary, .primary, .button-primary, button[type="submit"]) {
color: var(--on-accent, var(--fp-on-accent));
background: var(--accent, var(--fp-accent));
}
body.fp-unique-render :where(.cta-secondary, .secondary, .button-secondary) {
color: var(--text, var(--fp-text));
background: var(--surface, var(--fp-surface));
}
body.fp-unique-render .hero,
body.fp-unique-render .hero-section {
border-color: color-mix(in srgb, var(--accent, var(--fp-accent)), transparent 40%);
}
body.fp-unique-render .page-intro {
width: min(52rem, calc(100% - 2rem));
max-width: 52rem;
margin: 0 auto 1.5rem;
padding: 0.2rem 0 1rem;
box-sizing: border-box;
border-bottom: 1px solid color-mix(in srgb, var(--border, var(--fp-border)), var(--accent, var(--fp-accent)) 22%);
}
body.fp-unique-render .page-intro h1 {
margin: 0;
max-width: 24ch;
}
body.fp-unique-render .page-intro :where(.lead, .page-intro__lead) {
max-width: 68ch;
color: var(--muted, var(--fp-muted));
}
body.fp-unique-render .fp-content-block,
body.fp-unique-render article,
body.fp-unique-render main > section:not(:first-child) {
border-radius: var(--radius, var(--fp-radius));
}
body.fp-unique-render.visual-technical h1,
body.fp-unique-render.visual-technical .nav-link,
body.fp-unique-render.visual-technical button {
letter-spacing: 0;
text-transform: uppercase;
}
body.fp-unique-render.visual-technical .fp-content-block,
body.fp-unique-render.visual-technical article,
body.fp-unique-render.visual-technical main > section:not(:first-child) {
border-style: dashed;
box-shadow: none;
}
body.fp-unique-render.visual-organic .fp-content-block,
body.fp-unique-render.visual-organic article,
body.fp-unique-render.visual-organic main > section:not(:first-child) {
border-radius: max(22px, var(--radius, var(--fp-radius)));
border-color: color-mix(in srgb, var(--accent-2, var(--fp-accent-2)), transparent 42%);
}
body.fp-unique-render.visual-dark .fp-content-block,
body.fp-unique-render.visual-dark article,
body.fp-unique-render.visual-dark main > section:not(:first-child) {
box-shadow: 0 24px 80px color-mix(in srgb, var(--shadow, var(--fp-shadow)), black 24%);
}
body.fp-unique-render.visual-brutalist .fp-content-block,
body.fp-unique-render.visual-brutalist article,
body.fp-unique-render.visual-brutalist main > section:not(:first-child) {
border: 2px solid var(--text, var(--fp-text));
border-radius: 0;
box-shadow: 8px 8px 0 color-mix(in srgb, var(--accent, var(--fp-accent)), transparent 15%);
}
body.fp-unique-render.visual-poster h1 {
max-width: 11ch;
text-transform: uppercase;
}
body.fp-unique-render.visual-poster main > section:first-child {
border-radius: 0;
border-width: 3px;
}
body.fp-unique-render.visual-luxury .fp-content-block,
body.fp-unique-render.visual-luxury article,
body.fp-unique-render.visual-luxury main > section:not(:first-child) {
border-width: 1px;
box-shadow: 0 18px 60px color-mix(in srgb, var(--shadow, var(--fp-shadow)), transparent 18%);
}
body.fp-unique-render.visual-catalog main {
background-image: repeating-linear-gradient(0deg, transparent 0 96px, color-mix(in srgb, var(--border, var(--fp-border)), transparent 28%) 96px 97px);
}
body.fp-unique-render.visual-transit header,
body.fp-unique-render.visual-transit .site-header {
border-bottom-width: 4px;
}
body.fp-unique-render.visual-transit .nav-link,
body.fp-unique-render.visual-transit button,
body.fp-unique-render.visual-transit .inline-cta {
border-radius: 0.35rem;
}
body.fp-unique-render.header-layout-stacked header nav,
body.fp-unique-render.header-layout-stacked .main-nav {
justify-content: flex-start;
}
body.fp-unique-render.header-layout-capsule header nav,
body.fp-unique-render.header-layout-capsule .main-nav {
border-radius: 999px;
}
body.fp-unique-render.hero-layout-reverse .hero {
direction: rtl;
}
body.fp-unique-render.hero-layout-reverse .hero > * {
direction: ltr;
}
body.fp-unique-render.hero-layout-stacked .hero {
display: block;
}
body.fp-unique-render.hero-layout-spotlight .hero {
min-height: 0;
align-items: end;
}
body [data-fp-curated-block] {
box-sizing: border-box;
display: block !important;
width: min(100%, 72rem);
margin: clamp(1.5rem, 4vw, 4rem) auto;
padding: clamp(1rem, 3vw, 2rem);
color: var(--text, var(--fp-text, #172033));
background: var(--surface, var(--fp-surface, #ffffff));
border: 1px solid var(--border, var(--fp-border, #d7dde8));
border-inline-start: 3px solid var(--accent, var(--fp-accent, #2563eb));
border-radius: var(--radius, var(--fp-radius, 14px));
}
body [data-fp-curated-block] > h2 {
margin: 0;
color: inherit;
}
body [data-fp-curated-block] > p {
margin: 0.65rem 0 0;
max-width: 66ch;
}
body [data-fp-curated-block] :is(.case-study-flow, .principles-list, .fit-check-list, .document-checklist, .coverage-list) {
list-style: none;
margin: 1rem 0 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 0.6rem;
}
body [data-fp-curated-block] .scenario-selector,
body [data-fp-curated-block] .coverage-list {
display: flex;
flex-wrap: wrap;
gap: 0.6rem;
}
body [data-fp-curated-block] :is(.case-study-step, .principle-item, .fit-check-list li, .document-checklist li, .coverage-item, .scenario-option) {
display: flex;
align-items: flex-start;
gap: 0.65rem;
min-width: 0;
padding: 0.65rem 0.75rem;
color: inherit;
text-decoration: none;
border: 1px solid color-mix(in srgb, var(--border, #d7dde8) 82%, var(--accent, #2563eb));
border-radius: calc(var(--radius, var(--fp-radius, 14px)) - 4px);
}
body [data-fp-curated-block] :is(.scenario-option, .coverage-item) {
flex: 1 1 15rem;
}
body [data-fp-curated-block] :is(.case-study-step-index, .principle-index, .scenario-option-index, .fit-check-list-mark, .document-checklist-mark, .coverage-item-pin) {
flex: 0 0 auto;
color: var(--accent, var(--fp-accent, #2563eb));
font-weight: 800;
}
body [data-fp-curated-block] :is(.case-study-step p, .principle-item p, .coverage-item p) {
margin: 0;
}
.fp-contact-form-shell {
margin: 1.4rem 0 0;
padding: 1.2rem;
border-radius: 1.6rem;
border: 1px solid color-mix(in srgb, var(--border, #cbd5e1) 80%, transparent);
background:
radial-gradient(circle at top right, color-mix(in srgb, var(--accent, #2563eb) 18%, transparent) 0, transparent 42%),
linear-gradient(180deg, color-mix(in srgb, var(--surface, #ffffff) 92%, transparent) 0%, color-mix(in srgb, var(--bg, #ffffff) 96%, transparent) 100%);
box-shadow: 0 24px 46px -34px var(--shadow, rgba(15, 23, 42, 0.32));
}
.fp-contact-form-shell__content {
display: flex;
flex-direction: column;
gap: 0.85rem;
}
.fp-contact-form-shell__eyebrow {
margin: 0;
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: color-mix(in srgb, var(--muted, #64748b) 76%, var(--text, #0f172a) 24%);
}
.fp-contact-form-shell__title {
margin: 0;
line-height: 1.12;
}
.fp-contact-form-shell__body {
margin: 0;
max-width: 62ch;
color: color-mix(in srgb, var(--text, #0f172a) 86%, var(--muted, #64748b) 14%);
}
.fp-contact-form,
form.fp-contact-form-enhanced {
display: flex;
flex-direction: column;
gap: 1rem;
margin-top: 0.35rem;
}
.fp-contact-form__grid,
form.fp-contact-form-enhanced .fp-contact-form__grid {
display: flex;
flex-wrap: wrap;
gap: 0.9rem;
}
.fp-contact-form__field {
display: flex;
min-width: 0;
flex: 1 1 14rem;
flex-direction: column;
gap: 0.42rem;
}
.fp-contact-form__field--full {
flex-basis: 100%;
}
.fp-contact-form__field span {
font-size: 0.8rem;
font-weight: 700;
color: color-mix(in srgb, var(--text, #0f172a) 80%, var(--muted, #64748b) 20%);
}
.fp-contact-form input,
.fp-contact-form textarea,
form.fp-contact-form-enhanced input,
form.fp-contact-form-enhanced textarea,
form.fp-contact-form-enhanced select {
width: 100%;
border-radius: 1rem;
border: 1px solid color-mix(in srgb, var(--border, #cbd5e1) 82%, transparent);
background: color-mix(in srgb, var(--surface, #ffffff) 94%, transparent);
color: var(--text, #0f172a);
padding: 0.82rem 0.95rem;
font: inherit;
line-height: 1.4;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
}
.fp-contact-form textarea,
form.fp-contact-form-enhanced textarea {
min-height: 8.5rem;
resize: vertical;
}
.fp-contact-form input:focus,
.fp-contact-form textarea:focus,
form.fp-contact-form-enhanced input:focus,
form.fp-contact-form-enhanced textarea:focus,
form.fp-contact-form-enhanced select:focus {
outline: none;
border-color: color-mix(in srgb, var(--accent, #2563eb) 72%, white 28%);
box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent, #2563eb) 16%, transparent);
}
.fp-contact-form__footer,
form.fp-contact-form-enhanced .fp-contact-form__footer {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.8rem;
}
.fp-contact-form__submit,
form.fp-contact-form-enhanced button[type="submit"],
form.fp-contact-form-enhanced input[type="submit"] {
appearance: none;
border: none;
border-radius: 999px;
padding: 0.86rem 1.15rem;
font: inherit;
font-size: 0.92rem;
font-weight: 700;
color: white;
background: linear-gradient(135deg, color-mix(in srgb, var(--accent, #2563eb) 88%, white 12%), color-mix(in srgb, var(--accent_2, #0ea5e9) 78%, white 22%));
box-shadow: 0 18px 34px -26px color-mix(in srgb, var(--accent, #2563eb) 82%, transparent);
cursor: pointer;
transition: transform 160ms ease, opacity 160ms ease;
}
.fp-contact-form__submit:hover,
form.fp-contact-form-enhanced button[type="submit"]:hover,
form.fp-contact-form-enhanced input[type="submit"]:hover {
transform: translateY(0);
}
.fp-contact-form__submit:disabled,
form.fp-contact-form-enhanced button[type="submit"]:disabled,
form.fp-contact-form-enhanced input[type="submit"]:disabled {
cursor: progress;
opacity: 0.86;
}
.fp-contact-form__status,
form.fp-contact-form-enhanced .fp-contact-form__status {
margin: 0;
font-size: 0.84rem;
line-height: 1.45;
color: color-mix(in srgb, var(--muted, #64748b) 84%, var(--text, #0f172a) 16%);
}
.fp-contact-form__status[data-state="sending"]::before,
form.fp-contact-form-enhanced .fp-contact-form__status[data-state="sending"]::before {
content: "";
display: inline-block;
width: 0.85rem;
height: 0.85rem;
margin-right: 0.45rem;
border-radius: 999px;
border: 2px solid color-mix(in srgb, var(--accent, #2563eb) 22%, transparent);
border-top-color: color-mix(in srgb, var(--accent, #2563eb) 84%, white 16%);
vertical-align: -0.12rem;
animation: fp-contact-spin 0.7s linear infinite;
}
.fp-contact-form__status[data-state="success"],
form.fp-contact-form-enhanced .fp-contact-form__status[data-state="success"] {
color: color-mix(in srgb, #15803d 72%, var(--text, #0f172a) 28%);
}
.fp-contact-form__status[data-state="error"],
form.fp-contact-form-enhanced .fp-contact-form__status[data-state="error"] {
color: color-mix(in srgb, #b91c1c 76%, var(--text, #0f172a) 24%);
}
@keyframes fp-contact-spin {
to { transform: rotate(360deg); }
}
@media (max-width: 820px) {
.fp-contact-form-shell {
padding: 1rem;
border-radius: 1.2rem;
}
.fp-contact-form__grid,
form.fp-contact-form-enhanced .fp-contact-form__grid {
flex-wrap: wrap;
}
.fp-contact-form__field {
flex-basis: 100%;
}
.fp-contact-form__footer,
form.fp-contact-form-enhanced .fp-contact-form__footer {
align-items: stretch;
}
.fp-contact-form__submit,
form.fp-contact-form-enhanced button[type="submit"],
form.fp-contact-form-enhanced input[type="submit"] {
width: 100%;
}
}
.fp-menu-toggle,
[data-fp-menu-toggle] {
display: none !important;
align-items: center;
justify-content: center;
gap: 0.45rem;
max-width: 100%;
border: 1px solid currentColor;
border-radius: 999px;
background: color-mix(in srgb, var(--surface, #ffffff) 88%, var(--accent-2, #0ea5e9) 12%);
color: var(--text, #0f172a);
padding: 0.5rem 0.75rem;
font: inherit;
line-height: 1;
cursor: pointer;
position: relative;
z-index: 3;
min-height: 2.75rem;
min-width: 2.75rem;
transition: color 180ms ease, background 180ms ease, border-color 180ms ease, transform 180ms ease;
}
.fp-menu-toggle:hover,
[data-fp-menu-toggle]:hover {
transform: translateY(-1px);
}
.fp-menu-toggle__glyph,
[data-fp-menu-toggle] .fp-menu-toggle__glyph,
[data-fp-menu-toggle] .fp-menu-toggle__bars,
[data-fp-menu-toggle] .menu-toggle-box {
width: 1.05rem;
height: 1rem;
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 0.18rem;
position: relative;
flex: 0 0 auto;
}
[data-fp-menu-toggle] .fp-menu-toggle__glyph--bars span,
[data-fp-menu-toggle] .fp-menu-toggle__bars span,
[data-fp-menu-toggle] .menu-toggle-box span {
display: block;
width: 100%;
height: 2px;
border-radius: 999px;
background: currentColor;
transform-origin: center;
transition: transform 180ms ease, opacity 160ms ease, width 180ms ease;
}
.fp-menu-toggle__label--sr {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.fp-mobile-nav__close {
display: none !important;
align-items: center;
justify-content: center;
width: 2.5rem;
min-width: 2.5rem;
min-height: 2.5rem;
margin: 0 0 .3rem auto;
padding: 0;
border: 1px solid currentColor;
border-radius: 999px;
background: transparent;
color: inherit;
font: inherit;
font-size: 1.35rem;
line-height: 1;
cursor: pointer;
}
[data-fp-nav-trigger="dot-grid"] {
border-radius: calc(var(--radius, 14px) * .55);
padding: .5rem;
}
[data-fp-nav-trigger="dot-grid"] .fp-menu-toggle__glyph {
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: center;
gap: .16rem;
}
[data-fp-nav-trigger="dot-grid"] .fp-menu-toggle__glyph i {
display: block;
width: .29rem;
height: .29rem;
border-radius: 999px;
background: currentColor;
transition: transform 180ms ease, border-radius 180ms ease;
}
[data-fp-nav-trigger="dot-grid"][aria-expanded="true"] .fp-menu-toggle__glyph i:nth-child(1),
[data-fp-nav-trigger="dot-grid"][aria-expanded="true"] .fp-menu-toggle__glyph i:nth-child(4) {
transform: scale(1.22);
}
[data-fp-nav-trigger="editorial-wordmark"] {
min-width: auto;
border-width: 0 0 2px;
border-radius: 0;
background: transparent;
padding-inline: .18rem;
gap: .5rem;
font-family: var(--font-heading, inherit);
font-size: .75rem;
font-weight: 800;
letter-spacing: .16em;
text-transform: uppercase;
}
[data-fp-nav-trigger="editorial-wordmark"] .fp-menu-toggle__glyph {
width: 1.2rem;
height: .64rem;
border-block: 2px solid currentColor;
}
[data-fp-nav-trigger="editorial-wordmark"][aria-expanded="true"] .fp-menu-toggle__glyph {
transform: rotate(90deg);
}
[data-fp-nav-trigger="split-lines"] {
border-radius: .35rem;
padding: .5rem .62rem;
}
[data-fp-nav-trigger="split-lines"] .fp-menu-toggle__glyph {
align-items: flex-start;
gap: .29rem;
}
[data-fp-nav-trigger="split-lines"] .fp-menu-toggle__glyph span {
display: block;
height: 2px;
border-radius: 0;
background: currentColor;
transition: transform 180ms ease, width 180ms ease;
}
[data-fp-nav-trigger="split-lines"] .fp-menu-toggle__glyph span:first-child { width: 100%; }
[data-fp-nav-trigger="split-lines"] .fp-menu-toggle__glyph span:last-child { width: 62%; }
[data-fp-nav-trigger="split-lines"][aria-expanded="true"] .fp-menu-toggle__glyph span:first-child {
transform: translateY(3px) ;
}
[data-fp-nav-trigger="split-lines"][aria-expanded="true"] .fp-menu-toggle__glyph span:last-child {
width: 100%;
transform: translateY(-3px) ;
}
[data-fp-nav-trigger="round-glyph"] {
border-radius: 999px;
padding: .5rem;
background: color-mix(in srgb, var(--accent, #2563eb) 13%, var(--surface, #fff));
}
[data-fp-nav-trigger="round-glyph"] .fp-menu-toggle__glyph {
width: 1.08rem;
height: 1.08rem;
border: 1.7px solid currentColor;
border-radius: 999px;
}
[data-fp-nav-trigger="round-glyph"] .fp-menu-toggle__glyph span {
position: absolute;
width: .43rem;
height: 1.5px;
background: currentColor;
}
[data-fp-nav-trigger="round-glyph"] .fp-menu-toggle__glyph span:first-child { transform: translateY(-.16rem); }
[data-fp-nav-trigger="round-glyph"] .fp-menu-toggle__glyph span:last-child { transform: translateY(.16rem); }
[data-fp-nav-trigger="round-glyph"][aria-expanded="true"] .fp-menu-toggle__glyph span:first-child { transform: rotate(45deg); }
[data-fp-nav-trigger="round-glyph"][aria-expanded="true"] .fp-menu-toggle__glyph span:last-child { transform: rotate(-45deg); }
[data-fp-nav-trigger="index-plus"] {
border-radius: 0;
color: var(--on-accent, #fff);
background: var(--accent, #2563eb);
border-color: var(--accent, #2563eb);
padding: .5rem;
}
[data-fp-nav-trigger="index-plus"] .fp-menu-toggle__glyph {
width: 1rem;
height: 1rem;
}
[data-fp-nav-trigger="index-plus"] .fp-menu-toggle__glyph span {
position: absolute;
display: block;
width: 100%;
height: 2px;
background: currentColor;
transition: transform 180ms ease;
}
[data-fp-nav-trigger="index-plus"] .fp-menu-toggle__glyph span:last-child { transform: rotate(90deg); }
[data-fp-nav-trigger="index-plus"][aria-expanded="true"] .fp-menu-toggle__glyph span:first-child { transform: rotate(45deg); }
[data-fp-nav-trigger="index-plus"][aria-expanded="true"] .fp-menu-toggle__glyph span:last-child { transform: rotate(135deg); }
[data-fp-nav-trigger="bars-minimal"][aria-expanded="true"] .fp-menu-toggle__glyph span:nth-child(1) {
transform: translateY(4px) rotate(42deg);
}
[data-fp-nav-trigger="bars-minimal"][aria-expanded="true"] .fp-menu-toggle__glyph span:nth-child(2) {
opacity: 0;
}
[data-fp-nav-trigger="bars-minimal"][aria-expanded="true"] .fp-menu-toggle__glyph span:nth-child(3) {
transform: translateY(-4px) rotate(-42deg);
}
/* Four additional trigger families make the complete 50-profile catalogue
visually legible; they are intentionally shape-led rather than colour-led. */
[data-fp-nav-trigger="corner-frame"] {
border-radius: .15rem;
border-width: 2px;
background: transparent;
}
[data-fp-nav-trigger="corner-frame"] .fp-menu-toggle__glyph {
align-items: stretch;
gap: .28rem;
padding: .1rem 0;
}
[data-fp-nav-trigger="corner-frame"] .fp-menu-toggle__glyph span {
display: block;
width: 100%;
height: 2px;
background: currentColor;
transition: transform 180ms ease, width 180ms ease;
}
[data-fp-nav-trigger="corner-frame"] .fp-menu-toggle__glyph span:first-child {
align-self: flex-start;
width: 72%;
}
[data-fp-nav-trigger="corner-frame"] .fp-menu-toggle__glyph span:last-child {
align-self: flex-end;
width: 72%;
}
[data-fp-nav-trigger="corner-frame"][aria-expanded="true"] .fp-menu-toggle__glyph span:first-child {
width: 100%;
transform: translateY(3px) rotate(45deg);
}
[data-fp-nav-trigger="corner-frame"][aria-expanded="true"] .fp-menu-toggle__glyph span:last-child {
width: 100%;
transform: translateY(-3px) rotate(-45deg);
}
[data-fp-nav-trigger="chevron-pair"] {
border-radius: .4rem;
padding: .45rem .56rem;
}
[data-fp-nav-trigger="chevron-pair"] .fp-menu-toggle__glyph {
width: 1.15rem;
height: .9rem;
gap: .12rem;
}
[data-fp-nav-trigger="chevron-pair"] .fp-menu-toggle__glyph i {
display: block;
width: .62rem;
height: .62rem;
border-inline-end: 2px solid currentColor;
border-block-end: 2px solid currentColor;
transform: rotate(45deg);
transition: transform 180ms ease, margin 180ms ease;
}
[data-fp-nav-trigger="chevron-pair"] .fp-menu-toggle__glyph i:first-child {
margin-top: -.25rem;
}
[data-fp-nav-trigger="chevron-pair"] .fp-menu-toggle__glyph i:last-child {
margin-top: -.34rem;
}
[data-fp-nav-trigger="chevron-pair"][aria-expanded="true"] .fp-menu-toggle__glyph i:first-child {
margin-top: .13rem;
transform: rotate(225deg);
}
[data-fp-nav-trigger="chevron-pair"][aria-expanded="true"] .fp-menu-toggle__glyph i:last-child {
margin-top: -.62rem;
transform: rotate(225deg);
}
[data-fp-nav-trigger="staggered-bars"] {
border-radius: 0;
border-width: 0 0 1px;
padding: .45rem .32rem;
background: transparent;
}
[data-fp-nav-trigger="staggered-bars"] .fp-menu-toggle__glyph {
align-items: flex-start;
gap: .22rem;
}
[data-fp-nav-trigger="staggered-bars"] .fp-menu-toggle__glyph span {
display: block;
height: 2px;
border-radius: 0;
background: currentColor;
transition: transform 180ms ease, width 180ms ease, opacity 160ms ease;
}
[data-fp-nav-trigger="staggered-bars"] .fp-menu-toggle__glyph span:nth-child(1) { width: 100%; }
[data-fp-nav-trigger="staggered-bars"] .fp-menu-toggle__glyph span:nth-child(2) { width: 68%; }
[data-fp-nav-trigger="staggered-bars"] .fp-menu-toggle__glyph span:nth-child(3) { width: 84%; }
[data-fp-nav-trigger="staggered-bars"][aria-expanded="true"] .fp-menu-toggle__glyph span:nth-child(1) {
transform: translateY(4px) rotate(45deg);
}
[data-fp-nav-trigger="staggered-bars"][aria-expanded="true"] .fp-menu-toggle__glyph span:nth-child(2) {
opacity: 0;
}
[data-fp-nav-trigger="staggered-bars"][aria-expanded="true"] .fp-menu-toggle__glyph span:nth-child(3) {
width: 100%;
transform: translateY(-4px) rotate(-45deg);
}
[data-fp-nav-trigger="orbit-dots"] {
border-radius: 999px;
padding: .45rem;
}
[data-fp-nav-trigger="orbit-dots"] .fp-menu-toggle__glyph {
width: 1.12rem;
height: 1.12rem;
}
[data-fp-nav-trigger="orbit-dots"] .fp-menu-toggle__glyph i {
position: absolute;
display: block;
width: .28rem;
height: .28rem;
border: 1.5px solid currentColor;
border-radius: 999px;
transition: transform 180ms ease, background 180ms ease;
}
[data-fp-nav-trigger="orbit-dots"] .fp-menu-toggle__glyph i:nth-child(1) { transform: translate(-.31rem, -.2rem); }
[data-fp-nav-trigger="orbit-dots"] .fp-menu-toggle__glyph i:nth-child(2) { transform: translate(.31rem, -.2rem); }
[data-fp-nav-trigger="orbit-dots"] .fp-menu-toggle__glyph i:nth-child(3) { transform: translate(0, .31rem); }
[data-fp-nav-trigger="orbit-dots"][aria-expanded="true"] .fp-menu-toggle__glyph i {
background: currentColor;
}
[data-fp-nav-trigger="orbit-dots"][aria-expanded="true"] .fp-menu-toggle__glyph i:nth-child(1) { transform: translate(-.33rem, -.33rem); }
[data-fp-nav-trigger="orbit-dots"][aria-expanded="true"] .fp-menu-toggle__glyph i:nth-child(2) { transform: translate(.33rem, -.33rem); }
[data-fp-nav-trigger="orbit-dots"][aria-expanded="true"] .fp-menu-toggle__glyph i:nth-child(3) { transform: translate(0, .37rem); }
/* The renderer owns the glyph markup. All profile variants deliberately use
two, three, or four horizontal bars: only the line count, alignment and
shell vary. Keep this late in the cascade so model CSS or older profile
rules cannot turn a navigation control into dots, text, a circle, a plus,
or a chevron. */
[data-fp-menu-toggle] .fp-menu-toggle__glyph--bars {
width: 1.24rem !important;
height: auto !important;
min-height: 1rem !important;
display: inline-flex !important;
flex-flow: column nowrap !important;
align-items: flex-start !important;
align-content: initial !important;
justify-content: center !important;
gap: .22rem !important;
position: relative !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
transform: none !important;
}
[data-fp-menu-toggle] .fp-menu-toggle__glyph--bars::before,
[data-fp-menu-toggle] .fp-menu-toggle__glyph--bars::after {
content: none !important;
display: none !important;
}
[data-fp-menu-toggle] .fp-menu-toggle__glyph--bars > span {
display: block !important;
position: static !important;
flex: 0 0 2px !important;
width: 100% !important;
height: 2px !important;
min-height: 2px !important;
max-height: 2px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 999px !important;
background: currentColor !important;
opacity: 1 !important;
transform: none !important;
transform-origin: center !important;
}
[data-fp-menu-toggle][aria-expanded="true"] .fp-menu-toggle__glyph--bars > span {
opacity: 1 !important;
transform: none !important;
}
[data-fp-nav-trigger="dot-grid"] .fp-menu-toggle__glyph--bars > span:nth-child(even) {
width: 72% !important;
align-self: flex-end;
}
[data-fp-nav-trigger="editorial-wordmark"] .fp-menu-toggle__glyph--bars > span:last-child {
width: 78% !important;
align-self: flex-end;
}
[data-fp-nav-trigger="split-lines"] .fp-menu-toggle__glyph--bars > span:last-child {
width: 62% !important;
align-self: flex-end;
}
[data-fp-nav-trigger="round-glyph"] .fp-menu-toggle__glyph--bars > span:first-child {
width: 76% !important;
}
[data-fp-nav-trigger="index-plus"] .fp-menu-toggle__glyph--bars > span:first-child,
[data-fp-nav-trigger="index-plus"] .fp-menu-toggle__glyph--bars > span:last-child {
width: 62% !important;
}
[data-fp-nav-trigger="index-plus"] .fp-menu-toggle__glyph--bars > span:last-child {
align-self: flex-end;
}
[data-fp-nav-trigger="corner-frame"] .fp-menu-toggle__glyph--bars > span:nth-child(even) {
width: 72% !important;
align-self: flex-end;
}
[data-fp-nav-trigger="chevron-pair"] .fp-menu-toggle__glyph--bars > span:last-child {
width: 70% !important;
align-self: flex-end;
}
[data-fp-nav-trigger="staggered-bars"] .fp-menu-toggle__glyph--bars > span:nth-child(2) {
width: 68% !important;
}
[data-fp-nav-trigger="staggered-bars"] .fp-menu-toggle__glyph--bars > span:nth-child(3) {
width: 84% !important;
align-self: flex-end;
}
[data-fp-nav-trigger="orbit-dots"] .fp-menu-toggle__glyph--bars > span:nth-child(1) { width: 54% !important; }
[data-fp-nav-trigger="orbit-dots"] .fp-menu-toggle__glyph--bars > span:nth-child(2) { width: 100% !important; }
[data-fp-nav-trigger="orbit-dots"] .fp-menu-toggle__glyph--bars > span:nth-child(3) { width: 72% !important; }
[data-fp-nav-trigger="orbit-dots"] .fp-menu-toggle__glyph--bars > span:nth-child(4) {
width: 88% !important;
align-self: flex-end;
}
/* Shell is a separate profile axis from the glyph. Do not collapse these
shapes to a mere accent-colour swap. */
[data-fp-menu-toggle][data-fp-nav-shell="capsule-outline"] {
border-radius: 999px;
background: color-mix(in srgb, var(--surface, #ffffff) 88%, var(--accent-2, #0ea5e9) 12%);
}
[data-fp-menu-toggle][data-fp-nav-shell="corner-frame"] {
border-radius: 0;
border-width: 2px;
background: transparent;
box-shadow: 4px 4px 0 color-mix(in srgb, var(--accent-2, #0ea5e9) 33%, transparent);
}
[data-fp-menu-toggle][data-fp-nav-shell="solid-tile"] {
border-radius: .48rem;
border-color: var(--accent, #2563eb);
background: var(--accent, #2563eb);
color: var(--on-accent, #ffffff);
}
[data-fp-menu-toggle][data-fp-nav-shell="rail-notch"] {
border-radius: 0;
border-width: 1px 1px 1px 4px;
border-inline-start-color: var(--accent, #2563eb);
background: color-mix(in srgb, var(--surface, #ffffff) 94%, var(--accent, #2563eb) 6%);
}
[data-fp-menu-toggle][data-fp-nav-shell="soft-puck"] {
border-radius: 999px;
border-color: transparent;
background: color-mix(in srgb, var(--accent-2, #0ea5e9) 22%, var(--surface, #ffffff));
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent, #2563eb) 28%, transparent);
}
[data-fp-menu-toggle]:focus-visible,
.fp-mobile-nav__close:focus-visible {
outline: 3px solid color-mix(in srgb, var(--accent, #2563eb) 68%, #ffffff);
outline-offset: 3px;
}
@media (max-width: 820px) {
header:has([data-fp-mobile-nav]),
.site-header:has([data-fp-mobile-nav]) {
overflow: visible !important;
}
header:has([data-fp-mobile-nav]) :where(.header-inner, [class*="header-inner"], [class*="header-content"]):has([data-fp-mobile-nav]),
.site-header:has([data-fp-mobile-nav]) :where(.header-inner, [class*="header-inner"], [class*="header-content"]):has([data-fp-mobile-nav]) {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
width: 100% !important;
min-width: 0 !important;
}
.fp-menu-toggle,
[data-fp-menu-toggle] {
display: inline-flex !important;
flex: 0 0 auto !important;
margin-inline-start: auto !important;
}
[data-fp-mobile-nav] {
display: none !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
flex-direction: column !important;
gap: 0.35rem !important;
margin-top: 0.6rem !important;
padding: 0.65rem !important;
overflow-wrap: anywhere !important;
border-radius: 0.85rem;
background: color-mix(in srgb, var(--surface, #ffffff) 94%, var(--bg, #f8fafc) 6%);
border: 1px solid color-mix(in srgb, var(--border, #cbd5e1) 80%, transparent);
box-shadow: 0 12px 26px -22px var(--shadow, rgba(15, 23, 42, 0.24));
flex-basis: 100% !important;
order: 20 !important;
position: relative !important;
inset: auto !important;
z-index: 4 !important;
transform: none !important;
writing-mode: horizontal-tb !important;
clear: both;
}
[data-fp-mobile-nav].is-open,
[data-fp-mobile-nav].open {
display: flex !important;
}
/* Every profile exposes an explicit close affordance while open. The
trigger may also close the panel, but a visible panel must not rely on a
hidden control for keyboard and touch users. */
[data-fp-mobile-nav] .fp-mobile-nav__close {
display: inline-flex !important;
flex: 0 0 auto;
align-self: flex-end;
}
[data-fp-mobile-nav] a {
width: 100% !important;
max-width: 100% !important;
white-space: normal !important;
overflow-wrap: anywhere !important;
}
[data-fp-mobile-nav][data-fp-nav-links="rule-stack"] {
gap: 0 !important;
padding-block: .4rem !important;
}
[data-fp-mobile-nav][data-fp-nav-links="rule-stack"] a {
padding: .75rem .15rem !important;
border-block-start: 1px solid color-mix(in srgb, var(--border, #cbd5e1) 78%, transparent);
}
[data-fp-mobile-nav][data-fp-nav-links="rule-stack"] a:last-child {
border-block-end: 1px solid color-mix(in srgb, var(--border, #cbd5e1) 78%, transparent);
}
[data-fp-mobile-nav][data-fp-nav-links="capsule-stack"] {
flex-direction: row !important;
flex-wrap: wrap !important;
align-items: stretch !important;
gap: .48rem !important;
}
[data-fp-mobile-nav][data-fp-nav-links="capsule-stack"] .fp-mobile-nav__close {
flex-basis: 100%;
}
[data-fp-mobile-nav][data-fp-nav-links="capsule-stack"] a {
width: auto !important;
flex: 1 1 8.5rem;
padding: .62rem .75rem !important;
border: 1px solid color-mix(in srgb, var(--border, #cbd5e1) 84%, transparent);
border-radius: 999px;
background: color-mix(in srgb, var(--surface, #ffffff) 84%, var(--accent-2, #0ea5e9) 16%);
text-align: center;
}
[data-fp-mobile-nav][data-fp-nav-links="editorial-list"] {
gap: 0 !important;
padding: .7rem 1rem 1rem !important;
}
[data-fp-mobile-nav][data-fp-nav-links="editorial-list"] a {
padding: .7rem 0 .72rem .75rem !important;
border-inline-start: 2px solid color-mix(in srgb, var(--accent, #2563eb) 44%, transparent);
font-family: var(--font-heading, inherit);
font-size: clamp(1rem, 3.8vw, 1.28rem);
font-weight: 700;
letter-spacing: -.02em;
}
[data-fp-mobile-nav][data-fp-nav-links="tile-pairs"] {
flex-direction: row !important;
flex-wrap: wrap !important;
align-items: stretch !important;
gap: .5rem !important;
}
[data-fp-mobile-nav][data-fp-nav-links="tile-pairs"] .fp-mobile-nav__close {
flex-basis: 100%;
}
[data-fp-mobile-nav][data-fp-nav-links="tile-pairs"] a {
width: auto !important;
flex: 1 1 calc(50% - .5rem);
min-width: 8rem;
padding: .72rem !important;
border: 1px solid color-mix(in srgb, var(--border, #cbd5e1) 84%, transparent);
border-radius: .48rem;
background: color-mix(in srgb, var(--surface, #ffffff) 88%, var(--accent-2, #0ea5e9) 12%);
}
.fp-mobile-nav__close[data-fp-nav-close="corner-close"] {
border-radius: 0;
border-width: 2px;
}
.fp-mobile-nav__close[data-fp-nav-close="rule-close"] {
width: auto;
min-width: 4rem;
border-width: 0 0 1px;
border-radius: 0;
}
.fp-mobile-nav__close[data-fp-nav-close="chip-close"] {
background: color-mix(in srgb, var(--accent-2, #0ea5e9) 18%, var(--surface, #ffffff));
}
.fp-mobile-nav__close[data-fp-nav-close="offset-close"] {
margin-inline-end: -.3rem;
transform: translateY(-.25rem);
}
body.fp-mobile-nav-open {
overflow: hidden !important;
}
/* A model can give header/main/footer the same stacking context. The menu
then appears visually but its links sit behind main. Raise the complete
owned chain above content and above the cookie layer while it is open. */
body.fp-mobile-nav-open .site-shell {
position: relative !important;
z-index: 2147483645 !important;
}
body.fp-mobile-nav-open :is(header, .site-header) {
position: relative !important;
z-index: 2147483646 !important;
}
body.fp-mobile-nav-open [data-fp-mobile-nav].is-open,
body.fp-mobile-nav-open [data-fp-mobile-nav].open,
body.fp-mobile-nav-open [data-fp-mobile-nav][data-fp-nav-layer-active] {
z-index: 2147483647 !important;
pointer-events: auto !important;
}
/* The runtime marks the actual ancestor chain while a modal menu is open.
A blur, transform or clip on a model-owned header creates a containing or
clipping context, so `position: fixed` stops being viewport-fixed. Clear
only that temporary chain; the authored effects return on close. */
body.fp-mobile-nav-open [data-fp-nav-layer-active]:not([data-fp-mobile-nav]) {
overflow: visible !important;
clip-path: none !important;
contain: none !important;
isolation: auto !important;
filter: none !important;
backdrop-filter: none !important;
perspective: none !important;
transform: none !important;
will-change: auto !important;
}
body.fp-mobile-nav-open [data-fp-mobile-nav] .fp-mobile-nav__close {
position: relative !important;
z-index: 2 !important;
pointer-events: auto !important;
}
[data-fp-mobile-nav][data-fp-nav-panel="side-drawer"] {
position: fixed !important;
top: 0.7rem !important;
right: 0.7rem !important;
width: min(86vw, 25rem) !important;
max-height: calc(100dvh - 1.4rem) !important;
overflow-y: auto !important;
margin-top: 0 !important;
padding: 1rem !important;
border-radius: var(--radius, 14px) !important;
box-shadow: 0 24px 64px -28px var(--shadow, rgba(15, 23, 42, .42)) !important;
}
[data-fp-mobile-nav][data-fp-nav-panel="full-sheet"] {
position: fixed !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
width: 100% !important;
min-height: 0 !important;
height: 100dvh !important;
max-height: none !important;
overflow-y: auto !important;
margin-top: 0 !important;
box-sizing: border-box !important;
padding: clamp(5.5rem, 14vw, 7rem) clamp(1.25rem, 7vw, 3rem) 2rem !important;
border: 0 !important;
border-radius: 0 !important;
background: var(--surface, #fff) !important;
}
[data-fp-mobile-nav][data-fp-nav-panel="rail-panel"] {
width: min(100%, 32rem) !important;
margin-left: auto !important;
border-inline-start: 4px solid var(--accent, #2563eb) !important;
border-radius: 0 !important;
background: color-mix(in srgb, var(--surface, #fff) 88%, var(--accent-2, #0ea5e9) 12%) !important;
}
[data-fp-mobile-nav][data-fp-nav-panel="compact-card"] {
width: min(100%, 22rem) !important;
margin-left: auto !important;
border-radius: calc(var(--radius, 14px) * 1.25) !important;
padding: .8rem !important;
box-shadow: 0 18px 38px -26px var(--shadow, rgba(15, 23, 42, .32)) !important;
}
/* ``split-overlay`` profiles resolve to the compact-card renderer token.
Their modal contract must still be a genuine overlay, not an inline card
that traps keyboard focus inside the header. */
[data-fp-mobile-nav][data-fp-nav-panel="compact-card"][data-fp-nav-modal="true"] {
position: fixed !important;
top: 50% !important;
right: auto !important;
bottom: auto !important;
left: 50% !important;
width: min(88vw, 24rem) !important;
max-height: min(78dvh, 38rem) !important;
overflow-y: auto !important;
margin: 0 !important;
padding: 1rem !important;
transform: translate(-50%, -50%) !important;
z-index: 16 !important;
box-shadow: 0 26px 70px -30px var(--shadow, rgba(15, 23, 42, .48)) !important;
}
}
@media (prefers-reduced-motion: reduce) {
.fp-menu-toggle,
[data-fp-menu-toggle],
[data-fp-menu-toggle] .fp-menu-toggle__glyph,
[data-fp-menu-toggle] .fp-menu-toggle__glyph :is(span, i) {
transition-duration: 1ms !important;
}
}
/* Contact form compositions */
form[data-fp-contact-layout="stacked-card"] {
padding: 1rem;
border: 1px solid color-mix(in srgb, var(--border, #cbd5e1) 82%, transparent);
border-radius: var(--radius, 14px);
background: color-mix(in srgb, var(--surface, #fff) 92%, var(--accent-2, #0ea5e9) 8%);
}
[data-fp-contact-layout="split-brief"] .fp-contact-form-shell__content,
.contact-form-block[data-fp-contact-layout="split-brief"] {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: clamp(1rem, 3vw, 2rem);
}
[data-fp-contact-layout="split-brief"] .fp-contact-form-shell__content > :is(.fp-contact-form-shell__eyebrow, .fp-contact-form-shell__title, .fp-contact-form-shell__body) {
flex: 1 1 17rem;
}
[data-fp-contact-layout="split-brief"] .fp-contact-form,
.contact-form-block[data-fp-contact-layout="split-brief"] .contact-form {
flex: 1 1 25rem;
margin-top: 0;
}
form[data-fp-contact-layout="split-brief"] {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: .8rem;
padding: 1rem;
border-block: 1px solid var(--border, #cbd5e1);
}
form[data-fp-contact-layout="split-brief"] > label {
flex: 1 1 15rem;
}
form[data-fp-contact-layout="split-brief"] > :is(button, input[type="submit"], .fp-contact-form__footer, [data-fp-form-status]) {
flex-basis: 100%;
}
[data-fp-contact-layout="split-brief"] .fp-contact-form__grid {
gap: .72rem;
}
[data-fp-contact-layout="editorial-letter"] {
border-radius: 0 !important;
border-inline-start: 4px solid var(--accent, #2563eb) !important;
background: color-mix(in srgb, var(--surface, #fff) 96%, var(--bg, #f8fafc)) !important;
box-shadow: none !important;
}
[data-fp-contact-layout="editorial-letter"] :is(.fp-contact-form-shell__eyebrow, .contact-form-block > p:first-of-type) {
letter-spacing: .14em;
text-transform: uppercase;
}
[data-fp-contact-layout="editorial-letter"] :is(.fp-contact-form__submit, .contact-form .cta) {
border-radius: 0 !important;
}
[data-fp-contact-layout="outline-sheet"] {
border: 2px solid var(--text, #0f172a) !important;
border-radius: calc(var(--radius, 14px) * .4) !important;
background: transparent !important;
box-shadow: 6px 6px 0 color-mix(in srgb, var(--accent-2, #0ea5e9) 34%, transparent) !important;
}
[data-fp-contact-layout="outline-sheet"] :is(input, textarea, select) {
border-radius: 0 !important;
background: var(--surface, #fff) !important;
}
[data-fp-contact-layout="compact-rail"] {
max-width: 48rem;
margin-left: auto;
margin-right: auto;
border-radius: 0 !important;
border-inline-start: 1px solid var(--border, #cbd5e1) !important;
border-inline-end: 1px solid var(--border, #cbd5e1) !important;
background: transparent !important;
box-shadow: none !important;
}
[data-fp-contact-layout="compact-rail"] :is(.fp-contact-form__grid, .contact-form) {
gap: .58rem;
}
form[data-fp-contact-layout="compact-rail"] {
padding-inline: .85rem;
}
[data-fp-contact-layout="compact-rail"] :is(.fp-contact-form__field, .contact-form label) {
flex-basis: 100%;
}
/* FAQ presentations. Native stays responsible for open/close behavior. */
[data-fp-faq-presentation="rule-accordion"] :is(.faq-list, .accordion-list) {
gap: 0 !important;
}
[data-fp-faq-presentation="rule-accordion"] :is(.faq-item, details) {
border: 0 !important;
border-block-start: 1px solid var(--border, #cbd5e1) !important;
border-radius: 0 !important;
background: transparent !important;
}
[data-fp-faq-presentation="rule-accordion"] :is(.faq-item, details):last-child {
border-block-end: 1px solid var(--border, #cbd5e1) !important;
}
[data-fp-faq-presentation="plus-list"] :is(.faq-item, details) {
position: relative;
border-radius: 0 !important;
border-inline-start: 3px solid color-mix(in srgb, var(--accent, #2563eb) 65%, transparent) !important;
}
[data-fp-faq-presentation="plus-list"] :is(.faq-item, details) > summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
}
[data-fp-faq-presentation="plus-list"] :is(.faq-item, details) > summary::after {
content: "+";
flex: 0 0 auto;
font-size: 1.25em;
line-height: 1;
}
[data-fp-faq-presentation="plus-list"] :is(.faq-item, details)[open] > summary::after { content: "−"; }
[data-fp-faq-presentation="numbered-stack"] :is(.faq-list, .accordion-list) {
counter-reset: fp-faq;
}
[data-fp-faq-presentation="numbered-stack"] :is(.faq-item, details) {
counter-increment: fp-faq;
position: relative;
padding-inline-start: 3rem !important;
border-radius: 0 !important;
background: transparent !important;
}
[data-fp-faq-presentation="numbered-stack"] :is(.faq-item, details)::before {
content: counter(fp-faq, decimal-leading-zero);
position: absolute;
top: .82rem;
left: .9rem;
color: var(--accent, #2563eb);
font-family: var(--font-heading, inherit);
font-size: .74rem;
font-weight: 800;
letter-spacing: .08em;
}
[data-fp-faq-presentation="tile-disclosure"] :is(.faq-list, .accordion-list) {
display: flex !important;
flex-wrap: wrap !important;
gap: .75rem !important;
}
[data-fp-faq-presentation="tile-disclosure"] :is(.faq-item, details) {
flex: 1 1 15rem;
border-radius: var(--radius, 14px) !important;
background: color-mix(in srgb, var(--surface, #fff) 84%, var(--accent-2, #0ea5e9) 16%) !important;
}
/* Footer link treatments */
[data-fp-footer-links],
.footer-legal-list {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: .45rem .9rem;
margin: .9rem 0 0;
padding: 0;
list-style: none;
}
[data-fp-footer-links] a,
.footer-legal-list a {
display: inline-flex;
align-items: center;
max-width: 100%;
overflow-wrap: anywhere;
}
[data-fp-footer-link-treatment="underlined-directory"] [data-fp-footer-links] {
gap: .4rem 1.15rem;
}
[data-fp-footer-link-treatment="underlined-directory"] [data-fp-footer-links] a {
text-decoration-line: underline;
text-decoration-thickness: 1px;
text-underline-offset: .26em;
text-decoration-color: color-mix(in srgb, currentColor 44%, transparent);
}
[data-fp-footer-link-treatment="rule-index"] [data-fp-footer-links] {
display: block;
counter-reset: fp-footer-link;
}
[data-fp-footer-link-treatment="rule-index"] [data-fp-footer-links] li {
counter-increment: fp-footer-link;
display: flex;
align-items: baseline;
gap: .55rem;
padding-block: .38rem;
border-block-start: 1px solid color-mix(in srgb, var(--border, #cbd5e1) 82%, transparent);
}
[data-fp-footer-link-treatment="rule-index"] [data-fp-footer-links] li::before {
content: counter(fp-footer-link, decimal-leading-zero);
color: var(--muted, #64748b);
font-size: .68rem;
letter-spacing: .08em;
}
[data-fp-footer-link-treatment="capsule-cluster"] [data-fp-footer-links] {
gap: .45rem;
}
[data-fp-footer-link-treatment="capsule-cluster"] [data-fp-footer-links] a {
border: 1px solid color-mix(in srgb, var(--border, #cbd5e1) 84%, transparent);
border-radius: 999px;
padding: .27rem .58rem;
background: color-mix(in srgb, var(--surface, #fff) 85%, var(--accent-2, #0ea5e9) 15%);
}
[data-fp-footer-link-treatment="arrow-rail"] [data-fp-footer-links] {
display: block;
}
[data-fp-footer-link-treatment="arrow-rail"] [data-fp-footer-links] li {
padding-block: .28rem;
}
[data-fp-footer-link-treatment="arrow-rail"] [data-fp-footer-links] a::before {
content: "→";
margin-inline-end: .48rem;
color: var(--accent, #2563eb);
transition: transform 160ms ease;
}
[data-fp-footer-link-treatment="arrow-rail"] [data-fp-footer-links] a:hover::before {
transform: translateX(.18rem);
}
@media (max-width: 820px) {
[data-fp-contact-layout="split-brief"] .fp-contact-form-shell__content,
.contact-form-block[data-fp-contact-layout="split-brief"] {
display: flex;
flex-direction: column;
}
[data-fp-faq-presentation="tile-disclosure"] :is(.faq-item, details) {
flex-basis: 100%;
}
}
html,
body {
max-width: 100%;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
img,
picture,
video,
canvas,
svg,
iframe {
max-width: 100%;
height: auto;
}
svg.icon-svg {
display: inline-block;
width: 1em;
height: 1em;
min-width: 1em;
min-height: 1em;
flex: 0 0 auto;
overflow: visible;
opacity: 1;
vertical-align: -0.125em;
}
:where(.nav-icon, .section-icon, [data-fp-icon]) {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 1rem;
min-height: 1rem;
flex: 0 0 auto;
}
:where(.nav-icon, .section-icon, [data-fp-icon]) > svg.icon-svg {
width: 100% !important;
height: 100% !important;
min-width: 0;
min-height: 100%;
}
svg.icon-svg :where(path, rect, circle, ellipse, line, polyline, polygon) {
vector-effect: non-scaling-stroke;
}
main,
header,
footer,
section,
article,
aside,
nav,
div,
form {
min-width: 0;
}
p,
li,
h1,
h2,
h3,
h4,
h5,
h6,
a,
button,
label,
summary,
blockquote {
overflow-wrap: anywhere;
}
table {
display: block;
max-width: 100%;
overflow-x: auto;
}
input,
select,
textarea,
button {
max-width: 100%;
}
pre,
code {
max-width: 100%;
overflow-x: auto;
white-space: pre-wrap;
}
header nav a,
.site-header nav a,
[data-fp-mobile-nav] a {
text-decoration-thickness: max(1px, 0.08em);
text-underline-offset: 0.2em;
}
header nav a:is(.active, [aria-current="page"]),
.site-header nav a:is(.active, [aria-current="page"]) {
border-color: currentColor !important;
box-shadow: inset 0 0 0 1px currentColor;
}
header nav a:focus-visible,
.site-header nav a:focus-visible,
[data-fp-menu-toggle]:focus-visible {
outline: 3px solid currentColor !important;
outline-offset: 3px !important;
}
.fp-footer-contact {
display: flex;
flex-wrap: wrap;
gap: 0.65rem 1.15rem;
width: 100%;
margin: 1rem 0 0;
font-style: normal;
}
.fp-footer-contact__item {
min-width: 0;
overflow-wrap: anywhere;
}
@media (max-width: 820px) {
body {
width: 100%;
}
.container,
[class*="container"],
[class*="wrapper"],
[class*="inner"] {
max-width: 100% !important;
}
main,
section,
article,
aside,
header,
footer {
max-width: 100% !important;
}
main :where([class*="card"], [class*="panel"], [class*="tile"]),
section :where([class*="card"], [class*="panel"], [class*="tile"]) {
max-width: 100% !important;
}
main h1 {
font-size: clamp(1.75rem, 9vw, 3rem) !important;
line-height: 1.08 !important;
}
main h2 {
font-size: clamp(1.35rem, 7vw, 2.25rem) !important;
}
main .hero,
main [class*="hero"] {
max-width: 100% !important;
}
main .hero :where([class*="actions"], [class*="buttons"]),
main [class*="hero"] :where([class*="actions"], [class*="buttons"]) {
align-items: stretch !important;
flex-direction: column !important;
}
main .hero :where(a, button),
main [class*="hero"] :where(a, button) {
max-width: 100% !important;
}
[style*="width"] {
max-width: 100% !important;
}
.site-footer,
.site-footer * {
min-width: 0 !important;
}
.footer-grid,
.site-footer .footer-grid {
display: flex !important;
flex-wrap: wrap !important;
width: 100% !important;
max-width: 100% !important;
}
.footer-col ul,
.footer-col li,
.footer-col a,
.footer-bottom {
width: 100% !important;
max-width: 100% !important;
}
.footer-col {
flex: 1 1 min(7.75rem, 100%) !important;
width: auto !important;
}
.footer-about,
.footer-contact {
flex-basis: 100% !important;
}
.footer-col a {
display: inline-block;
white-space: normal !important;
}
.fp-footer-contact {
display: flex !important;
flex-wrap: wrap !important;
}
.fp-footer-contact__item {
flex: 1 1 100%;
}
}
@media (max-width: 420px) {
.container,
[class*="container"],
[class*="wrapper"],
[class*="inner"] {
padding-left: min(1rem, 4vw) !important;
padding-right: min(1rem, 4vw) !important;
}
.site-footer .footer-grid {
/* This is a narrow-screen density repair, not a footer template: keep
every authored group and link, but avoid a footer taller than a compact
phone viewport merely because a long address wraps. */
gap: .5rem !important;
padding-block: .75rem .55rem !important;
}
.site-footer .footer-col h3 {
margin-bottom: .25rem !important;
font-size: .9rem !important;
}
.site-footer .footer-col :where(p, a) {
font-size: .84rem !important;
line-height: 1.28 !important;
}
.site-footer .footer-col p {
margin-block: .12rem !important;
}
.site-footer .footer-bottom {
padding-block: .5rem .6rem !important;
gap: .45rem !important;
font-size: .8rem !important;
line-height: 1.28 !important;
}
.site-footer .fp-footer-contact {
gap: .35rem !important;
margin-top: .65rem !important;
}
}
.fp-cookie-banner {
position: fixed;
right: 1.1rem;
bottom: 1.1rem;
z-index: 90;
width: min(var(--fp-cookie-width, 28rem), calc(100vw - 1.5rem));
min-width: min(21rem, calc(100vw - 1.5rem));
/* Content colours are renderer-owned. A model may still vary the accent,
shape, placement and motif, but cannot make cookie copy disappear by
assigning unsafe global --text/--muted/--surface tokens. */
--fp-cookie-accent: var(--fp-accent, var(--accent, #2563eb));
--fp-cookie-accent-2: var(--fp-accent-2, var(--accent_2, var(--accent-2, #0ea5e9)));
--fp-cookie-panel-text: #0b1220;
--fp-cookie-panel-muted: #334155;
--fp-cookie-panel-surface: color-mix(in srgb, #ffffff 94%, var(--fp-cookie-accent) 6%);
--fp-cookie-panel-surface-end: color-mix(in srgb, #ffffff 90%, var(--fp-cookie-accent-2) 10%);
--fp-cookie-primary-surface: color-mix(in srgb, #0b1220 82%, var(--fp-cookie-accent) 18%);
--fp-cookie-primary-text: #ffffff;
--fp-cookie-secondary-surface: color-mix(in srgb, #ffffff 90%, var(--fp-cookie-accent) 10%);
--fp-cookie-focus: #0b1220;
--fp-cookie-border: var(--fp-border, var(--border, #cbd5e1));
--fp-cookie-shadow: var(--fp-shadow, var(--shadow, rgba(15, 23, 42, 0.45)));
color: var(--fp-cookie-panel-text);
display: block;
writing-mode: horizontal-tb;
pointer-events: auto;
opacity: 1;
transform: translateY(0);
}
.fp-cookie-banner,
.fp-cookie-banner * {
box-sizing: border-box;
}
/* The banner is injected last in the document, but it must never become a
normal footer-adjacent block when model CSS styles generic sections/divs. */
html body .fp-cookie-banner[data-fp-cookie-banner] {
position: fixed !important;
z-index: 90 !important;
}
html body .fp-cookie-banner[data-fp-cookie-banner].fp-cookie-banner--placement-bottom-end {
top: auto !important;
right: 1.1rem !important;
bottom: 1.1rem !important;
left: auto !important;
}
html body .fp-cookie-banner[data-fp-cookie-banner].fp-cookie-banner--placement-bottom-start {
left: 1.1rem !important;
right: auto !important;
top: auto !important;
bottom: 1.1rem !important;
}
html body .fp-cookie-banner[data-fp-cookie-banner].fp-cookie-banner--placement-bottom-center {
left: 50% !important;
right: auto !important;
top: auto !important;
bottom: 1.1rem !important;
}
html body .fp-cookie-banner[data-fp-cookie-banner].fp-cookie-banner--placement-top-start {
top: 1.1rem !important;
right: auto !important;
bottom: auto !important;
left: 1.1rem !important;
}
html body .fp-cookie-banner[data-fp-cookie-banner].fp-cookie-banner--placement-top-end {
top: 1.1rem !important;
right: 1.1rem !important;
bottom: auto !important;
left: auto !important;
}
html body .fp-cookie-banner[data-fp-cookie-banner].fp-cookie-banner--placement-top-center {
top: 1.1rem !important;
right: auto !important;
bottom: auto !important;
left: 50% !important;
}
html body .fp-cookie-banner[data-fp-cookie-banner].fp-cookie-banner--placement-side-start {
top: 50% !important;
right: auto !important;
bottom: auto !important;
left: 1.1rem !important;
}
html body .fp-cookie-banner[data-fp-cookie-banner].fp-cookie-banner--placement-side-end {
top: 50% !important;
right: 1.1rem !important;
bottom: auto !important;
left: auto !important;
}
.fp-cookie-banner :where(p, h2, button) {
word-break: normal;
overflow-wrap: anywhere;
}
.js-enabled .fp-cookie-banner {
opacity: 0;
transform: translateY(1.2rem);
pointer-events: none;
transition: opacity 180ms ease, transform 220ms ease;
}
.js-enabled .fp-cookie-banner.is-visible {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
.js-enabled .fp-cookie-banner.is-closing {
opacity: 0;
transform: translateY(1rem);
}
.fp-cookie-banner__panel {
position: relative;
display: flex;
flex-direction: column;
gap: var(--fp-cookie-gap, 0.8rem);
padding: var(--fp-cookie-panel-pad, 1rem);
border-radius: var(--fp-cookie-radius-a, 1.35rem) var(--fp-cookie-radius-b, 1.35rem) var(--fp-cookie-radius-a, 1.35rem) var(--fp-cookie-radius-b, 1.35rem);
border: 1px solid rgba(148, 163, 184, 0.28);
background:
radial-gradient(
circle at var(--fp-cookie-motif-x, 88%) var(--fp-cookie-motif-y, 12%),
color-mix(in srgb, var(--fp-cookie-accent) 18%, transparent) 0,
transparent 48%
),
linear-gradient(
180deg,
var(--fp-cookie-panel-surface) 0%,
var(--fp-cookie-panel-surface-end) 100%
);
box-shadow: 0 24px 48px -30px var(--fp-cookie-shadow);
backdrop-filter: blur(18px);
overflow: hidden;
isolation: isolate;
}
.fp-cookie-banner__copy {
display: flex;
min-width: 0;
flex-direction: column;
gap: var(--fp-cookie-gap, 0.8rem);
}
.fp-cookie-banner__panel > * {
position: relative;
z-index: 1;
}
.fp-cookie-banner__panel::before {
content: "";
position: absolute;
inset: auto auto 0.75rem 0.75rem;
width: 0.85rem;
height: 0.85rem;
border-radius: 999px;
background: color-mix(in srgb, var(--fp-cookie-accent) 82%, white 18%);
opacity: 0.78;
z-index: 0;
pointer-events: none;
}
.fp-cookie-banner--accent-ribbon .fp-cookie-banner__panel::before {
inset: 0.9rem 0.9rem auto auto;
width: 3.4rem;
height: 0.2rem;
border-radius: 999px;
}
.fp-cookie-banner--accent-line .fp-cookie-banner__panel::before {
inset: 0.8rem auto 0.8rem 0;
width: 0.22rem;
height: auto;
border-radius: 0;
}
.fp-cookie-banner--accent-corner .fp-cookie-banner__panel::before {
inset: 0.8rem 0.8rem auto auto;
width: 1rem;
height: 1rem;
border-radius: 0.25rem;
}
.fp-cookie-banner--accent-halo .fp-cookie-banner__panel::after,
.fp-cookie-banner--accent-pulse .fp-cookie-banner__panel::after,
.fp-cookie-banner--accent-orbit .fp-cookie-banner__panel::after {
content: "";
position: absolute;
top: calc(var(--fp-cookie-motif-y, 12%) - (var(--fp-cookie-motif-size, 6.5rem) / 2));
left: calc(var(--fp-cookie-motif-x, 12%) - (var(--fp-cookie-motif-size, 6.5rem) / 2));
width: var(--fp-cookie-motif-size, 6.5rem);
height: var(--fp-cookie-motif-size, 6.5rem);
border-radius: 999px;
background: color-mix(in srgb, var(--fp-cookie-accent-2) 18%, transparent);
filter: blur(0.2rem);
opacity: 0.45;
transform: none;
z-index: 0;
pointer-events: none;
}
.fp-cookie-banner--accent-pulse .fp-cookie-banner__panel::after {
top: auto;
left: auto;
right: -1.6rem;
bottom: -1.6rem;
}
.fp-cookie-banner--accent-orbit .fp-cookie-banner__panel::after {
border: 1px solid color-mix(in srgb, var(--fp-cookie-accent-2) 58%, transparent);
background: transparent;
filter: none;
opacity: 0.62;
}
.fp-cookie-banner--accent-halo .fp-cookie-banner__panel::after {
background: color-mix(in srgb, var(--fp-cookie-accent) 24%, transparent);
filter: blur(0.7rem);
opacity: 0.52;
}
.fp-cookie-banner__eyebrow {
margin: 0;
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--fp-cookie-panel-muted);
}
.fp-cookie-banner__title {
margin: 0;
font-size: clamp(1rem, 1.8vw, 1.15rem);
line-height: 1.18;
color: var(--fp-cookie-panel-text);
}
.fp-cookie-banner__body,
.fp-cookie-banner__note {
margin: 0;
font-size: 0.92rem;
line-height: 1.5;
color: var(--fp-cookie-panel-text);
}
.fp-cookie-banner__note {
font-size: 0.8rem;
color: var(--fp-cookie-panel-muted);
}
.fp-cookie-banner__actions {
display: flex;
flex-wrap: wrap;
gap: 0.65rem;
}
.fp-cookie-banner__btn {
appearance: none;
border: 1px solid transparent;
border-radius: var(--fp-cookie-button-radius, 999px);
padding: 0.72rem 1rem;
font: inherit;
font-size: 0.85rem;
font-weight: 700;
cursor: pointer;
transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
line-height: 1.25;
}
.fp-cookie-banner__btn:hover {
transform: translateY(-1px);
}
.fp-cookie-banner__btn:focus-visible {
outline: 3px solid var(--fp-cookie-focus);
outline-offset: 3px;
}
.fp-cookie-banner__btn--primary {
background: var(--fp-cookie-primary-surface);
color: var(--fp-cookie-primary-text);
box-shadow: 0 16px 28px -22px color-mix(in srgb, var(--fp-cookie-accent) 80%, transparent);
}
.fp-cookie-banner__btn--primary:hover,
.fp-cookie-banner__btn--primary:focus-visible {
background: color-mix(in srgb, #020617 84%, var(--fp-cookie-accent) 16%);
color: var(--fp-cookie-primary-text);
}
.fp-cookie-banner__btn--ghost {
background: var(--fp-cookie-secondary-surface);
border-color: color-mix(in srgb, var(--fp-cookie-accent) 44%, #64748b);
color: var(--fp-cookie-panel-text);
}
.fp-cookie-banner__btn--ghost:hover,
.fp-cookie-banner__btn--ghost:focus-visible {
background: #f1f5f9;
color: var(--fp-cookie-panel-text);
}
.fp-cookie-banner--placement-bottom-start {
left: 1.1rem;
right: auto;
}
.fp-cookie-banner--placement-bottom-center {
left: 50%;
right: auto;
transform: translateX(-50%);
}
.fp-cookie-banner--placement-top-start {
top: 1.1rem;
right: auto;
bottom: auto;
}
.fp-cookie-banner--placement-top-end {
top: 1.1rem;
bottom: auto;
}
.fp-cookie-banner--placement-top-center {
top: 1.1rem;
left: 50%;
right: auto;
bottom: auto;
transform: translateX(-50%);
}
.fp-cookie-banner--placement-side-start {
top: 50%;
left: 1.1rem;
right: auto;
bottom: auto;
transform: translateY(-50%);
}
.fp-cookie-banner--placement-side-end {
top: 50%;
right: 1.1rem;
bottom: auto;
transform: translateY(-50%);
}
.js-enabled .fp-cookie-banner--placement-bottom-center {
transform: translate(-50%, 1.2rem);
}
.js-enabled .fp-cookie-banner--placement-bottom-center.is-visible {
transform: translate(-50%, 0);
}
.js-enabled .fp-cookie-banner--placement-top-start,
.js-enabled .fp-cookie-banner--placement-top-end {
transform: translateY(-1.2rem);
}
.js-enabled .fp-cookie-banner--placement-top-start.is-visible,
.js-enabled .fp-cookie-banner--placement-top-end.is-visible {
transform: translateY(0);
}
.js-enabled .fp-cookie-banner--placement-top-center {
transform: translate(-50%, -1.2rem);
}
.js-enabled .fp-cookie-banner--placement-top-center.is-visible {
transform: translate(-50%, 0);
}
.js-enabled .fp-cookie-banner--placement-side-start {
transform: translate(-1.2rem, -50%);
}
.js-enabled .fp-cookie-banner--placement-side-end {
transform: translate(1.2rem, -50%);
}
.js-enabled .fp-cookie-banner--placement-side-start.is-visible,
.js-enabled .fp-cookie-banner--placement-side-end.is-visible {
transform: translate(0, -50%);
}
.fp-cookie-banner--dock {
width: min(52rem, calc(100vw - 1.5rem));
}
.fp-cookie-banner--dock .fp-cookie-banner__panel {
flex-direction: row;
flex-wrap: wrap;
align-items: end;
}
.fp-cookie-banner--dock .fp-cookie-banner__copy {
flex: 1 1 28rem;
}
.fp-cookie-banner--dock .fp-cookie-banner__actions {
flex: 1 1 13rem;
justify-content: flex-end;
align-self: stretch;
}
.fp-cookie-banner--split {
width: min(46rem, calc(100vw - 1.5rem));
}
.fp-cookie-banner--split .fp-cookie-banner__panel {
flex-direction: row;
align-items: stretch;
}
.fp-cookie-banner--split .fp-cookie-banner__copy {
flex: 1 1 25rem;
}
.fp-cookie-banner--split .fp-cookie-banner__actions {
flex: 0 1 12rem;
flex-direction: column;
align-items: stretch;
justify-content: center;
}
.fp-cookie-banner--card .fp-cookie-banner__panel {
border-radius: 1.5rem 1.5rem 0.9rem 1.5rem;
}
.fp-cookie-banner--card .fp-cookie-banner__title {
font-size: clamp(1.12rem, 2vw, 1.38rem);
}
.fp-cookie-banner--capsule {
width: min(42rem, calc(100vw - 1.5rem));
}
.fp-cookie-banner--capsule .fp-cookie-banner__panel {
flex-direction: row;
flex-wrap: wrap;
align-items: center;
border-radius: 1.7rem;
}
.fp-cookie-banner--capsule .fp-cookie-banner__copy {
flex: 1 1 22rem;
}
.fp-cookie-banner--capsule .fp-cookie-banner__actions {
flex: 1 1 13rem;
justify-content: space-between;
}
.fp-cookie-banner--rail {
width: min(24rem, calc(100vw - 1.5rem));
}
.fp-cookie-banner--rail .fp-cookie-banner__panel {
border-left: 4px solid color-mix(in srgb, var(--fp-cookie-accent) 82%, white 18%);
border-radius: 0.45rem 1.25rem 1.25rem 0.45rem;
}
.fp-cookie-banner--glass .fp-cookie-banner__panel {
background:
radial-gradient(circle at top right, color-mix(in srgb, var(--fp-cookie-accent-2) 20%, transparent) 0, transparent 42%),
linear-gradient(180deg, rgba(255,255,255,0.94) 0%, rgba(248,250,252,0.9) 100%);
backdrop-filter: blur(24px);
}
.fp-cookie-banner--presentation-sidecar:not(.fp-cookie-banner--dock):not(.fp-cookie-banner--split) .fp-cookie-banner__panel {
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
.fp-cookie-banner--presentation-sidecar:not(.fp-cookie-banner--dock):not(.fp-cookie-banner--split) .fp-cookie-banner__copy {
flex: 1 1 18rem;
}
.fp-cookie-banner--presentation-sidecar:not(.fp-cookie-banner--dock):not(.fp-cookie-banner--split) .fp-cookie-banner__actions {
flex: 1 1 12rem;
justify-content: flex-end;
}
.fp-cookie-banner--presentation-notice .fp-cookie-banner__actions {
order: -1;
}
.fp-cookie-banner--presentation-notice .fp-cookie-banner__eyebrow {
color: var(--fp-cookie-panel-muted);
}
.fp-cookie-banner--surface-tint .fp-cookie-banner__panel {
border-color: color-mix(in srgb, var(--fp-cookie-accent) 48%, #cbd5e1);
background:
radial-gradient(circle at var(--fp-cookie-motif-x, 88%) var(--fp-cookie-motif-y, 12%), color-mix(in srgb, var(--fp-cookie-accent) 30%, transparent) 0, transparent 52%),
linear-gradient(145deg, rgba(255,255,255,0.98) 0%, color-mix(in srgb, var(--fp-cookie-accent-2) 9%, #f8fafc) 100%);
}
.fp-cookie-banner--surface-frost .fp-cookie-banner__panel {
border-color: color-mix(in srgb, var(--fp-cookie-accent-2) 40%, rgba(148, 163, 184, 0.42));
background:
linear-gradient(130deg, rgba(255,255,255,0.9) 0%, color-mix(in srgb, var(--fp-cookie-accent) 8%, rgba(248,250,252,0.88)) 100%);
backdrop-filter: blur(28px) saturate(1.12);
}
.fp-cookie-banner--edge-frame .fp-cookie-banner__panel {
outline: 1px solid color-mix(in srgb, var(--fp-cookie-border) 56%, transparent);
outline-offset: -0.38rem;
}
.fp-cookie-banner--edge-crisp .fp-cookie-banner__panel {
border-radius: 0.38rem;
border-width: 2px;
}
.fp-cookie-banner--edge-offset .fp-cookie-banner__panel {
border-radius: 0.55rem;
border-width: 2px;
box-shadow: 0.42rem 0.42rem 0 color-mix(in srgb, var(--fp-cookie-accent) 28%, transparent);
}
.fp-cookie-banner--edge-soft .fp-cookie-banner__panel {
border-radius: var(--fp-cookie-radius-a, 1.6rem) var(--fp-cookie-radius-b, 2rem) var(--fp-cookie-radius-a, 1.6rem) calc(var(--fp-cookie-radius-b, 2rem) + 0.55rem);
}
.fp-cookie-banner--edge-asymmetric .fp-cookie-banner__panel {
border-radius: var(--fp-cookie-radius-a, 1.4rem) 0.35rem var(--fp-cookie-radius-b, 1rem) 0.35rem;
border-style: dashed solid solid dashed;
}
.fp-cookie-banner--edge-minimal .fp-cookie-banner__panel {
border-width: 0 0 2px;
border-radius: 0;
box-shadow: 0 1.25rem 2.5rem -2.2rem var(--fp-cookie-shadow);
}
.fp-cookie-banner--edge-bubble .fp-cookie-banner__panel {
border-radius: calc(var(--fp-cookie-radius-a, 1.5rem) + 0.8rem) var(--fp-cookie-radius-b, 1.5rem) calc(var(--fp-cookie-radius-a, 1.5rem) + 0.35rem) var(--fp-cookie-radius-b, 1.5rem);
border-width: 2px;
}
.fp-cookie-banner--density-compact .fp-cookie-banner__panel {
gap: min(var(--fp-cookie-gap, 0.7rem), 0.7rem);
padding: min(var(--fp-cookie-panel-pad, 0.9rem), 0.9rem);
}
.fp-cookie-banner--density-airy .fp-cookie-banner__panel {
gap: max(var(--fp-cookie-gap, 0.8rem), 0.82rem);
padding: max(var(--fp-cookie-panel-pad, 1rem), 1rem);
}
.fp-cookie-banner--actions-start .fp-cookie-banner__actions {
justify-content: flex-start;
}
.fp-cookie-banner--actions-center .fp-cookie-banner__actions {
justify-content: center;
}
.fp-cookie-banner--actions-end .fp-cookie-banner__actions {
justify-content: flex-end;
}
@media (max-width: 820px) {
html body .fp-cookie-banner[data-fp-cookie-banner] {
position: fixed !important;
left: max(0.625rem, env(safe-area-inset-left)) !important;
right: max(0.625rem, env(safe-area-inset-right)) !important;
top: auto !important;
bottom: max(0.625rem, env(safe-area-inset-bottom)) !important;
}
html body .fp-cookie-banner[data-fp-cookie-banner].fp-cookie-banner--dock {
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
}
.fp-cookie-banner,
.fp-cookie-banner--dock,
.fp-cookie-banner--split {
left: max(0.625rem, env(safe-area-inset-left));
right: max(0.625rem, env(safe-area-inset-right));
top: auto;
bottom: max(0.625rem, env(safe-area-inset-bottom));
width: auto;
min-width: 0;
max-width: calc(100vw - 1.5rem);
max-height: calc(100vh - 1.5rem);
max-height: calc(100dvh - 1.25rem - env(safe-area-inset-bottom));
transform: translateY(0);
overflow: hidden;
}
.js-enabled .fp-cookie-banner,
.js-enabled .fp-cookie-banner--dock,
.js-enabled .fp-cookie-banner--split {
transform: translateY(1rem);
}
.js-enabled .fp-cookie-banner.is-visible,
.js-enabled .fp-cookie-banner--dock.is-visible,
.js-enabled .fp-cookie-banner--split.is-visible {
transform: translateY(0);
}
.fp-cookie-banner--dock {
left: 0;
right: 0;
bottom: 0;
max-width: none;
}
.fp-cookie-banner--dock .fp-cookie-banner__panel {
border-radius: 1.15rem 1.15rem 0 0;
}
.fp-cookie-banner--rail {
right: max(1.15rem, env(safe-area-inset-right));
}
.fp-cookie-banner--capsule {
left: max(0.85rem, env(safe-area-inset-left));
right: max(0.85rem, env(safe-area-inset-right));
}
.fp-cookie-banner__panel,
.fp-cookie-banner--dock .fp-cookie-banner__panel,
.fp-cookie-banner--split .fp-cookie-banner__panel,
.fp-cookie-banner--capsule .fp-cookie-banner__panel,
.fp-cookie-banner--presentation-sidecar .fp-cookie-banner__panel {
flex-direction: column;
max-height: calc(100vh - 1.5rem);
max-height: calc(100dvh - 1.25rem - env(safe-area-inset-bottom));
overflow-x: auto;
overflow-y: auto;
overscroll-behavior: contain;
padding: min(var(--fp-cookie-panel-pad, 0.9rem), 0.9rem);
}
.fp-cookie-banner__actions,
.fp-cookie-banner--dock .fp-cookie-banner__actions,
.fp-cookie-banner--split .fp-cookie-banner__actions {
display: flex !important;
flex: 1 1 100%;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
}
.fp-cookie-banner--dock .fp-cookie-banner__copy {
flex-basis: auto;
}
.fp-cookie-banner__btn {
flex: 0 0 auto;
width: 100%;
min-height: 2.75rem;
white-space: normal;
}
.fp-cookie-banner--actions-end .fp-cookie-banner__btn--primary {
order: -1;
}
}
@media (max-width: 420px), (max-height: 620px) {
.fp-cookie-banner__panel {
gap: 0.58rem;
padding: 0.75rem;
}
.fp-cookie-banner__eyebrow {
font-size: 0.66rem;
}
.fp-cookie-banner__title {
font-size: 1rem;
}
.fp-cookie-banner__body,
.fp-cookie-banner__note {
font-size: 0.78rem;
line-height: 1.38;
}
.fp-cookie-banner__note {
display: none;
}
.fp-cookie-banner__actions {
gap: 0.45rem;
}
.fp-cookie-banner__btn {
padding: 0.65rem 0.8rem;
}
}
/* design-genome-v5: private visual contract; never rendered as copy */
body.genome-rectilinear.motif-image-window {
--fp-genome-gap: 2.3rem;
--fp-genome-panel-padding: 1.8rem;
--fp-genome-rule: 1px;
--fp-genome-offset: 4;
}
body.genome-rectilinear.motif-image-window :is(.hero, .fp-content-block, .site-footer) {
border-radius: min(var(--radius), 6px);
}
body.genome-rectilinear.motif-image-window .fp-content-block { border-style: solid; }
body.genome-rectilinear.motif-image-window :is(.generated-image, .section-image, figure, .hero-panel) { overflow: hidden; border: var(--fp-genome-rule) solid var(--border); border-radius: max(18px, var(--radius)); }
body.genome-rectilinear.motif-image-window :is(.generated-image img, .section-image img, figure img) { object-fit: cover; min-height: 14rem; }
body.genome-rectilinear.motif-image-window .site-header { border-block-end: 2px solid var(--text); }
body.genome-rectilinear.motif-image-window .brand { font-family: var(--font-heading); }
body.genome-rectilinear.motif-image-window .nav-link { border: 1px solid var(--border); border-radius: 999px; padding: .4rem .68rem; }
body.genome-rectilinear.motif-image-window .hero-grid { display: flex; flex-wrap: wrap-reverse; }
body.genome-rectilinear.motif-image-window .hero-grid > * { flex: 1 1 22rem; }
body.genome-rectilinear.motif-image-window .fp-content-block { border-inline-start: 3px solid color-mix(in srgb, var(--accent) 62%, var(--border)); }
body.genome-rectilinear.motif-image-window.special-section-profile-guided-decision [data-fp-curated-block="scenario-selector"] { background: color-mix(in srgb, var(--surface) 86%, var(--accent-2) 14%); }
body.genome-rectilinear.motif-image-window.special-section-profile-guided-decision .scenario-option:first-child { border-color: var(--accent); }
body.genome-rectilinear.motif-image-window .fp-content-block h2 { font-size: clamp(1.35rem, 2.2vw, 2rem); }
body.genome-rectilinear.motif-image-window .fp-content-block { border-block-end: 1px solid var(--border); }
body.genome-rectilinear.motif-image-window .fp-content-block { background: color-mix(in srgb, var(--surface) 90%, var(--accent-2)); }
body.genome-rectilinear.motif-image-window { background-image: none; }
body.genome-rectilinear.motif-image-window .cta { border-radius: 0; border-block-end: 3px solid color-mix(in srgb, var(--text) 45%, transparent); }
body.genome-rectilinear.motif-image-window .footer-bottom { border-block-start: var(--fp-genome-rule) solid var(--accent); padding-block-start: 1rem; }
body.genome-rectilinear.motif-image-window :is(.generated-image img, .section-image img) { object-position: 58% 36%; }
body.genome-rectilinear.motif-image-window .fp-content-block { transition-duration: .62s; }
/* site-genome:e0b9732ae4e0207c3ed2 */
body[data-site-fingerprint="e0b9732ae4e0207c3ed2"] {
--fp-site-rule: 3px;
--fp-site-corner-delta: 3px;
--fp-site-motif-offset: 4;
}
body[data-site-fingerprint="e0b9732ae4e0207c3ed2"] .fp-content-block:nth-child(4n + 4) {
border-inline-start-style: solid;
border-inline-start-width: var(--fp-site-rule);
border-inline-start-color: var(--border, var(--fp-border, currentColor));
}
body[data-site-fingerprint="e0b9732ae4e0207c3ed2"] .hero-main {
border-radius: calc(var(--radius, var(--fp-radius, 14px)) + var(--fp-site-corner-delta));
}
/* Narrow-screen content flow: stack real page compositions, not UI controls. */
@media (max-width: 820px) {
:is(main, .site-main) :where(
.hero,
[class*="hero"],
.section-grid,
.content-grid,
.comparison,
[class*="comparison"],
[class*="grid"],
[class*="columns"],
[class*="split"],
[class*="layout"],
.form-ledger,
[class*="timeline"],
[class*="milestone"],
[class*="ledger"],
[class*="stats"],
[class*="pricing"],
[class*="card-list"],
.caption-rail,
.cta-band,
.cta-band__action,
[class*="actions"],
[class*="buttons"],
[class*="button-group"],
[class*="cta-group"],
[class*="action-row"],
.section > header,
section > header
) {
display: flex !important;
flex-direction: column !important;
flex-wrap: wrap !important;
align-items: stretch !important;
justify-content: flex-start !important;
}
:is(main, .site-main) :where(
.hero,
[class*="hero"],
.section-grid,
.content-grid,
.comparison,
[class*="comparison"],
[class*="grid"],
[class*="columns"],
[class*="split"],
[class*="layout"],
.form-ledger,
[class*="timeline"],
[class*="milestone"],
[class*="ledger"],
[class*="stats"],
[class*="pricing"],
[class*="card-list"],
.caption-rail,
.cta-band,
.cta-band__action,
[class*="actions"],
[class*="buttons"],
[class*="button-group"],
[class*="cta-group"],
[class*="action-row"],
.section > header,
section > header
) > * {
flex: 0 1 auto !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
.site-footer :where(
.footer-grid,
[class*="footer-grid"],
[class*="footer-columns"],
[class*="footer-contact"],
[class*="footer-links"],
[class*="footer-recap"],
[class*="footer-bottom"],
[class*="footer-legal"],
.fp-footer-contact,
[data-fp-footer-links]
) {
display: flex !important;
flex-direction: column !important;
flex-wrap: wrap !important;
align-items: stretch !important;
justify-content: flex-start !important;
}
.site-footer :where(
.footer-grid,
[class*="footer-grid"],
[class*="footer-columns"],
[class*="footer-contact"],
[class*="footer-links"],
[class*="footer-recap"],
[class*="footer-bottom"],
[class*="footer-legal"],
.fp-footer-contact,
[data-fp-footer-links]
) > * {
flex: 0 1 auto !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
}
/* fp-renderer-chrome-safety-v1 */
html,
body {
margin: 0 !important;
padding: 0 !important;
max-width: 100% !important;
}
body {
min-width: 0 !important;
}
input,
select,
textarea,
button {
box-sizing: border-box;
max-width: 100%;
}
[data-fp-site-header] {
position: relative !important;
z-index: 20 !important;
width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
overflow: visible !important;
isolation: isolate;
}
[data-fp-site-header] :where(.header-inner, [class*="header-inner"], [class*="header-content"], .site-nav, .main-nav) {
min-width: 0 !important;
max-width: 100% !important;
}
[data-fp-site-header] :where(.header-inner, [class*="header-inner"], [class*="header-content"]) {
position: relative !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
}
[data-fp-site-header] :where(.brand, .site-nav, .main-nav, [data-fp-menu-toggle]) {
position: relative;
z-index: 1;
min-width: 0;
}
[data-fp-site-main] {
position: relative;
z-index: 1;
min-width: 0;
max-width: 100%;
}
[data-fp-site-main] .fp-content-block {
/* The renderer owns these cards and has already bounded their decoration.
Never let a late model rule convert one into a clipping ancestor for a
CTA, a reveal transition, or wrapped copy. */
overflow: visible !important;
}
[data-fp-site-main] > :is(section, article) {
position: relative;
z-index: 1;
isolation: isolate;
min-width: 0;
max-width: 100%;
}
[data-fp-site-main] > :is(section, article)::before,
[data-fp-site-main] > :is(section, article)::after {
/* Model decorations may vary, but may never intercept or cover copy. */
pointer-events: none !important;
z-index: 0 !important;
}
[data-fp-site-main] > :is(section, article) > :not(style, script, link) {
position: relative !important;
z-index: 1 !important;
}
[data-fp-site-main] .page-intro {
width: min(100%, 52rem) !important;
max-width: 100% !important;
margin-inline: auto !important;
padding-inline: min(1rem, 4vw) !important;
box-sizing: border-box !important;
}
[data-fp-site-footer] {
position: relative !important;
z-index: 1 !important;
width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
overflow: visible !important;
}
[data-fp-site-footer] :where(.footer-grid, [class*="footer-grid"], [class*="footer-columns"]) {
display: flex !important;
flex-wrap: wrap !important;
align-items: flex-start !important;
gap: clamp(.75rem, 2vw, 1.35rem) !important;
min-width: 0 !important;
max-width: 100% !important;
}
[data-fp-site-footer] :where(.footer-col, [class*="footer-col"], .fp-footer-contact) {
flex: 1 1 min(10rem, 100%) !important;
min-width: 0 !important;
max-width: 100% !important;
}
[data-fp-site-footer] :where(a, p, li, address, span, strong, small) {
min-width: 0 !important;
overflow-wrap: anywhere !important;
white-space: normal !important;
}
[data-fp-site-footer] :where([data-fp-footer-links], .footer-link-list, .footer-legal-list) {
display: flex !important;
flex-wrap: wrap !important;
gap: .4rem .8rem !important;
min-width: 0 !important;
max-width: 100% !important;
}
[data-fp-site-footer] :where([data-fp-footer-links], .footer-link-list, .footer-legal-list) > li {
min-width: 0 !important;
}
@media (max-width: 820px) {
[data-fp-site-header] :where(.header-inner, [class*="header-inner"], [class*="header-content"]) {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
width: 100% !important;
}
[data-fp-site-header] [data-fp-menu-toggle] {
display: inline-flex !important;
flex: 0 0 auto !important;
margin-inline-start: auto !important;
writing-mode: horizontal-tb !important;
}
[data-fp-site-header] [data-fp-mobile-nav] {
writing-mode: horizontal-tb !important;
min-width: 0 !important;
max-width: 100% !important;
}
[data-fp-site-header] [data-fp-mobile-nav] :is(a, button) {
writing-mode: horizontal-tb !important;
white-space: normal !important;
min-width: 0 !important;
}
/* Keep a long footer compact: columns may share a row, while links inside
each column remain a readable vertical list. */
[data-fp-site-footer] :where(.footer-grid, [class*="footer-grid"], [class*="footer-columns"]) {
flex-direction: row !important;
flex-wrap: wrap !important;
align-items: stretch !important;
}
[data-fp-site-footer] :where(.footer-col, [class*="footer-col"]) {
/* Two link groups still fit inside a 320 px viewport after its gutters. */
flex: 1 1 min(7.75rem, 100%) !important;
width: auto !important;
}
[data-fp-site-footer] :where(.footer-about, .footer-contact, .fp-footer-contact) {
flex-basis: 100% !important;
width: 100% !important;
}
[data-fp-site-footer] :where([data-fp-footer-links], .footer-link-list, .footer-legal-list) {
flex-direction: column !important;
flex-wrap: wrap !important;
align-items: stretch !important;
}
[data-fp-site-footer] :where([data-fp-footer-links] > li, .footer-link-list > li, .footer-legal-list > li) {
flex: 0 1 auto !important;
width: 100% !important;
}
body.fp-mobile-nav-open [data-fp-site-header] {
position: relative !important;
z-index: 2147483646 !important;
}
body.fp-mobile-nav-open [data-fp-mobile-nav].is-open,
body.fp-mobile-nav-open [data-fp-mobile-nav].open,
body.fp-mobile-nav-open [data-fp-mobile-nav][data-fp-nav-layer-active] {
z-index: 2147483647 !important;
pointer-events: auto !important;
}
}