/* Ivan Muljevski, built on the Material Web design system tokens (md-sys-color, md-sys-shape, md-sys-elevation, Roboto). */
:root{--md-sys-color-primary:#6750a4;--md-sys-color-on-primary:#ffffff;--md-sys-color-primary-container:#eaddff;--md-sys-color-on-primary-container:#21005d;--md-sys-color-secondary:#625b71;--md-sys-color-secondary-container:#e8def8;--md-sys-color-on-secondary-container:#1d192b;--md-sys-color-tertiary:#7d5260;--md-sys-color-on-tertiary:#ffffff;--md-sys-color-tertiary-container:#ffd8e4;--md-sys-color-on-tertiary-container:#31111d;--md-sys-color-error:#b3261e;--md-sys-color-surface:#fef7ff;--md-sys-color-on-surface:#1d1b20;--md-sys-color-on-surface-variant:#49454f;--md-sys-color-surface-container-lowest:#ffffff;--md-sys-color-surface-container-low:#f7f2fa;--md-sys-color-surface-container:#f3edf7;--md-sys-color-surface-container-high:#ece6f0;--md-sys-color-surface-container-highest:#e6e0e9;--md-sys-color-outline:#79747e;--md-sys-color-outline-variant:#cac4d0;--md-sys-color-inverse-surface:#322f35;--md-sys-color-inverse-on-surface:#f5eff7;
--md-sys-shape-corner-extra-small:4px;--md-sys-shape-corner-small:8px;--md-sys-shape-corner-medium:12px;--md-sys-shape-corner-large:16px;--md-sys-shape-corner-extra-large:28px;--md-sys-shape-corner-full:9999px;
--md-sys-elevation-level1:0 1px 2px 0 rgba(0,0,0,0.3),0 1px 3px 1px rgba(0,0,0,0.15);
--md-sys-elevation-level3:0 1px 3px 0 rgba(0,0,0,0.3),0 4px 8px 3px rgba(0,0,0,0.15);
--font-plain:"Roboto",system-ui,sans-serif}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--md-sys-color-primary:#d0bcff;--md-sys-color-on-primary:#381e72;--md-sys-color-primary-container:#4f378b;--md-sys-color-on-primary-container:#eaddff;--md-sys-color-secondary:#ccc2dc;--md-sys-color-secondary-container:#4a4458;--md-sys-color-on-secondary-container:#e8def8;--md-sys-color-tertiary:#efb8c8;--md-sys-color-on-tertiary:#492532;--md-sys-color-tertiary-container:#633b48;--md-sys-color-on-tertiary-container:#ffd8e4;--md-sys-color-error:#f2b8b5;--md-sys-color-surface:#141218;--md-sys-color-on-surface:#e6e0e9;--md-sys-color-on-surface-variant:#cac4d0;--md-sys-color-surface-container-lowest:#0f0d13;--md-sys-color-surface-container-low:#1d1b20;--md-sys-color-surface-container:#211f26;--md-sys-color-surface-container-high:#2b2930;--md-sys-color-surface-container-highest:#36343b;--md-sys-color-outline:#938f99;--md-sys-color-outline-variant:#49454f;--md-sys-color-inverse-surface:#e6e0e9;--md-sys-color-inverse-on-surface:#322f35;color-scheme:dark}}
:root[data-theme="dark"]{--md-sys-color-primary:#d0bcff;--md-sys-color-on-primary:#381e72;--md-sys-color-primary-container:#4f378b;--md-sys-color-on-primary-container:#eaddff;--md-sys-color-secondary:#ccc2dc;--md-sys-color-secondary-container:#4a4458;--md-sys-color-on-secondary-container:#e8def8;--md-sys-color-tertiary:#efb8c8;--md-sys-color-on-tertiary:#492532;--md-sys-color-tertiary-container:#633b48;--md-sys-color-on-tertiary-container:#ffd8e4;--md-sys-color-error:#f2b8b5;--md-sys-color-surface:#141218;--md-sys-color-on-surface:#e6e0e9;--md-sys-color-on-surface-variant:#cac4d0;--md-sys-color-surface-container-lowest:#0f0d13;--md-sys-color-surface-container-low:#1d1b20;--md-sys-color-surface-container:#211f26;--md-sys-color-surface-container-high:#2b2930;--md-sys-color-surface-container-highest:#36343b;--md-sys-color-outline:#938f99;--md-sys-color-outline-variant:#49454f;--md-sys-color-inverse-surface:#e6e0e9;--md-sys-color-inverse-on-surface:#322f35;color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;padding-inline:16px;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);font:400 1rem/1.5rem var(--font-plain);letter-spacing:.03125rem}
.wrap{max-width:1080px;margin-inline:auto}
a{color:inherit}
img{max-width:100%;height:auto;display:block}
:focus-visible{outline:3px solid var(--md-sys-color-secondary);outline-offset:2px}
section,main>div{scroll-margin-top:84px}
.bar{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;display:flex;align-items:center;gap:24px;height:64px;background:var(--md-sys-color-surface);border-bottom:1px solid var(--md-sys-color-outline-variant)}
.brand{display:flex;flex-direction:column;text-decoration:none;font:500 1.25rem/1.5rem var(--font-plain);letter-spacing:0}
.brand small{font:500 .6875rem/1rem var(--font-plain);letter-spacing:.1em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant)}
.nav{display:flex;gap:4px;margin-left:auto}
.nav a{display:inline-flex;align-items:center;height:40px;padding:0 12px;border-radius:var(--md-sys-shape-corner-full);text-decoration:none;font:500 .875rem/1.25rem var(--font-plain);letter-spacing:.00625rem;color:var(--md-sys-color-on-surface-variant)}
.nav a:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}
.btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 24px;border-radius:var(--md-sys-shape-corner-full);border:0;font:500 .875rem/1.25rem var(--font-plain);letter-spacing:.00625rem;text-decoration:none;white-space:nowrap;cursor:pointer;background:transparent;color:var(--md-sys-color-primary)}
.btn.filled{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}
.btn.tonal{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}
.btn.outlined{border:1px solid var(--md-sys-color-outline)}
.btn:hover{filter:brightness(.95)}
.eyebrow{font:500 .75rem/1rem var(--font-plain);letter-spacing:.14em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant);margin:0 0 16px}
h1,h2,h3{font-family:var(--font-plain);text-wrap:balance;margin:0}
h1{font:400 clamp(2.5rem,6vw,3.5625rem)/1.12 var(--font-plain);letter-spacing:-.015625rem}
h2{font:400 clamp(1.75rem,3.4vw,2.25rem)/1.22 var(--font-plain)}
h3{font:500 1.25rem/1.75rem var(--font-plain);letter-spacing:.009375rem}
.lead{margin:20px 0 28px;max-width:36rem;font:400 1.125rem/1.75rem var(--font-plain);color:var(--md-sys-color-on-surface-variant)}
.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;align-items:center;padding-block:56px 40px}
.cta{display:flex;flex-wrap:wrap;gap:12px}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fact{padding:20px;border-radius:var(--md-sys-shape-corner-extra-large);display:flex;flex-direction:column;justify-content:flex-end;min-height:128px;min-width:0}
.fact b{font:400 2.8125rem/3.25rem var(--font-plain)}
.fact span{font:500 .875rem/1.25rem var(--font-plain);letter-spacing:.00625rem}
.f1{grid-row:span 2;min-height:272px;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}
.f2{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}
.f3{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;height:32px;padding:0 16px;border-radius:var(--md-sys-shape-corner-small);border:1px solid var(--md-sys-color-outline);color:var(--md-sys-color-on-surface-variant);font:500 .875rem/1.25rem var(--font-plain);letter-spacing:.00625rem}
.strip{padding-block:8px 24px}
section{padding-block:48px}
.head{max-width:40rem;margin-bottom:28px}
.head .eyebrow{margin-bottom:8px}
.cards{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}
.card{padding:24px;border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container-low);min-width:0}
.card .ico{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);margin-bottom:16px}
.card .ico svg{width:24px;height:24px;fill:currentColor}
.card h3{margin-bottom:8px}
.card p{margin:0;color:var(--md-sys-color-on-surface-variant);font:400 .875rem/1.25rem var(--font-plain);letter-spacing:.015625rem}
.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.cards.two .card{padding:32px}
.cards.two .card p{font:400 1rem/1.5rem var(--font-plain);letter-spacing:.03125rem}
.about{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:48px;align-items:center}
.about img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--md-sys-shape-corner-extra-large)}
.about p{margin:16px 0 0;color:var(--md-sys-color-on-surface-variant);max-width:36rem}
.about p.first{font:400 1.125rem/1.75rem var(--font-plain)}
.about .facts2{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}
.about .facts2 div{padding:16px 20px;border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font:500 .875rem/1.25rem var(--font-plain)}
.about .facts2 b{display:block;font:400 1.75rem/2.25rem var(--font-plain)}
.fit{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
.fit>div{padding:28px;border-radius:var(--md-sys-shape-corner-large);min-width:0}
.fit .yes{background:var(--md-sys-color-surface-container-low)}
.fit .no{background:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline-variant)}
.fit h3{margin-bottom:12px}
.fit ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.fit li{display:flex;gap:12px;align-items:flex-start}
.fit li svg{width:24px;height:24px;flex:none;fill:var(--md-sys-color-primary)}
.fit .no li svg{fill:var(--md-sys-color-error)}
.talks{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
.talk{border-radius:var(--md-sys-shape-corner-large);overflow:hidden;background:var(--md-sys-color-surface-container-low);min-width:0}
.talk img{width:100%;aspect-ratio:16/9;object-fit:cover}
.talk div{padding:20px 24px 24px}
.talk h3{margin-bottom:4px}
.talk p{margin:0;color:var(--md-sys-color-on-surface-variant);font:400 .875rem/1.25rem var(--font-plain)}
.tabs{display:flex;border-bottom:1px solid var(--md-sys-color-outline-variant);overflow-x:auto}
.tab{position:relative;flex:1 0 auto;min-width:120px;height:48px;padding:0 16px;border:0;background:transparent;font:500 .875rem/1.25rem var(--font-plain);letter-spacing:.00625rem;color:var(--md-sys-color-on-surface-variant);cursor:pointer}
.tab[aria-selected="true"]{color:var(--md-sys-color-on-surface)}
.tab[aria-selected="true"]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--md-sys-color-primary)}
.panel{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:32px;padding-block:28px;align-items:start}
.panel[hidden]{display:none}
.panel p{margin:0;color:var(--md-sys-color-on-surface-variant);max-width:38rem}
ul.list{margin:0;padding:8px 0;list-style:none;background:var(--md-sys-color-surface-container-low);border-radius:var(--md-sys-shape-corner-large)}
ul.list li{display:flex;gap:16px;align-items:center;min-height:56px;padding:8px 16px}
ul.list li+li{border-top:1px solid var(--md-sys-color-outline-variant);margin-inline:16px;padding-inline:0}
ul.list svg{width:24px;height:24px;fill:var(--md-sys-color-primary);flex:none}
.faq{max-width:48rem}
details{border-bottom:1px solid var(--md-sys-color-outline-variant)}
summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:12px 0;cursor:pointer;list-style:none;font:500 1rem/1.5rem var(--font-plain)}
summary::-webkit-details-marker{display:none}
summary svg{width:24px;height:24px;fill:var(--md-sys-color-on-surface-variant);flex:none;transition:transform .2s}
details[open] summary svg{transform:rotate(180deg)}
details p{margin:0 0 20px;color:var(--md-sys-color-on-surface-variant);max-width:40rem}
.band{padding:40px;border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}
.band p{margin:8px 0 0;max-width:36rem}
.band .btn.filled{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}
.contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
.contact .head{margin:0}
.contact p{color:var(--md-sys-color-on-surface-variant);margin:12px 0 0}
.form-wrap{border-radius:var(--md-sys-shape-corner-large);overflow:hidden;background:#fff;min-width:0}
.form-wrap iframe{display:block;width:100%;border:0}
.lines{display:flex;flex-direction:column;gap:12px;padding:28px;border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container-high)}
.lines b{font:400 1.75rem/2.25rem var(--font-plain);user-select:all;overflow-wrap:anywhere}
.lines span{font:500 .75rem/1rem var(--font-plain);letter-spacing:.1em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant)}
footer{padding-block:32px 40px;display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;font:400 .875rem/1.25rem var(--font-plain);color:var(--md-sys-color-on-surface-variant);border-top:1px solid var(--md-sys-color-outline-variant);margin-top:24px}
footer nav{display:flex;flex-wrap:wrap;gap:4px 16px}
@media (max-width:900px){.nav{display:none}.bar{justify-content:space-between}.bar .btn{margin-left:auto}}
@media (max-width:760px){.hero,.about,.contact,.panel,.cards,.cards.two,.fit,.talks{grid-template-columns:1fr}.hero{padding-block:32px 24px}.f1{min-height:200px}.about{gap:24px}.band{padding:28px 24px}section{padding-block:36px}}
@media (prefers-reduced-motion:no-preference){.btn,.tab{transition:background-color .2s cubic-bezier(.2,0,0,1),filter .2s}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}