/* Feerasta typography and product illustrations, 2026-09-14. */
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/plex-sans-400.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/plex-sans-500.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/plex-sans-600.woff2') format('woff2')}
:root{--font-body:'IBM Plex Sans',Inter,Arial,sans-serif;--font-heading:var(--font-body)}
:root:lang(ar){--font-body:'Plex Arabic',Inter,Arial,sans-serif}
body{font-family:var(--font-body)}
body :is(h1,h2,h3,h4,h5,h6,.serif,.price){font-family:var(--font-heading)!important;font-optical-sizing:auto;text-wrap:balance}
body :is(h1,h2,h3) em{font-style:normal;color:inherit!important;font-weight:inherit}
body :is(h1,h2){letter-spacing:-.025em!important;line-height:1.12}
button,input,select,textarea{font-family:var(--font-body)}
.feer-navigation>a,.feer-contact,.feer-menu-toggle,.feer-language summary{font-size:.9375rem}
.feer-footer h2{font-size:.875rem}.feer-footer p,.feer-footer-grid a{font-size:.9375rem;line-height:1.6}
.feer-footer-grid a{min-height:44px;display:flex;align-items:center}.feer-footer-base{font-size:.8125rem}
.catalogue-hero h1{font-size:clamp(2.5rem,5.2vw,4.5rem);font-weight:500;max-width:20ch}
.catalogue-hero>p{max-width:62ch}.offer-card p{font-size:1rem;line-height:1.6}
.offer-card>a{font-size:.9375rem;min-height:44px;display:inline-flex;align-items:center}
.offer-kind{display:none}.offer-group h2{font-size:1.875rem}.offer-group>header p{font-size:1rem}
.home-story{font-family:var(--font-body)}
.home-story :is(h1,h2,h3){font-weight:500}
.home-story .hero-copy h1{font-size:clamp(2.75rem,5.6vw,5.1rem);line-height:1.06;max-width:12ch}
.home-story .hero-copy h1 em{color:inherit;font-style:normal}
.home-story .hero-description{font-size:1.125rem;line-height:1.65;max-width:43ch}
.home-story .hero-note{font-size:.875rem;max-width:43ch;line-height:1.6}
.home-story .hero-layout{grid-template-columns:1.08fr 1fr;min-height:650px;gap:40px}
.home-story .hero-actions .button{font-size:1rem;min-height:48px}
.home-story .text-action{font-size:1rem;min-height:44px;display:inline-flex;align-items:center}
.home-story :is(.home-offers h2,.home-paths h2,.experience-heading h2,.origin h2,.closing h2){font-size:clamp(2rem,3.7vw,3.5rem);line-height:1.12;max-width:19ch;font-weight:500}
.home-story .home-offers header{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:end;max-width:none}
.home-story .home-offers header h2{margin:0}.home-story .home-offers header>p:last-child{max-width:43ch;font-size:1.0625rem}
.home-story .home-offer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 36px}
.home-story .home-offer-image{height:250px;margin-bottom:24px;border:1px solid var(--line);border-radius:12px;background:var(--navy-deep)}
.home-story .home-offer-grid h3{font-size:1.5rem;font-weight:500;line-height:1.25}
.home-story .home-offer-grid p{font-size:1rem;line-height:1.65;max-width:52ch}
.home-story .home-offer-grid article>a{font-size:1rem;display:flex;align-items:center;justify-content:space-between;min-height:48px;margin-top:16px;padding:10px 0;border-bottom:1px solid var(--line)}
.home-story .home-offer-grid article>a:hover{border-color:var(--gold-soft)}
.home-story .home-offer-grid article>a:active{opacity:.7}
.home-story .home-private h3{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:500;max-width:22ch}
.home-story .home-private p:not(.eyebrow){font-size:1rem;max-width:52ch}
.home-story .home-paths{grid-template-columns:1fr 1.2fr;gap:80px;padding-block:88px}
.home-story .home-paths h2{margin:0 0 24px;max-width:13ch}
.home-story .home-paths>div>p{font-size:1.0625rem;max-width:34ch}
.home-story .home-paths :is(ol,ul){list-style:none;margin:0;padding:0}
.home-story .home-paths li{padding:28px 0}.home-story .home-paths h3{font-size:1.375rem;margin-bottom:12px}
.home-story .home-paths p{font-size:1rem;max-width:56ch;line-height:1.65}
.home-story .home-paths a{min-height:44px;display:inline-flex;align-items:center;padding:12px 0;font-size:1rem;text-decoration:underline;text-underline-offset:5px}
.home-story .experience-heading p,.home-story .origin p:not(.proof-number),.home-story .closing p{font-size:1.0625rem;line-height:1.65;max-width:56ch}
.home-story .decision-heading p{font-size:1rem;line-height:1.6}.home-story .decision-heading h3{font-size:1.75rem}
.home-story .journey strong{font-size:.9375rem}.home-story .journey li p{font-size:.875rem}
.home-story .invoice-facts :is(dt,dd),.home-story .receipt :is(dt,dd){font-size:.9375rem}
.home-story .amount-fact dd{font-family:var(--font-body);font-size:2.5rem;font-weight:500}
.home-story .decision-status,.home-story .demo-label{font-size:.8125rem;letter-spacing:0;text-transform:none}
.home-story .decision-actions .button,.home-story .quiet-button{font-size:.9375rem;min-height:48px}
.home-story .evidence-table table{font-size:.875rem;table-layout:auto;min-width:430px}
.home-story .evidence-table{overflow-x:auto}.home-story .receipt dd{overflow-wrap:anywhere}
.home-story .scene-orbit{display:none}.home-story .scene{height:470px}
.home-story .sculpture{width:170px;height:170px;right:10px;top:12px}
.home-story .seal-face{outline:none;border-radius:12px;box-shadow:6px 9px 0 -2px color-mix(in srgb,var(--gold) 45%,var(--ink)),18px 26px 44px color-mix(in srgb,var(--navy-deep) 45%,transparent)}
.home-story .seal-face span{font-size:116px}.home-story .seal-edge{border-radius:12px}
.home-story .document-object{top:92px;left:12px;transform:rotateY(calc(-4deg + var(--tilt-y))) rotateX(var(--tilt-x)) rotateZ(-3deg);border-radius:8px}
.home-story .paper-title{font-size:1.75rem;font-weight:500;line-height:1.15;max-width:14ch}
.home-story .paper-header,.home-story .paper-number,.home-story .paper-line,.home-story .paper-total,.home-story .paper-stamp,.home-story .paper-footer{font-size:.75rem}
.home-story .paper-footer{line-height:1.4}.home-story .scene-caption{top:414px;right:8px;font-size:.875rem}
.home-story .scene-disclosure{top:auto;bottom:0;left:24px;font-size:.75rem}
.home-story .opening-footer{font-size:.875rem}.home-story .motion-control{font-size:.8125rem;min-height:44px}
/* Authored, static product scenes. All records are explicitly illustrative. */
.product-visual{height:100%;padding:24px;display:flex;flex-direction:column;gap:18px;color:var(--ivory);font-family:var(--font-body);overflow:hidden}
.product-visual .visual-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:1rem;font-weight:500}
.product-visual .visual-top small{font-size:.75rem;font-weight:400;color:var(--muted)}
.product-visual .visual-body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:12px}
.product-visual .visual-row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.875rem;line-height:1.4;padding:12px 0;border-bottom:1px solid var(--line)}
.product-visual .visual-row:last-child{border-bottom:0}.product-visual .visual-row b{font-weight:500}
.product-visual .visual-state{font-size:.8125rem;color:var(--gold-soft);white-space:nowrap}
.product-visual .visual-flow{display:grid;grid-template-columns:1fr 24px 1fr;gap:12px;align-items:center}
.product-visual .visual-flow>div{display:grid;gap:10px;font-size:.9375rem;line-height:1.4}
.product-visual .visual-flow svg{width:22px;height:22px;stroke:var(--gold-soft);fill:none;stroke-width:1.5}
.product-visual .visual-flow small{font-size:.8125rem;color:var(--muted)}
.product-visual .visual-foot{font-size:.8125rem;display:flex;align-items:center;gap:10px;color:var(--muted)}
.product-visual .visual-foot::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--gold-soft);flex-shrink:0}
.product-visual .visual-site{display:grid;grid-template-columns:1.1fr 1fr;gap:26px;align-items:center;flex:1}
.product-visual .visual-site strong{font-size:clamp(1.25rem,2.5vw,1.875rem);font-weight:500;letter-spacing:-.025em;line-height:1.1;max-width:12ch}
.product-visual .visual-site-art{height:110px;border-radius:60% 35% 45% 40%;border:1px solid var(--gold-soft);position:relative;transform:rotate(-12deg);background:color-mix(in srgb,var(--gold) 9%,var(--navy-deep))}
.product-visual .visual-site-art::before,.product-visual .visual-site-art::after{content:'';position:absolute;inset:15px;border:1px solid color-mix(in srgb,var(--gold-soft) 55%,transparent);border-radius:inherit}
.product-visual .visual-site-art::after{inset:30px}
@media(max-width:1050px){.home-story .hero-layout{gap:20px}.home-story .scene{transform:scale(.9);transform-origin:center right}.home-story .home-paths{gap:40px}}
@media(max-width:820px){.home-story .hero-layout{grid-template-columns:1fr;padding-top:44px;gap:28px}.home-story .hero-copy h1{font-size:clamp(2.75rem,8vw,4.5rem);max-width:13ch}.home-story .scene{transform:none;width:min(460px,100%);margin:0 auto}.home-story .home-offers header{grid-template-columns:1fr;gap:20px}.home-story .home-paths{grid-template-columns:1fr;gap:32px}.home-story .home-paths h2{max-width:18ch}.home-story .home-paths>div>p{max-width:50ch}.home-story .home-offer-grid{gap:36px 24px}.product-visual{padding:20px}.home-story .home-offer-image{height:240px}}
@media(max-width:600px){.home-story .home-offer-grid{grid-template-columns:1fr}.home-story .hero-copy h1 br{display:none}.home-story .hero-copy h1{max-width:12ch}.home-story .hero-description{font-size:1.0625rem}.home-story .scene{height:480px}.home-story .document-object{left:4px;top:92px;width:calc(100% - 26px);max-width:320px;padding:22px}.home-story .sculpture{width:132px;height:132px;right:5px;top:6px}.home-story .seal-face span{font-size:90px}.home-story .scene-caption{top:417px;font-size:.8125rem}.home-story .scene-disclosure{bottom:0;left:6px}.home-story .home-paths{padding-block:56px}.home-story .home-offer-image{height:240px}.home-story .home-offers h2,.home-story .home-paths h2{font-size:2.25rem}.home-story .experience-heading h2{font-size:2.125rem}.home-story .journey strong{font-size:.75rem}.home-story .decision-heading h3{font-size:1.5rem}.home-story .decision-panel{min-height:0}.home-story .decision-actions{gap:12px}.home-story .decision-bottom{font-size:.75rem;line-height:1.5}.home-story .closing h2{font-size:2.25rem}.catalogue-hero{padding:48px 22px 36px}.catalogue-hero h1{font-size:2.5rem}.catalogue-hero>p{font-size:1rem}.feer-footer{padding-inline:22px}.feer-nav-inner{flex-wrap:wrap}.feer-language-list{max-width:calc(100vw - 32px)}.product-visual .visual-site strong{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){.home-story .document-object,.home-story .sculpture{transform:none;transition:none}.home-story .seal-face::after{display:none}}

/* Keep the sample invoice and its disclosure separated at narrow widths. */
.home-story .paper-title{font-size:1.375rem;line-height:1.2;max-width:none}
.home-story .scene{height:550px}.home-story .scene-caption{display:none}
@media(max-width:600px){.home-story .scene{height:530px}.home-story .document-object{top:70px}.home-story .scene-disclosure{bottom:0}}


/* Release mobile pass, 2026-09-15: one compact header, readable touch layouts. */
@media(max-width:1199px){
 .feer-nav-inner{display:flex;flex-wrap:wrap;gap:15px;padding-inline:24px}
 .feer-nav-actions{display:contents}
 .feer-brand{margin-inline-end:auto}
 .feer-navigation{order:5;flex:1 0 100%;display:grid;grid-template-columns:1fr 1fr;gap:0 24px;padding:15px 0}
 .feer-navigation a{border-bottom:1px solid var(--line)}
 .feer-language{margin-inline-start:auto}
 .feer-mobile-contact{display:block}
}
@media(max-width:600px){
 .feer-nav-inner{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:0 10px;padding:12px 18px;min-height:72px}
 .feer-brand{grid-column:1;grid-row:1;margin:0;min-width:0}
 .feer-menu-toggle{grid-column:2;grid-row:1;min-height:44px;padding:10px 12px;font-size:.8125rem}
 .feer-nav .theme-toggle{grid-column:3;grid-row:1;width:44px;height:44px;min-width:44px}
 .feer-navigation{grid-column:1/-1;grid-row:2;grid-template-columns:1fr;padding:12px 0 0;gap:0}
 .feer-navigation a{min-height:48px;padding-block:14px}
 .feer-nav-actions .feer-contact,.feer-nav-inner>.feer-contact{display:none}
 .feer-language{display:none;grid-column:1/-1;grid-row:3;margin:0;border-top:1px solid var(--line)}
 .feer-nav:has(.feer-menu-toggle[aria-expanded=true]) .feer-language{display:block}
 .feer-language summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;font-size:.9375rem;padding:12px 0}
 .feer-language-list{position:static;width:100%;max-width:none;max-height:45dvh;display:grid;grid-template-columns:1fr 1fr;box-shadow:none;margin-bottom:8px}
 .feer-language-list a{min-height:44px;display:flex;align-items:center}
 .home-story .hero-actions .button{width:100%;justify-content:space-between}
 .home-story .hero-actions{align-items:stretch}
 .home-story .hero-description br{display:none}
 .home-story .product-visual .visual-top{align-items:flex-start}
 .home-story .product-visual .visual-top small{text-align:end;max-width:14ch}
 main input:not([type=checkbox]):not([type=radio]),main textarea,main select{font-size:1rem}
}
@media(max-width:360px){
 .home-story .hero-copy h1{font-size:2.375rem;max-width:14ch}
 .feer-nav-inner{column-gap:8px;padding-inline:16px}
 .feer-menu-toggle{padding-inline:10px}
 .home-story .decision-top{flex-wrap:wrap}
}
@media(hover:none){.home-story .button-gold:hover{transform:none;box-shadow:none}}

/* Consistent ink and upright typography across legacy page families. */
body :is(h1,h2,h3) em{font-style:normal!important}
.thesis p,.nofees-lead,.home-story .workbench-brand{font-family:var(--font-body)!important}
.home-story .workbench-brand{font-weight:500}
.home-story .decision-area{background:var(--cream);color:var(--ink)}
.home-story .decision-status{color:var(--paper-muted)}
@media(min-width:821px){.home-story .hero-copy h1{max-width:none}}
@media(max-width:600px){body main textarea,body main select{font-size:1rem!important}}

/* Longer translated labels retain a compact menu until there is room for all controls. */
@media(min-width:601px) and (max-width:1399px){
 :root:not(:lang(en)) .feer-nav-inner{display:flex;flex-wrap:wrap;gap:15px;padding-inline:24px}
 :root:not(:lang(en)) .feer-nav-actions{display:contents}
 :root:not(:lang(en)) .feer-brand{margin-inline-end:auto}
 :root:not(:lang(en)) .feer-navigation{order:5;flex:1 0 100%;display:grid;grid-template-columns:1fr 1fr;gap:0 24px;padding:15px 0}
 :root:not(:lang(en)) .feer-navigation a{border-bottom:1px solid var(--line)}
 :root:not(:lang(en)) .feer-language{margin-inline-start:auto}
 :root:not(:lang(en)) .feer-mobile-contact{display:block}
}

/* Links set inline in gold inside running text must not rely on colour alone (WCAG 1.4.1, axe link-in-text-block). 2026-09-16 */
main a[style*="--gold"]{text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:1px}
main a[style*="--gold"]:hover,main a[style*="--gold"]:focus-visible{text-decoration-thickness:2px}
/* Footer legal links: at least 24 CSS px tall (WCAG 2.2 SC 2.5.8) and never below 12px text on phones. 2026-09-16 */
.feer-footer-base a{display:inline-block;padding:5px 0;line-height:1.2}
@media (max-width:640px){.feer-footer-base{font-size:.75rem}}
/* Offer illustrations: the fixed-height box clipped the footer line on phones (min-height keeps the desktop rhythm, content may grow). 2026-09-16 */
.home-story .home-offer-image{height:auto;min-height:240px;display:flex}
.home-story .home-offer-image .product-visual{overflow:visible;width:100%}
@media (max-width:640px){.home-story .home-offer-image{min-height:0}.product-visual .visual-body{flex:0 0 auto}}

/* Machine-translation notice on the twelve language homepages. 2026-09-16 */
.mt-notice{color:color-mix(in srgb, var(--ivory) 65%, transparent);font-size:.8125rem;text-align:center;padding:12px;margin:0;border-bottom:1px solid var(--line)}
.mt-notice a{color:var(--gold-soft)}
/* Relate sample record: cited sources are display text, not links (page style block lives in the head). 2026-09-16 */
.frame .cite .linklike{color:var(--gold-soft)}

/* Hero backdrops: apple-foundation.css pinned every photo to 15 percent, which reads as a smudge. The 2026-09-16 set has legible mid-tones and the ::after gradient already carries the copy. Text pages use the quiet variant. */
.hero .hero-bg{opacity:.5}
.hero.hero-quiet .hero-bg{opacity:.22}
:root[data-theme="light"] .hero .hero-bg{opacity:.16}
:root[data-theme="light"] .hero.hero-quiet .hero-bg{opacity:.08}