/* Native names clarify language choices; flags remain decorative. */
.language-picker{position:relative;flex:none;margin-left:0;color:#003c64}
.language-picker summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:7px;width:58px;min-height:44px;padding:7px;border:0;border-radius:999px;cursor:pointer;background:transparent;transition:background-color .15s ease}
.language-picker summary:hover,.language-picker[open] summary{background:#eaf4f4}
.language-picker summary::-webkit-details-marker{display:none}.language-picker summary>span{display:flex;align-items:center;justify-content:center;flex:0 0 14px;width:14px;height:27px;font-size:0;line-height:0}.language-picker summary>span::before{content:"";display:block;width:8px;height:8px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:translateY(-3px) rotate(45deg)}
.language-picker img,.language-flags img{display:block;flex:none;width:27px;height:27px;object-fit:cover;border-radius:50%;box-shadow:0 0 0 1px #163f561a}
.language-flags{display:flex;flex-direction:column;gap:4px;align-items:stretch}
.language-flags a{display:flex;align-items:center;gap:12px;min-height:46px;padding:8px 12px;border:0;border-radius:12px;background:transparent;color:#003c64;text-decoration:none;line-height:1.3;font-size:14px;font-weight:500}
.language-flags a:hover{background:#f0f7f8}.language-flags a[aria-current=true]{background:#eaf4f4;color:#006c7a}
.language-name{flex:1}.language-selected{font-size:16px;color:#007c8d;line-height:1}
.language-picker .language-flags{position:absolute;top:calc(100% + 10px);right:0;background:#fff;padding:8px;border:1px solid #e0eaed;border-radius:18px;box-shadow:0 8px 28px #003c641a;min-width:184px;z-index:120}
.language-picker summary:focus-visible,.language-flags a:focus-visible{outline:3px solid #008b97;outline-offset:3px}
.footer-language{display:flex;justify-content:flex-end;max-width:1240px;margin:0 auto;padding:20px 24px 30px}
.language-picker--footer{margin-left:0;color:#d7edf2}
.language-picker--footer summary:hover,.language-picker--footer[open] summary{background:#ffffff16}
.language-picker--footer summary>span{transform:rotate(180deg)}
.language-picker--footer .language-flags{top:auto;bottom:calc(100% + 10px)}
.language-suggestion{position:fixed;right:20px;bottom:90px;z-index:80;padding:20px 44px 20px 22px;max-width:min(370px,calc(100vw - 40px));border:1px solid #c3dade;border-radius:12px;background:#fff;color:#003c64;box-shadow:0 12px 40px #003c6420;font:15px/1.5 var(--font-body,sans-serif)}
.language-suggestion p{margin:0 0 6px}.language-suggestion>a{text-decoration:underline;font-weight:600;color:#00798b}.language-suggestion button{position:absolute;right:8px;top:8px;width:32px;height:32px;border:0;background:transparent;font-size:22px;cursor:pointer}
html[lang=sk] .hero>.wrap{width:100%;min-width:0}html[lang=sk] .hero-copy,html[lang=sk] .herogrid>*{min-width:0}
html[lang=sk] .ps-field label{line-height:1.5}html[lang=sk] .ps-top{flex-wrap:wrap}html[lang=sk] .ps-input>span{font-size:12px}html[lang=sk] .ps-bar-label strong{white-space:nowrap}
html[lang=sk] #simple-identity-flow .sf-action{font-size:13px;line-height:1.3}html[lang=sk] #simple-identity-flow .sf-status{font-size:11px}
@media(max-width:760px){html[lang=sk] .herogrid{grid-template-columns:minmax(0,1fr)!important}html[lang=sk] .hero h1{font-size:clamp(34px,9.4vw,50px);overflow-wrap:normal}html[lang=sk] .hero h1 span{white-space:normal}html[lang=sk] .hero-lede{max-width:100%}.language-picker{margin-left:0}.language-picker summary{width:50px;padding:4px;gap:4px}.preview-header .bar{gap:8px}.preview-header .navcta{margin-left:auto}.preview-header .site-menu-toggle{order:5}.language-picker{order:4}.footer-language{justify-content:center}.language-picker--footer{margin-left:0}.language-picker--footer .language-flags{right:50%;transform:translateX(50%)}}
@media(max-width:390px){.preview-header .navcta{font-size:11px;padding:10px 8px}.preview-header .mark{font-size:25px}.language-picker summary{width:48px;gap:3px}.language-picker{margin-left:0}.preview-header .site-menu-toggle{width:38px}}
@media(max-width:620px){.concept-a .comparison-problem::before{content:var(--before-label,"Before easyIGA")}.concept-a .comparison-answer::before,.comparison-answer::before{content:var(--with-label,"With easyIGA")}}

.translation-updated{max-width:1240px;margin:28px auto;padding:0 24px;color:#425f6b;font-size:14px;line-height:1.5}

/* Translated copy must determine component height, not the English line count. */
html[lang=sk] main :is(h1,h2,h3){text-wrap:balance}
html[lang=sk] main :is(p,li,td,th){overflow-wrap:break-word}
html[lang=sk] main :is(.btn,.simple-action,.sf-action){white-space:normal;text-align:center}
html[lang=sk] .hero h1{line-height:1.1;letter-spacing:-.045em}
html[lang=sk] .hero h1 span{white-space:normal}
html[lang=sk] .hero-stage{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px;align-content:center;min-width:0;height:auto;min-height:0;transform:none}
html[lang=sk] .hero-stage .flow-shell{grid-column:1/-1;width:100%}
html[lang=sk] .hero-stage .float-card{position:relative;inset:auto;justify-content:center;max-width:100%;margin:0;min-width:0}
html[lang=sk] .hero-stage .float-card>span:nth-child(2){min-width:0}
html[lang=sk] .flow-topbar{height:auto;min-height:52px;flex-wrap:wrap;padding-block:12px}
html[lang=sk] .flow-title{min-width:0}
html[lang=sk] .flow-result{flex-wrap:wrap}
html[lang=sk] .flow-result .result-meta{flex-basis:100%;margin:4px 0 0 42px;line-height:1.5}
html[lang=sk] :is(.route-icon,.app-glyph,.mini-icon,.mini-avatar,.result-check){flex-shrink:0}
html[lang=sk] .scene-window{height:auto;min-height:390px;overflow:visible}
html[lang=sk] .simple-window-bar{border-radius:12px 12px 0 0}
html[lang=sk] .simple-window-bar>span{min-width:0;text-align:right;line-height:1.5}
html[lang=sk] .simple-app-row>div,html[lang=sk] .simple-person>div{min-width:0}
html[lang=sk] .simple-review-actions{align-items:stretch}
/* A state label replaces its predecessor; two sentences never cross-fade. */
html[lang=sk] .action-after{visibility:hidden;transition:transform .25s ease;opacity:0}
html[lang=sk] .action-before{visibility:visible;transition:none}
html[lang=sk] .has-action .action-after{visibility:visible;opacity:1}
html[lang=sk] .has-action .action-before{visibility:hidden;opacity:0}
@media(min-width:761px){html[lang=sk] .hero h1{font-size:clamp(40px,4.6vw,64px)}}
@media(max-width:850px){html[lang=sk] .scene-panel{grid-template-columns:1fr;gap:28px}html[lang=sk] .scene-copy{min-height:0}html[lang=sk] .scene-copy>p:last-child{max-width:48ch}html[lang=sk] .scene-window{min-height:370px}html[lang=sk] .simple-review-actions{grid-template-columns:1fr 1fr}}
@media(max-width:480px){html[lang=sk] .scene-window{min-height:410px}html[lang=sk] .simple-review-actions{grid-template-columns:1fr}html[lang=sk] .hero-stage{grid-template-columns:1fr}html[lang=sk] .hero-stage .float-card{display:none}html[lang=sk] .ps-bar-label{flex-wrap:wrap;gap:4px 12px}html[lang=sk] .ps-bar-label strong{margin-left:auto}}

/* Keep the primary action and language selector together at the right edge. */
.preview-header .bar{justify-content:flex-start;column-gap:12px}
.preview-header .navcta{margin-left:auto}
@media(min-width:1001px){.preview-header .site-navigation{margin-left:auto}}
@media(max-width:1000px){.preview-header .language-picker{order:3}.preview-header .site-menu-toggle{order:4}}
@media(max-width:760px){.preview-header .bar{column-gap:8px}}

/* Brand clear space stays intact alongside the mobile navigation controls. */
.preview-header .bar{padding-block:0}
@media(max-width:560px){
 .preview-header .bar{display:grid;grid-template-columns:1fr auto auto;padding:8px 12px 10px;gap:0 8px}
 .preview-header .brand-logo-link{grid-column:1;grid-row:1 / span 2;justify-self:start;margin:0}
 .preview-header .navcta{grid-column:2 / span 2;grid-row:2;justify-self:end;margin:0;font-size:11px;padding:7px 12px!important}
 .preview-header .language-picker{grid-column:2;grid-row:1;justify-self:end}
 .preview-header .site-menu-toggle{grid-column:3;grid-row:1}
}
/* Poppins has wider letterforms than the previous display typeface. */
@media(min-width:761px){html[lang=sk] .hero h1{font-size:clamp(40px,4vw,48px)}}
@media(max-width:560px){html[lang=en] .premium-hero h1{font-size:clamp(38px,10vw,54px);line-height:1.05}}

/* German (de): the Slovak long-text layout adaptations, applied to German as well (20 October 2026). */
html[lang=de] .hero>.wrap{width:100%;min-width:0}html[lang=de] .hero-copy,html[lang=de] .herogrid>*{min-width:0}
html[lang=de] .ps-field label{line-height:1.5}html[lang=de] .ps-top{flex-wrap:wrap}html[lang=de] .ps-input>span{font-size:12px}html[lang=de] .ps-bar-label strong{white-space:nowrap}
html[lang=de] #simple-identity-flow .sf-action{font-size:13px;line-height:1.3}html[lang=de] #simple-identity-flow .sf-status{font-size:11px}
@media(max-width:760px){html[lang=de] .herogrid{grid-template-columns:minmax(0,1fr)!important}html[lang=de] .hero h1{font-size:clamp(34px,9.4vw,50px);overflow-wrap:normal}html[lang=de] .hero h1 span{white-space:normal}html[lang=de] .hero-lede{max-width:100%}}
html[lang=de] main :is(h1,h2,h3){text-wrap:balance}
html[lang=de] main :is(p,li,td,th){overflow-wrap:break-word}
html[lang=de] main :is(.btn,.simple-action,.sf-action){white-space:normal;text-align:center}
html[lang=de] .hero h1{line-height:1.1;letter-spacing:-.045em}
html[lang=de] .hero h1 span{white-space:normal}
html[lang=de] .hero-stage{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px;align-content:center;min-width:0;height:auto;min-height:0;transform:none}
html[lang=de] .hero-stage .flow-shell{grid-column:1/-1;width:100%}
html[lang=de] .hero-stage .float-card{position:relative;inset:auto;justify-content:center;max-width:100%;margin:0;min-width:0}
html[lang=de] .hero-stage .float-card>span:nth-child(2){min-width:0}
html[lang=de] .flow-topbar{height:auto;min-height:52px;flex-wrap:wrap;padding-block:12px}
html[lang=de] .flow-title{min-width:0}
html[lang=de] .flow-result{flex-wrap:wrap}
html[lang=de] .flow-result .result-meta{flex-basis:100%;margin:4px 0 0 42px;line-height:1.5}
html[lang=de] :is(.route-icon,.app-glyph,.mini-icon,.mini-avatar,.result-check){flex-shrink:0}
html[lang=de] .scene-window{height:auto;min-height:390px;overflow:visible}
html[lang=de] .simple-window-bar{border-radius:12px 12px 0 0}
html[lang=de] .simple-window-bar>span{min-width:0;text-align:right;line-height:1.5}
html[lang=de] .simple-app-row>div,html[lang=de] .simple-person>div{min-width:0}
html[lang=de] .simple-review-actions{align-items:stretch}
html[lang=de] .action-after{visibility:hidden;transition:transform .25s ease;opacity:0}
html[lang=de] .action-before{visibility:visible;transition:none}
html[lang=de] .has-action .action-after{visibility:visible;opacity:1}
html[lang=de] .has-action .action-before{visibility:hidden;opacity:0}
@media(min-width:761px){html[lang=de] .hero h1{font-size:clamp(40px,4.6vw,64px)}}
@media(max-width:850px){html[lang=de] .scene-panel{grid-template-columns:1fr;gap:28px}html[lang=de] .scene-copy{min-height:0}html[lang=de] .scene-copy>p:last-child{max-width:48ch}html[lang=de] .scene-window{min-height:370px}html[lang=de] .simple-review-actions{grid-template-columns:1fr 1fr}}
@media(max-width:480px){html[lang=de] .scene-window{min-height:410px}html[lang=de] .simple-review-actions{grid-template-columns:1fr}html[lang=de] .hero-stage{grid-template-columns:1fr}html[lang=de] .hero-stage .float-card{display:none}html[lang=de] .ps-bar-label{flex-wrap:wrap;gap:4px 12px}html[lang=de] .ps-bar-label strong{margin-left:auto}}
@media(min-width:761px){html[lang=de] .hero h1{font-size:clamp(40px,4vw,48px)}}
/* German (de): long compounds. Hyphenate by the German dictionary, break a word only when it cannot fit, and keep controls on one line. */
html[lang=de] main{hyphens:auto;-webkit-hyphens:auto}
html[lang=de] main :is(h1,h2,h3,h4){overflow-wrap:anywhere}
html[lang=de] main :is(p,li,dd,dt,td,th,small,b,strong,figcaption,caption,summary,label){overflow-wrap:break-word}
html[lang=de] main :is(.btn,button,.simple-motion,a.btn){hyphens:manual;-webkit-hyphens:manual}
html[lang=de] .simple-motion{flex-shrink:0;white-space:nowrap}
html[lang=de] main :is(td,th,span,b,strong,small,button){overflow-wrap:anywhere}
html[lang=de] .iga-cycle>li{min-width:0}
@media(max-width:480px){html[lang=de] .simple-steps{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}html[lang=de] .simple-steps button{text-align:left}}
html[lang=de] .iga-cycle>li>*{min-width:0;overflow-wrap:anywhere}
/* German running text on wide screens: no automatic hyphenation (it split up to five words in the homepage lead).
   Headings, table cells, compact UI text and all text below 900px keep the rules above. */
@media (min-width:900px){html[lang=de] main :is(p,li,dd,blockquote,figcaption){hyphens:manual;-webkit-hyphens:manual}}