/* Aiegio design system — mirrors aiegio.pl (Aiegio_landing/app/globals.css): 5 colors, 3 fonts, sharp corners,
   hairlines and a construction grid. Shared by the public pages and the OAuth connect page. */

/* Archivo, Public Sans, JetBrains Mono — SIL Open Font License 1.1 (fonts/OFL-*.txt), latin + latin-ext subsets. */
@font-face{font-family:"Archivo";font-style:normal;font-weight:700 800;font-display:swap;src:url(/fonts/archivo-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Archivo";font-style:normal;font-weight:700 800;font-display:swap;src:url(/fonts/archivo-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/jetbrains-mono-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/jetbrains-mono-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Public Sans";font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/public-sans-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Public Sans";font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/public-sans-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

:root{
  /* Aiegio tokens: 5 colors, nothing more */
  --ink:#16191a;--panel:#dce0da;--panel-deep:#c5cbc3;--live:#2e7d46;--fault:#b23a2e;
  --ink-08:rgba(22,25,26,.08);--ink-13:rgba(22,25,26,.13);--ink-15:rgba(22,25,26,.15);--ink-40:rgba(22,25,26,.4);
  --ink-60:rgba(22,25,26,.6);--ink-70:rgba(22,25,26,.7);--ink-80:rgba(22,25,26,.8);--ink-85:rgba(22,25,26,.85);
  --font-display:"Archivo",Arial,sans-serif;--font-sans:"Public Sans","Segoe UI",sans-serif;--font-mono:"JetBrains Mono",Consolas,monospace;
  --text-h1:clamp(2.75rem,6vw,5rem);--text-h2:clamp(2rem,4.2vw,3.25rem);--text-h3:clamp(1.15rem,1.6vw,1.5rem);--text-eyebrow:.6875rem;
  color-scheme:light;
}
*{box-sizing:border-box}
html{background:var(--panel)}
body{margin:0;background:var(--panel);color:var(--ink);font:400 1rem/1.5 var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0}
b,strong{font-weight:600}
a{color:inherit}
::selection{background:var(--ink);color:var(--panel)}
:focus{outline:none}
:focus-visible{outline:2px solid var(--live);outline-offset:3px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:1rem;top:-3rem;z-index:100;background:var(--ink);color:var(--panel);padding:.6rem 1rem;font:500 .75rem/1.5 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:top .2s ease}
.skip-link:focus{top:1rem}

/* Construction-drawing grid: thin verticals running through the whole page */
.construction-grid{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:repeating-linear-gradient(to right,var(--ink-13) 0,var(--ink-13) 1px,transparent 1px,transparent 88px)}
@media (min-width:768px){.construction-grid{background-image:repeating-linear-gradient(to right,var(--ink-13) 0,var(--ink-13) 1px,transparent 1px,transparent 120px)}}

/* ---------- layout */
.wrap{position:relative;max-width:1360px;margin:0 auto;padding:0 24px}
.wrap.narrow{max-width:840px}
@media (min-width:768px){.wrap{padding:0 48px}}
main{position:relative;z-index:1;overflow-wrap:break-word}
.section{position:relative;z-index:1}
.section>.wrap{padding-top:80px;padding-bottom:80px}
.section.deep{background:var(--panel-deep)}
.section.tight>.wrap{padding-top:48px;padding-bottom:48px}
@media (min-width:768px){.section>.wrap{padding-top:112px;padding-bottom:112px}.section.tight>.wrap{padding-top:64px;padding-bottom:64px}}

/* ---------- type */
.eyebrow{font:500 var(--text-eyebrow)/1.5 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-70)}
.label{display:flex;align-items:center;gap:8px;margin-bottom:16px}
.label .num{color:var(--ink)}
.h1{font:800 var(--text-h1)/1.02 var(--font-display);letter-spacing:-.03em;text-wrap:balance}
.h2{font:700 var(--text-h2)/1.05 var(--font-display);letter-spacing:-.03em;text-wrap:balance;max-width:20ch}
.h3{font:700 var(--text-h3)/1.2 var(--font-display);letter-spacing:-.02em}
.lead{margin-top:24px;max-width:58ch;font-size:1.125rem;line-height:1.625;color:var(--ink-85)}
.body{margin-top:16px;max-width:64ch;line-height:1.625;color:var(--ink-85)}
.small{font-size:.875rem;line-height:1.625;color:var(--ink-80)}
.fine{font:400 11px/1.625 var(--font-mono);color:var(--ink-70)}
.tabular{font-variant-numeric:tabular-nums}
.plain{text-transform:none;letter-spacing:.02em}
.subhead{margin-top:64px}
main a:not([class]){text-decoration:underline;text-decoration-color:var(--ink-40);text-underline-offset:3px;transition:text-decoration-color .15s}
main a:not([class]):hover{text-decoration-color:var(--ink)}
code,kbd{font:400 .85em/1.4 var(--font-mono);background:rgba(197,203,195,.6);padding:1px 6px;word-break:break-all}

/* ---------- buttons and links */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--ink);border-radius:0;background:transparent;color:var(--ink);padding:8px 14px;font:500 var(--text-eyebrow)/1.5 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}
.btn:hover{background:var(--ink);color:var(--panel)}
.btn-lg{padding:14px 24px}
.btn-solid{background:var(--ink);color:var(--panel)}
.btn-solid:hover{background:var(--panel);color:var(--ink)}
.btn-quiet{border-color:var(--ink-40);color:var(--ink-80)}
.btn-quiet:hover{background:transparent;border-color:var(--ink);color:var(--ink)}
.link-arrow{display:inline-flex;align-items:center;gap:8px;font:500 var(--text-eyebrow)/1.5 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);text-decoration:underline;text-decoration-color:var(--ink-40);text-underline-offset:4px;transition:text-decoration-color .15s}
.link-arrow:hover{text-decoration-color:var(--ink)}
.link-arrow svg{flex-shrink:0;transition:transform .15s}
.link-arrow:hover svg{transform:translateX(2px)}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px;margin-top:36px}

/* ---------- header */
.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--ink-15);background:var(--panel)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;height:56px}
.brand{display:flex;align-items:baseline;gap:10px;min-width:0;color:var(--ink);text-decoration:none}
.brand-mark{font:800 1.25rem/1 var(--font-display);letter-spacing:-.03em}
.brand-product{font:500 var(--text-eyebrow)/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-70);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand-product::before{content:"/";margin-right:10px;color:var(--ink-40)}
.site-nav{display:none;align-items:center;gap:28px}
.nav-link{font:500 var(--text-eyebrow)/1.5 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-70);text-decoration:none;transition:color .15s}
.nav-link:hover{color:var(--ink)}
.status{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
@media (min-width:1024px){.site-nav{display:flex}}
@media (max-width:420px){.brand-product{display:none}}

/* ---------- hero */
.hero{position:relative;z-index:1}
.hero-grid{display:grid;gap:56px;padding-top:56px;padding-bottom:64px}
.hero-copy{display:flex;flex-direction:column;justify-content:center}
.hero-copy>.eyebrow{margin-bottom:24px}
.hero-copy .lead{margin-top:28px;max-width:54ch}
.hero.single .h1{max-width:17ch}
@media (min-width:768px){.hero-grid{grid-template-columns:1.05fr .95fr;gap:40px;padding-top:80px;padding-bottom:80px}.hero.single .hero-grid{grid-template-columns:1fr}}
.visual-frame{display:flex;flex-direction:column;justify-content:center;border:1px solid var(--ink-15);background:rgba(197,203,195,.4);padding:24px}
@media (min-width:768px){.visual-frame{padding:32px}}

/* Chat + KSeF mock in the hero */
.mock{width:100%;background:#fff;border:1px solid var(--ink);font:400 12px/1.4 var(--font-mono);color:var(--ink)}
.mock-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--ink);color:var(--panel);padding:9px 14px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.mock-ask{display:flex;gap:10px;padding:14px;border-bottom:1px solid var(--ink-15);font:500 14px/1.45 var(--font-sans)}
.mock-ask::before{content:"›";font-family:var(--font-mono);color:var(--ink-60)}
.mock-meta,.mock-row,.mock-foot{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;padding:9px 14px}
.mock-meta{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-60);border-bottom:1px solid var(--ink-15)}
.mock-row{border-bottom:1px solid var(--ink-08)}
.mock-row span:nth-child(2){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.mock-row span:last-child,.mock-meta span:last-child,.mock-foot span:last-child{text-align:right;font-variant-numeric:tabular-nums}
.mock-foot{background:#eef0ec;font-weight:600}
.mock-caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;margin-top:18px}

/* ---------- facts strip */
.strip{display:grid;grid-template-columns:1fr;border-top:1px solid var(--ink-15);border-bottom:1px solid var(--ink-15)}
.strip>div{padding:20px 0}
.strip>div+div{border-top:1px solid var(--ink-15)}
.strip dt{font:500 10px/1.5 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-60)}
.strip dd{margin-top:6px;font:400 .875rem/1.5 var(--font-mono);color:var(--ink)}
@media (min-width:768px){.strip{grid-template-columns:repeat(3,1fr)}.strip>div{padding:20px 28px}.strip>div+div{border-top:0;border-left:1px solid var(--ink-15)}}

/* ---------- columns (steps, features) */
.cols{display:grid;grid-template-columns:1fr;margin-top:56px;border-top:1px solid var(--ink-15);border-bottom:1px solid var(--ink-15)}
.col{display:flex;flex-direction:column;padding:32px 0}
.cols>.col+.col{border-top:1px solid var(--ink-15)}
.col .h3{margin-top:12px}
.col p{margin-top:12px;max-width:34ch;font-size:.875rem;line-height:1.625;color:var(--ink-80)}
.col .grow{flex:1}
.col .meta{margin-top:16px}
.col .meta.live{color:var(--live)}
.col .list{margin-top:12px}
@media (min-width:768px){
  .cols.c2{grid-template-columns:repeat(2,1fr)}.cols.c3{grid-template-columns:repeat(3,1fr)}.cols.c4{grid-template-columns:repeat(4,1fr)}
  .cols>.col{padding:8px 24px}.cols>.col:first-child{padding-left:0}
  .cols>.col+.col{border-top:0;border-left:1px solid var(--ink-15)}
}
/* 3-column cells that wrap onto several rows */
.cells{display:grid;grid-template-columns:1fr;margin-top:56px;border-bottom:1px solid var(--ink-15)}
.cells>.col{border-top:1px solid var(--ink-15)}
@media (min-width:768px){
  .cells{grid-template-columns:repeat(3,1fr)}
  .cells>.col{padding:28px 24px 32px}
  .cells>.col:nth-child(3n+1){padding-left:0}
  .cells>.col:nth-child(3n+2),.cells>.col:nth-child(3n+3){border-left:1px solid var(--ink-15)}
}

/* ---------- lists */
.list{list-style:none;padding:0;margin-top:16px}
.list li{position:relative;padding-left:20px;margin-top:10px;line-height:1.625;color:var(--ink-85)}
.list li::before{content:"";position:absolute;left:0;top:.66em;width:6px;height:6px;background:var(--ink)}
.list.small li{font-size:.875rem}
.steps{list-style:none;counter-reset:step;margin-top:40px;border-top:1px solid var(--ink-15)}
.steps>li{counter-increment:step;display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;padding:20px 0;border-bottom:1px solid var(--ink-15);line-height:1.625;color:var(--ink-85)}
.steps>li::before{content:"[ " counter(step,decimal-leading-zero) " ]";padding-top:3px;font:500 var(--text-eyebrow)/1.5 var(--font-mono);letter-spacing:.04em;color:var(--ink-70);white-space:nowrap}
.steps b{color:var(--ink)}
.quotes{list-style:none;margin-top:40px;border-top:1px solid var(--ink-15)}
.quotes li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;padding:20px 0;border-bottom:1px solid var(--ink-15);font-size:1.125rem;line-height:1.5}
.quotes li span{padding-top:5px}

/* ---------- callouts */
.callout{display:flex;align-items:flex-start;gap:12px;margin-top:32px;border-left:2px solid var(--live);padding:4px 0 4px 16px}
.callout .dot{margin-top:.55em}
.callout p{flex:1;min-width:0;max-width:70ch;font-size:.875rem;line-height:1.625;color:var(--ink-85)}
.dot{display:inline-block;flex-shrink:0;width:6px;height:6px;background:var(--live)}
.dot.fault{background:var(--fault)}
.note,.error{display:flex;align-items:flex-start;gap:12px;margin:24px 0;border:1px solid rgba(178,58,46,.6);padding:14px 18px;font-size:.875rem;line-height:1.55;color:var(--ink)}
.note::before,.error::before{content:"";flex-shrink:0;width:6px;height:6px;margin-top:.5em;background:var(--fault)}
.todo{color:var(--fault)}
.pill{display:inline-block;background:var(--ink);color:var(--panel);padding:4px 8px;font:500 10px/1.2 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}

/* ---------- FAQ */
.faq{margin-top:48px;border-top:1px solid var(--ink-15)}
.faq details{border-bottom:1px solid var(--ink-15);padding:24px 0}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq .pm{position:relative;flex-shrink:0;width:18px;height:18px}
.faq .pm::before,.faq .pm::after{content:"";position:absolute;background:var(--ink)}
.faq .pm::before{left:2px;right:2px;top:8.25px;height:1.5px}
.faq .pm::after{top:2px;bottom:2px;left:8.25px;width:1.5px;transition:transform .2s}
.faq details[open] .pm::after{transform:scaleY(0)}
.faq .answer{margin-top:16px;max-width:64ch;line-height:1.625;color:var(--ink-85)}
.faq .answer p+p,.faq .answer p+ul,.faq .answer ul+p{margin-top:10px}

/* ---------- tables */
.table-wrap{margin-top:32px;overflow-x:auto;border-top:1px solid var(--ink-15);border-bottom:1px solid var(--ink-15)}
table{width:100%;min-width:560px;border-collapse:collapse}
th,td{padding:16px 24px 16px 0;border-bottom:1px solid var(--ink-15);text-align:left;vertical-align:top}
tr:last-child>td{border-bottom:0}
th{font:500 var(--text-eyebrow)/1.5 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-70)}
td{font-size:.875rem;line-height:1.6;color:var(--ink-85)}
td.strong{min-width:150px;color:var(--ink);font-weight:600}
td.nowrap{white-space:nowrap}

/* ---------- legal documents */
.doc .meta-line{margin-top:20px}
.doc h2{margin-top:48px;padding-top:24px;border-top:1px solid var(--ink-15);font:700 var(--text-h3)/1.2 var(--font-display);letter-spacing:-.02em}
.doc p,.doc li{line-height:1.625;color:var(--ink-85)}
.doc p{margin-top:12px}
.doc ul,.doc ol{margin-top:12px;padding-left:22px}
.doc ul{list-style:square}
.doc li{margin-top:8px;padding-left:4px}
.doc li::marker{color:var(--ink)}
.doc b{color:var(--ink)}

/* ---------- footer */
.site-footer{position:relative;z-index:1;border-top:1px solid var(--ink-15)}
.site-footer .wrap{padding-top:56px;padding-bottom:56px}
.footer-top{display:grid;gap:40px}
.footer-top p{margin-top:16px;max-width:46ch;font-size:.875rem;line-height:1.625;color:var(--ink-80)}
.footer-nav ul{list-style:none;display:grid;grid-template-columns:repeat(2,max-content);gap:10px 40px;margin-top:16px}
.footer-bottom{display:flex;flex-direction:column;gap:24px;margin-top:48px;padding-top:32px;border-top:1px solid var(--ink-15)}
.footer-links{display:flex;flex-wrap:wrap;align-items:center;gap:12px 32px}
.footer-links a{text-decoration:none}
.footer-links a:hover{color:var(--ink)}
@media (min-width:768px){
  .footer-top{grid-template-columns:1.2fr 1fr;gap:64px}.footer-nav{justify-self:end}
  .footer-bottom{flex-direction:row;align-items:center;justify-content:space-between}
}

/* ---------- OAuth connect page */
.connect .wrap{max-width:760px}
.connect-title{margin-top:4px;font:800 clamp(1.9rem,4vw,2.75rem)/1.05 var(--font-display);letter-spacing:-.03em;text-wrap:balance}
.group{margin-top:40px;padding-top:24px;border-top:1px solid var(--ink-15)}
.group-title{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.group-title .num{color:var(--ink)}
.callout.warn{border-left-color:var(--fault)}
.connect .site-footer .wrap{padding-top:28px;padding-bottom:28px}
.field{margin-top:24px}
.field-label{display:block;margin-bottom:6px}
.input{display:block;width:100%;border:0;border-bottom:1px solid var(--ink-40);border-radius:0;background:transparent;padding:10px 0;font:400 1rem/1.5 var(--font-sans);color:var(--ink);transition:border-color .15s}
.input:focus{border-bottom-color:var(--ink)}
.input:focus-visible{outline:none;border-bottom:2px solid var(--live);padding-bottom:9px}
select.input{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:28px;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath d='M2 4.5 6 8.5l4-4' stroke='%2316191a' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat right 4px center}
input[type=file].input{padding:12px 0;font-size:.875rem;color:var(--ink-80)}
input[type=file].input::file-selector-button{margin-right:14px;border:1px solid var(--ink);border-radius:0;background:transparent;color:var(--ink);padding:7px 12px;font:500 var(--text-eyebrow)/1.5 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background-color .15s,color .15s}
input[type=file].input::file-selector-button:hover{background:var(--ink);color:var(--panel)}
.hint{margin-top:10px;max-width:64ch;font-size:.8125rem;line-height:1.6;color:var(--ink-70)}
.hint b{color:var(--ink)}
.segmented{display:flex;flex-wrap:wrap;width:fit-content;max-width:100%;margin-top:14px;border:1px solid var(--ink)}
.segmented label{position:relative;cursor:pointer}
.segmented label+label{border-left:1px solid var(--ink)}
.segmented input{position:absolute;opacity:0;pointer-events:none}
.segmented span{display:block;padding:10px 14px;font:500 var(--text-eyebrow)/1.5 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-80);transition:background-color .15s,color .15s}
.segmented label:hover span{color:var(--ink)}
.segmented input:checked+span{background:var(--ink);color:var(--panel)}
.segmented input:focus-visible+span{outline:2px solid var(--live);outline-offset:2px}
.panel{display:none}
.panel.on{display:block}
.check{display:flex;align-items:flex-start;gap:12px;margin-top:16px;cursor:pointer;font-size:.9375rem;line-height:1.5;color:var(--ink-85)}
.check input{appearance:none;-webkit-appearance:none;flex-shrink:0;width:20px;height:20px;margin:1px 0 0;border:1px solid var(--ink);border-radius:0;background:transparent no-repeat center/12px;cursor:pointer}
.check input:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M1.5 6 4.5 9l6-7' stroke='%2316191a' stroke-width='1.6'/%3E%3C/svg%3E")}
.check input:disabled{cursor:default;border-color:var(--ink-60)}
.check input:disabled+span{color:var(--ink-70)}
.form-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.connect .list li{margin-top:8px}
@media (max-width:520px){.segmented{width:100%}.segmented label{flex:1 1 auto}.segmented span{text-align:center}.form-actions .btn{flex:1 1 100%}}

/* ---- Konto Aiegio: sign-in and account pages (additions to the shared Aiegio stylesheet) */
.btn-google{gap:12px;background:#fff;text-transform:none;letter-spacing:.02em;font:500 .9375rem/1.5 var(--font-sans)}
.btn-google:hover{background:var(--ink);color:var(--panel)}
.g-mark{flex-shrink:0}
.or{display:flex;align-items:center;gap:16px;margin:28px 0 4px;color:var(--ink-60)}
.or::before,.or::after{content:"";flex:1;height:1px;background:var(--ink-15)}
.input-code{max-width:260px;font:500 1.75rem/1.3 var(--font-mono);letter-spacing:.32em}
.input-code::placeholder{color:var(--ink-40)}
.text-btn{display:inline;border:0;padding:0;background:none;font:inherit;color:var(--ink);text-decoration:underline;text-decoration-color:var(--ink-40);text-underline-offset:3px;cursor:pointer}
.text-btn:hover{text-decoration-color:var(--ink)}
.inline-form .hint{margin-top:24px}
.back{margin-top:48px}
.callout.ok{margin-top:24px}
.kv{display:grid;grid-template-columns:1fr;gap:4px 24px;margin-top:16px}
.kv dt{padding-top:12px}
.kv dd{color:var(--ink-85);line-height:1.6;overflow-wrap:anywhere}
.group .subhead{margin-top:36px;font:700 var(--text-h3)/1.2 var(--font-display);letter-spacing:-.02em}
.danger{margin-top:12px}
.btn-danger{border-color:var(--fault);color:var(--fault)}
.btn-danger:hover{background:var(--fault);border-color:var(--fault);color:var(--panel)}
.meta .dot{margin-right:8px;vertical-align:.1em}
.mock-login{padding:22px 20px 24px;font-family:var(--font-sans)}
.mock-kicker{font:500 10px/1.5 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-60)}
.mock-title{margin-top:6px;font:800 1.35rem/1.15 var(--font-display);letter-spacing:-.03em}
.mock-google{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px;border:1px solid var(--ink);padding:10px;font:500 13px/1.4 var(--font-sans)}
.g-dot{width:12px;height:12px;border-radius:50%;background:conic-gradient(#ea4335 0 25%,#fbbc05 0 50%,#34a853 0 75%,#4285f4 0)}
.mock-or{display:flex;align-items:center;gap:10px;margin-top:14px;font:500 10px/1.5 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-60)}
.mock-or::before,.mock-or::after{content:"";flex:1;height:1px;background:var(--ink-15)}
.mock-field{margin-top:12px;border-bottom:1px solid var(--ink-40);padding:8px 0;font-size:14px}
.mock-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.mock-buttons span{border:1px solid var(--ink-40);padding:8px 10px;font:500 10px/1.5 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}
.mock-buttons .solid{border-color:var(--ink);background:var(--ink);color:var(--panel)}
@media (max-width:520px){.btn-google{width:100%}}
@media (min-width:640px){.kv{grid-template-columns:200px minmax(0,1fr)}.kv dd{padding-top:10px}}

@media (prefers-reduced-motion:reduce){*{transition:none!important}}