@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700&family=DM+Mono:wght@300;400;500&display=swap');

:root{--msf-bg:#0b0c10;--msf-raised:#101218;--msf-surface:#151821;--msf-surface2:#1b1f2a;--msf-border:#252a37;--msf-border-soft:#1d2230;--msf-text:#eceae4;--msf-soft:#a9a7ab;--msf-faint:#6e6d75;--msf-amber:#e8a33d;--msf-amber-soft:#f2c078;--msf-copper:#c77b3f;--msf-amber-dim:rgba(232,163,61,.12);--msf-radius:14px;--serif:'DM Serif Display',Georgia,serif;--sans:'DM Sans',system-ui,sans-serif;--mono:'DM Mono',ui-monospace,monospace;--pink:var(--msf-amber);--violet:var(--msf-copper);--paper:#f2efe9;--ink:var(--msf-bg);--line:var(--msf-border)}
html{scroll-behavior:smooth}.ms-body{background:var(--msf-bg);color:var(--msf-text);font-family:var(--sans);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}.ms-body ::selection{background:var(--msf-amber);color:#171205}.ms-wrap{width:min(1120px,calc(100% - 56px));margin-inline:auto}

/* Hlavička */
.ms-header{position:fixed;height:66px;padding-inline:max(28px,calc((100vw - 1120px)/2));gap:28px;background:rgba(11,12,16,.82);border-color:var(--msf-border-soft);backdrop-filter:blur(14px);font-family:var(--sans)}
.ms-header .brand,.ms-header .brand-text{font-family:var(--mono);font-size:19px;font-weight:400;letter-spacing:-.02em}.ms-header .site-logo{max-width:170px;max-height:43px}.ms-header nav{gap:26px;font-size:14px}.ms-header nav a{color:var(--msf-soft);transition:color .18s}.ms-header nav a:hover{color:var(--msf-text)}.ms-lang{width:38px;height:38px;border-color:var(--msf-border)}
.ms-button{min-height:46px;padding:0 22px;border:1px solid transparent;border-radius:9px;background:var(--msf-amber);color:#181206!important;box-shadow:none;font:600 15px/1 var(--sans);transition:transform .18s,background .18s,box-shadow .18s}.ms-button:hover{background:var(--msf-amber-soft);filter:none;box-shadow:0 6px 24px rgba(232,163,61,.25)}.ms-button.small{min-height:42px;padding:0 19px;font-size:14px}

/* Typografie */
.kicker,.ms-audience span,.ms-feature-grid span,.ms-showcase-list span{display:flex;align-items:center;gap:10px;color:var(--msf-amber);font:500 12.5px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase}.kicker:before{content:'';width:26px;height:1px;background:currentColor;flex:0 0 auto}
.ms-hero h1,.ms-section h2,.ms-cta h2{max-width:850px;margin:14px 0 20px;color:inherit;font:400 clamp(40px,5.2vw,62px)/1.08 var(--serif);letter-spacing:-.015em}.ms-section-head h2{font-size:clamp(34px,4.3vw,50px)}
.ms-hero p:not(.kicker),.ms-section-head>p:last-child,.ms-cta p:not(.kicker){color:var(--msf-soft);font-size:17.5px;line-height:1.7}.ms-hero p:not(.kicker){max-width:520px;font-size:19px}.ms-section{padding:104px 0}.ms-section-head{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:56px;margin-bottom:56px}.ms-section-head>p:last-child{align-self:end}

/* Hero – přesný dvousloupcový produktový layout */
.ms-hero{min-height:760px;padding:130px 0 72px;background:var(--msf-bg);align-items:center}.ms-hero:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(720px 420px at 26% 18%,rgba(232,163,61,.09),transparent 65%),radial-gradient(560px 380px at 78% 8%,rgba(199,123,63,.06),transparent 60%)}
.ms-hero[style*='--hero-layout:split']{min-height:760px;background:var(--msf-bg)}.ms-hero[style*='--hero-layout:split'] .ms-wrap{min-height:600px;padding-right:0!important;align-items:center}.ms-hero[style*='--hero-layout:split'] .ms-hero-copy{width:calc(50% - 28px)!important;max-width:none!important}.ms-hero[style*='--hero-layout:split'] .ms-hero-copy h1{max-width:none;font-size:clamp(48px,4.1vw,64px);line-height:1.07}.ms-hero[style*='--hero-layout:split'] .ms-hero-copy p:not(.kicker){max-width:500px}.ms-hero[style*='--hero-layout:split'] .ms-hero-media{right:max(28px,calc((100vw - 1120px)/2));width:min(calc(50vw - 28px),535px);border:1px solid var(--msf-border);border-radius:var(--msf-radius);background:var(--msf-surface);box-shadow:0 30px 80px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.02)}.ms-hero[style*='--hero-layout:split'] .ms-hero-media:after{content:'';position:absolute;inset:-1px;padding:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(140deg,rgba(232,163,61,.25),transparent 32%,transparent 70%,rgba(199,123,63,.15));-webkit-mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);-webkit-mask-composite:xor;mask-composite:exclude}.ms-hero .ms-button{margin-top:28px;min-height:54px;padding-inline:30px;font-size:16px}

/* Světlé a tmavé sekce zůstávají ovladatelné v administraci */
.ms-section[style*='--section-appearance:dark'],.ms-cta[style*='--section-appearance:dark'],.ms-solution[style*='--section-appearance:dark']{background-color:var(--msf-bg);color:var(--msf-text)}.ms-section[style*='--section-appearance:light'],.ms-cta[style*='--section-appearance:light'],.ms-solution[style*='--section-appearance:light']{background-color:#f2efe9;color:#17141c}

/* Dlaždice cílových skupin */
.ms-audience{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ms-audience article,.ms-audience article:is(.no-media,.has-icon){min-height:0;height:auto;padding:0;border:1px solid var(--msf-border);border-radius:var(--msf-radius);background:var(--msf-surface);box-shadow:none}.ms-audience article.has-media{min-height:500px}.ms-audience article>div,.ms-audience article:is(.no-media,.has-icon)>div,.ms-audience article.has-icon>.ms-feature-copy{position:relative;inset:auto;min-height:0;padding:30px 28px;background:transparent}.ms-audience article.has-media>div{position:absolute;inset:auto 0 0;background:linear-gradient(0deg,#0b0c10 15%,rgba(11,12,16,.93) 72%,transparent)}.ms-audience h3,.ms-audience article:is(.no-media,.has-icon) h3{margin:12px 0;font:400 25px/1.12 var(--serif);letter-spacing:0}.ms-audience .lead,.ms-audience article:is(.no-media,.has-icon) .lead,.ms-audience article:is(.no-media,.has-icon) p:not(.lead){margin:0;color:var(--msf-soft);font:400 14.8px/1.65 var(--sans)}.ms-audience .audience-detail{margin-top:10px!important}.ms-audience ul,.ms-audience article:is(.no-media,.has-icon) ul{margin:16px 0 0;padding-left:20px;color:var(--msf-soft);font:400 14px/1.6 var(--sans)}

/* Funkce */
.ms-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ms-feature-grid article,.ms-feature-grid article.no-media,.ms-feature-grid article.has-icon{display:block;min-height:0;padding:26px 24px;border:1px solid var(--msf-border);border-radius:var(--msf-radius);background:var(--msf-surface);transition:border-color .2s,transform .2s}.ms-feature-grid article:hover{border-color:#394052;transform:translateY(-3px)}.ms-feature-grid img{height:170px;margin-bottom:20px;border-radius:10px}.ms-feature-grid h3{margin:10px 0 8px;font:600 17.5px/1.3 var(--sans)}.ms-feature-grid p,.ms-feature-grid li{color:var(--msf-soft);font-size:14.5px;line-height:1.65}.ms-feature-grid .lead{color:var(--msf-text)}.ms-feature-icon{width:42px;height:42px;margin:0 0 18px;border:0;border-radius:10px;background:var(--msf-amber-dim);color:var(--msf-amber)}.ms-feature-icon svg{width:22px;height:22px}

/* Ukázky */
.ms-showcase-list{gap:0}.ms-showcase-list article,.ms-showcase-list article.has-icon,.ms-showcase-list article.no-media{grid-template-columns:.9fr 1.1fr;gap:56px;min-height:0;padding:52px 0;border:0;border-top:1px solid var(--msf-border-soft);border-radius:0;background:transparent;color:inherit}.ms-showcase-list article:first-child{border-top:0}.ms-showcase-list article:nth-child(even){grid-template-columns:1.1fr .9fr}.ms-showcase-list img{aspect-ratio:16/9;border:1px solid var(--msf-border);border-radius:var(--msf-radius);object-fit:cover;box-shadow:0 24px 64px rgba(0,0,0,.45)}.ms-showcase-list span:before{content:'';display:block;width:28px;height:1px;flex:0 0 28px;background:currentColor}.ms-showcase-list h3{margin:12px 0 14px;font:400 29px/1.15 var(--serif)}.ms-showcase-list p,.ms-showcase-list li{color:var(--msf-soft);font-size:15.5px;line-height:1.7}

/* Kroky */
.ms-start{background:var(--msf-bg)}.ms-start ol{gap:18px;border:0}.ms-start li{padding:30px 26px;border:1px solid var(--msf-border);border-radius:var(--msf-radius);background:var(--msf-surface)}.ms-start li b{color:var(--msf-amber);font:400 13px var(--mono)}.ms-start li h3{margin:14px 0 10px;font:600 18px var(--sans)}.ms-start li p{color:var(--msf-soft);font-size:14.5px}

/* Příběh, zakladatelé, FAQ, CTA */
.ms-story .two{gap:70px}.ms-story p{font-size:17px;line-height:1.8}.ms-story blockquote{margin:34px 0;padding:6px 0 6px 26px;border-left:2px solid var(--msf-amber);font:italic 24px/1.4 var(--serif)}.ms-story blockquote cite{font-family:var(--mono)}
.ms-founders{background:var(--msf-bg)}.ms-founders-card{gap:56px;padding:56px;border:1px solid rgba(232,163,61,.35);border-radius:18px;background:linear-gradient(150deg,#1a1610 0%,var(--msf-surface) 45%);box-shadow:none}.ms-founders-copy h2{font-size:clamp(34px,4.4vw,52px);line-height:1.08}.ms-founders-intro,.ms-benefits li{color:var(--msf-soft)}.ms-benefits li:before{border-color:var(--msf-amber);color:var(--msf-amber)}.ms-spots{min-height:360px;border-color:var(--msf-border);border-radius:14px;background:rgba(11,12,16,.55);box-shadow:none}.ms-spots strong{color:var(--msf-amber-soft);text-shadow:none}.ms-spots a{border-color:var(--msf-border)}
.ms-faq details{padding:0;border:0;border-bottom:1px solid var(--msf-border-soft);background:transparent}.ms-faq details[open]{background:transparent;border-color:var(--msf-border-soft)}.ms-faq summary{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:28px 2px;list-style:none;font-size:17px;line-height:1.5}.ms-faq summary::-webkit-details-marker{display:none}.ms-faq summary::marker{content:''}.ms-faq summary:after{content:'+';display:grid;flex:0 0 32px;place-items:center;margin-left:auto;color:var(--msf-amber);font:300 24px/1 var(--mono)}.ms-faq details[open] summary:after{content:'×';transform:none}.ms-faq details p{max-width:820px;margin:0;padding:0 54px 30px 2px;color:var(--msf-soft);font-size:15.5px;line-height:1.8}
.ms-cta{padding:130px 0;text-align:center;background:radial-gradient(600px 280px at 50% 100%,rgba(232,163,61,.1),transparent 70%),var(--msf-bg)}.ms-cta .ms-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center}.ms-cta .kicker{justify-content:center;width:100%;margin-inline:auto}.ms-cta h2{max-width:820px;margin:16px auto 22px;font-size:clamp(34px,4.4vw,52px);text-align:center}.ms-cta p:not(.kicker){max-width:680px;margin-inline:auto;text-align:center}.ms-cta .ms-button{align-self:center}

/* Patička */
.ms-footer{padding:52px 0 40px;border-color:var(--msf-border-soft);background:var(--msf-raised)}.ms-footer .brand{font-family:var(--mono);font-weight:400}.ms-footer p,.ms-footer small{color:var(--msf-faint)}.ms-footer a{color:var(--msf-soft)}.ms-footer a:hover{color:var(--msf-text)}

@media(max-width:960px){.ms-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ms-audience{grid-template-columns:1fr 1fr}.ms-hero[style*='--hero-layout:split'] .ms-wrap{min-height:0;padding-right:28px!important}.ms-hero[style*='--hero-layout:split'] .ms-hero-copy{width:100%!important;max-width:none!important}.ms-hero[style*='--hero-layout:split'] .ms-hero-media{width:calc(100% - 56px);margin-inline:28px}.ms-showcase-list article,.ms-showcase-list article:nth-child(even){grid-template-columns:1fr}}
@media(max-width:850px){.ms-header{height:66px}.ms-header nav{top:66px;background:var(--msf-bg)}.ms-wrap{width:min(100% - 36px,1120px)}.ms-section{padding:76px 0}.ms-section-head,.two{grid-template-columns:1fr;gap:20px}.ms-hero{padding-top:110px}.ms-hero h1,.ms-section h2,.ms-cta h2{font-size:clamp(38px,10vw,52px)}.ms-hero[style*='--hero-layout:split']{padding-top:110px}.ms-hero[style*='--hero-layout:split'] .ms-hero-media{width:calc(100% - 36px);margin-inline:18px}.ms-founders-card{padding:38px 28px}}
@media(max-width:600px){.ms-audience,.ms-feature-grid,.ms-start ol{grid-template-columns:1fr}.ms-section-head{margin-bottom:38px}.ms-audience article.has-media{min-height:420px}.ms-showcase-list article,.ms-showcase-list article.has-icon,.ms-showcase-list article.no-media{padding:38px 0;gap:24px}.ms-founders-card{padding:30px 22px}.ms-footer .ms-wrap{gap:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ms-body *, .ms-body *:before,.ms-body *:after{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important}}
