@font-face{font-family:Futura;src:url("FuturaPTBook.571b3803a439.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Futura;src:url("FuturaPTMedium.92f33ace41b7.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
/* Brand roles match the live public client and Flutter ThemeConfig: Futura, navy, blue, 10/15px surfaces. */
:root{--paper:var(--background-color,#ebf1f6);--surface:#fff;--ink:var(--seed-1,#253759);--muted:#526174;--accent:var(--seed-3,#4465a6);--accent-soft:var(--seed-2,#80bdf2);--line:#d1dce7;--wash:#f5f8fb;--chrome:#19243b;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}main#main{max-width:none;width:auto;padding:0;margin:0}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Futura,'Century Gothic',sans-serif;font-size:18px;line-height:1.5;overflow-x:clip}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,summary,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img,video{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;line-height:1.04;letter-spacing:-.025em;text-wrap:balance}h1{font-size:clamp(56px,6.1vw,88px)}h2{font-size:clamp(38px,4.1vw,58px)}h3{font-size:25px}p{color:var(--muted)}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}
.site-header{height:82px;padding:12px max(40px,calc((100vw - 1280px)/2));display:flex;gap:30px;align-items:center;position:sticky;top:0;z-index:20;background:var(--chrome);color:white;border-bottom:1px solid var(--chrome)}.brand{flex-shrink:0}.brand-wordmark{font-size:24px;font-weight:600;letter-spacing:-.04em;white-space:nowrap}.site-header>nav{display:flex;gap:26px;align-items:center;margin-left:auto;font-size:16px}.catalog-link{padding:10px 0}.header-cta{font-size:15px;padding:12px 18px;background:var(--accent-soft);color:var(--chrome);border-radius:10px}.mobile-menu{display:none}
.hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;padding-block:76px 74px;align-items:center;min-height:660px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:22px}.lead{font-size:21px;line-height:1.5;max-width:460px;margin-top:26px}.ink{position:relative;color:var(--accent);white-space:nowrap}.ink:after{display:none;content:'';position:absolute;left:0;right:0;bottom:-.03em;height:2px;background:currentColor;transform-origin:left;transition:transform .6s var(--ease) .22s}.actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;font-size:17px;padding:16px 23px;border-radius:10px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);text-decoration:none}.primary{background:var(--ink);color:#fff}.primary:hover{background:var(--accent)}.light{background:var(--paper);color:var(--ink)}.text-link{font-size:16px;display:inline-flex;align-items:center;gap:14px;min-height:44px}.account-note{font-size:13px;max-width:360px;margin-top:17px}.hero-product{position:relative;padding:26px 0}.hero-product:before{display:none}.hero-scene{position:relative;padding:22px 0 40px}.hero-hall{width:100%;height:auto;border:1px solid var(--line);border-radius:15px;box-shadow:0 24px 55px #25375916;transform:none}.hero-scene-label{position:absolute;bottom:9px;left:0;font-size:12px;color:var(--muted)}
.references{padding-block:46px 66px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}.section-heading .eyebrow{margin-bottom:12px}.section-heading h2{font-size:32px}.section-heading>.text-link{flex-shrink:0}.reference-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:20px}.reference-card{display:block;min-width:0}.reference-card:hover{text-decoration:none}.reference-image{aspect-ratio:1.7;overflow:hidden;border-radius:15px;background:var(--wash)}.reference-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s var(--ease)}.reference-card:hover img{transform:scale(1.045)}.reference-body{position:relative;padding:16px 27px 0 0}.reference-meta{font-size:12px;color:var(--muted);display:block;margin-bottom:7px}.reference-body h3{font-size:22px;line-height:1.15;letter-spacing:-.025em}.small-note{font-size:13px;margin-top:20px}.story-intro{padding-block:68px 52px;border-top:1px solid var(--line)}.story-intro h2{max-width:850px}.story-nav{display:flex;gap:26px;flex-wrap:wrap;margin-top:36px;padding-top:23px;border-top:1px solid var(--line);font-size:15px}.story-nav a{min-height:32px;display:flex;align-items:center;color:var(--muted)}.story-nav a:hover{color:var(--accent)}
.feature{padding-block:85px;border-top:1px solid var(--line)}.feature-inner{display:grid;grid-template-columns:4fr 7fr;gap:72px;align-items:center}.feature:nth-of-type(even){background:var(--wash)}.feature:nth-of-type(even) .feature-inner{grid-template-columns:7fr 4fr}.feature:nth-of-type(even) .feature-copy{order:2}.feature-copy h2{font-size:clamp(36px,3.3vw,48px)}.feature-copy>p:not(.eyebrow){margin-top:23px;font-size:19px;max-width:370px}.feature-copy .feature-detail{font-size:16px!important;line-height:1.6}.feature-media{min-width:0;position:relative}.media-stage{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 12px 36px #2537590a;isolation:isolate}.media-stage video{width:100%;height:auto;aspect-ratio:1.6;object-fit:contain;background:white}.media-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 15px;border-top:1px solid var(--line);background:white}.media-title{font-size:13px;color:var(--muted);line-height:1.4}.media-toggle{background:var(--ink);color:white;border:0;border-radius:10px;padding:10px 14px;min-height:42px;min-width:104px;font-size:13px;white-space:nowrap}.variant-tabs{display:flex;gap:8px;padding:0 15px 14px}.variant-tabs button{padding:10px 15px;border:1px solid var(--line);background:white;color:var(--ink);font-size:14px;min-height:44px;border-radius:10px}.variant-tabs button[aria-pressed=true]{background:var(--wash);border-color:var(--ink)}.clip-caption{font-size:13px;color:var(--muted);margin-top:14px}.media-fallback{padding:14px;font-size:14px}.media-fallback[hidden]{display:none}.media-fallback a{text-decoration:underline}.feature#planek .feature-inner{grid-template-columns:1fr;gap:38px}.feature#planek .feature-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:90px}.feature#planek .eyebrow{grid-column:1/-1}.feature#planek h2{grid-row:2/4;max-width:500px;font-size:54px}.feature#planek .feature-copy>p:not(.eyebrow){margin-top:0;max-width:440px}.feature#planek .feature-copy .feature-detail{margin-top:14px!important}.feature#planek .feature-media{width:100%;max-width:1120px;justify-self:center}.feature#planek .media-stage video{aspect-ratio:1.85}.feature#prehled{background:var(--ink);color:var(--paper)}.feature#prehled .eyebrow{color:var(--accent-soft)}.feature#prehled p{color:#d1dce7}.feature#prehled .media-title{color:var(--muted)}
.steps{padding-block:88px}.steps ol{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin:44px 0 0}.steps li{padding-top:22px;border-top:1px solid var(--line)}.steps li>span{font-size:14px;color:var(--accent)}.steps h3{margin:20px 0 14px}.steps p{font-size:17px}.other-events{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-block:48px 70px;border-top:1px solid var(--line)}.other-events h2{font-size:38px}.other-events a{display:block;margin-top:20px;text-decoration:underline}.pricing{display:grid;grid-template-columns:1.4fr 1fr;gap:90px;padding-block:80px;border-top:1px solid var(--line)}.pricing-note{background:var(--wash);padding:36px;border-radius:15px}.pricing-note p{margin-top:20px;font-size:17px}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;padding-block:80px 100px;border-top:1px solid var(--line)}.faq-items details{border-bottom:1px solid var(--line);padding:20px 0}.faq-items summary{cursor:pointer;font-size:20px;line-height:1.4}.faq-items details p{font-size:17px;margin-top:18px}.closing{background:var(--chrome);color:white;padding:82px 0}.closing .eyebrow,.closing .ink{color:var(--accent-soft)}.closing h2{font-size:clamp(54px,7vw,88px)}.site-footer{display:flex;gap:45px;align-items:flex-start;padding-block:40px}.site-footer .brand{font-size:22px}.site-footer p,.site-footer nav{font-size:13px}.site-footer nav{margin-left:auto;display:flex;gap:20px;flex-wrap:wrap}.skip-link{position:fixed;left:15px;top:-100px;z-index:50;background:white;padding:10px}.skip-link:focus{top:10px}
/* A section enters in reading order: heading, product, then supporting detail. */
.motion-ready .reveal{transition:opacity .65s var(--ease),transform .8s var(--ease)}.motion-ready .reveal.pending{opacity:0;transform:translateY(28px)}.motion-ready .feature .feature-copy,.motion-ready .feature .feature-media{transition:opacity .7s var(--ease),transform .9s var(--ease);transition-delay:.08s}.motion-ready .feature .feature-media{transition-delay:.19s}.motion-ready .feature.pending .feature-copy{opacity:0;transform:translateY(20px)}.motion-ready .feature.pending .feature-media{opacity:0;transform:translateY(42px) scale(.975)}.motion-ready .feature .clip-caption{transition:opacity .6s var(--ease) .45s}.motion-ready .feature.pending .clip-caption{opacity:0}.motion-ready .reveal.pending .ink:after{transform:scaleX(0)}.motion-ready .hero-copy{animation:hero-copy .8s var(--ease) both}.motion-ready .hero-hall{animation:hall-enter 1s var(--ease) both}.motion-ready .hero .ink:after{animation:ink-enter .7s var(--ease) .35s both}@keyframes hero-copy{from{transform:translateY(16px);opacity:.5}to{transform:none;opacity:1}}@keyframes hall-enter{from{transform:translateY(30px) rotate(0deg);opacity:0}to{transform:none;opacity:1}}@keyframes ink-enter{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:1100px){.site-header{gap:20px}.site-header>nav{gap:18px}.header-cta{display:none}.hero{gap:35px}.feature-inner{gap:40px}.pricing{gap:45px}.reference-body h3{font-size:20px}}
@media(max-width:760px){html{scroll-padding-top:86px}.wrap{width:calc(100% - 40px)}body{font-size:17px}.site-header{height:70px;padding:10px 20px;gap:18px}.brand-wordmark{font-size:20px}.site-header>nav{margin-left:auto}.desktop-link{display:none}.catalog-link{font-size:15px}.mobile-menu{display:block;font-size:14px}.mobile-menu summary{cursor:pointer;padding:10px 0}.mobile-menu nav{color:var(--ink);position:absolute;top:70px;right:15px;background:white;padding:24px;box-shadow:0 12px 30px #25375920;display:grid;gap:18px;border:1px solid var(--line);border-radius:15px}.hero{grid-template-columns:1fr;padding-block:42px 32px;gap:18px;min-height:0}.hero h1{font-size:clamp(49px,12vw,70px)}.eyebrow{font-size:11px;margin-bottom:20px}.lead{font-size:19px;margin-top:24px}.actions{gap:19px;margin-top:25px}.button{font-size:16px;padding:14px 20px}.account-note{font-size:12px}.hero-product{padding:12px 8px 0 0;max-width:520px;width:100%;justify-self:center}.hero-product:before{inset:0 0 20px 35px}.hero-scene{padding:16px 0 40px}.hero-scene-label{font-size:11px;max-width:70%}.references{padding-block:34px 42px}.section-heading{align-items:flex-start;gap:14px;margin-bottom:24px;flex-direction:column}.section-heading h2{font-size:29px}.section-heading>.text-link{font-size:14px;min-height:32px}.reference-strip{grid-auto-columns:76%;overflow-x:auto;gap:16px;scroll-snap-type:x proximity;padding-bottom:12px}.reference-card{scroll-snap-align:start}.reference-body h3{font-size:23px}.small-note{font-size:12px}.story-intro{padding-block:45px 35px}.story-intro h2{font-size:38px}.story-intro .ink{white-space:normal}.story-nav{display:grid;grid-template-columns:1fr 1fr;gap:6px 15px;margin-top:28px;padding-top:18px;font-size:14px}.story-nav a{min-height:38px}.feature{padding-block:48px}.feature-inner{display:flex;flex-direction:column;align-items:stretch;gap:28px}.feature:nth-of-type(even) .feature-copy{order:0}.feature-copy h2{font-size:38px;max-width:500px}.feature-copy>p:not(.eyebrow){max-width:none;font-size:18px;margin-top:19px}.feature-copy .feature-detail{font-size:15px!important}.feature#planek .feature-copy{display:block}.feature#planek h2{font-size:40px}.feature#planek .feature-copy>p:not(.eyebrow){margin-top:19px}.feature#planek .feature-inner{gap:28px}.media-stage video,.feature#planek .media-stage video{aspect-ratio:.9;object-fit:contain}.media-toolbar{padding:10px;gap:10px}.media-title{font-size:12px}.media-toggle{font-size:12px;min-width:96px;padding:10px}.variant-tabs{padding:0 10px 12px}.variant-tabs button{font-size:13px}.clip-caption{font-size:12px}.steps{padding-block:50px}.steps h2{font-size:36px}.steps ol{grid-template-columns:1fr;gap:28px;margin-top:32px}.steps h3{margin:15px 0 12px}.other-events,.pricing,.faq{grid-template-columns:1fr;gap:30px;padding-block:48px}.other-events h2{font-size:34px}.pricing-note{padding:28px}.faq-items summary{font-size:18px}.closing{padding-block:55px}.site-footer{flex-direction:column;gap:22px;padding-block:30px}.site-footer nav{margin-left:0}.text-link{font-size:15px}.motion-ready .feature.pending .feature-media{transform:translateY(26px)}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.site-header{padding-inline:16px;gap:12px}.brand-wordmark{font-size:18px}.hero h1{font-size:45px}.hero .actions{gap:12px}.hero .text-link{font-size:14px}.media-title{max-width:150px}.story-intro h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal.pending,.motion-ready .feature.pending .feature-copy,.motion-ready .feature.pending .feature-media,.motion-ready .feature.pending .clip-caption{opacity:1;transform:none}.motion-ready .reveal.pending .ink:after{transform:none}}

/* Real output galleries make editor range visible without hidden tabs. */
.output-gallery{margin-top:44px;padding-top:34px;border-top:1px solid var(--line)}
.output-heading{display:flex;align-items:baseline;justify-content:space-between;gap:30px;margin-bottom:24px}
.output-heading h3{font-size:30px;line-height:1.15;max-width:620px}
.output-heading p{font-size:15px;max-width:360px}
.output-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.output-card{margin:0;min-width:0;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:15px}
.output-card img{width:100%;height:auto;aspect-ratio:1.32;object-fit:contain;background:white;border-radius:10px}
.output-card figcaption{padding:17px 6px 6px}.output-card strong{display:block;font-size:21px;font-weight:500}.output-card span{display:block;margin-top:5px;color:var(--muted);font-size:15px;line-height:1.4}
.feature#vstupenka .output-card img{aspect-ratio:auto;height:300px;object-fit:contain}
.feature#odbaveni{background:var(--chrome);color:white}.feature#odbaveni .eyebrow{color:var(--accent-soft)}.feature#odbaveni .feature-copy p,.feature#odbaveni .clip-caption{color:#d1dce7}
.feature#odbaveni .feature-copy h2{font-size:clamp(40px,4.5vw,60px)}
.feature#prehled{background:var(--paper);color:var(--ink)}.feature#prehled .eyebrow{color:var(--accent)}.feature#prehled p{color:var(--muted)}
@media(max-width:760px){.output-heading{display:block}.output-heading h3{font-size:28px}.output-heading p{margin-top:14px}.output-grid{grid-template-columns:1fr;gap:18px}.output-card{padding:12px}.output-card img{aspect-ratio:1.4}.output-gallery{margin-top:32px;padding-top:28px}.feature#odbaveni .feature-copy h2{font-size:42px}}

@media(max-width:760px){.feature#vstupenka .output-card img{height:auto;max-height:440px}}

/* Compact, manually controlled published-event gallery. Native scrolling also works without JS. */
.reference-carousel{min-width:0}.reference-strip{display:flex;gap:20px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:2px 2px 14px;min-width:0}.reference-card{flex:0 0 calc((100% - 60px)/3.35);scroll-snap-align:start}.reference-image{aspect-ratio:16/9}.reference-body{padding:12px 0 0}.reference-card h3{font-size:20px;line-height:1.25}.reference-meta{line-height:1.5}.reference-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:12px}.reference-controls[hidden]{display:none}.reference-controls>div{display:flex;gap:10px}.reference-controls button{min-height:44px;border:1px solid var(--line);border-radius:10px;padding:8px 16px;background:#fff;color:var(--ink)}.reference-controls button:disabled{opacity:.45;cursor:default}.reference-position{font-size:13px}.hero-payment{display:inline-block;font-size:15px;font-weight:600;color:var(--accent);margin-top:20px;text-decoration:underline;text-underline-offset:4px}.payments{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:80px;padding-block:80px;border-top:1px solid var(--line)}.payment-cards{margin-top:24px;max-width:560px}.payment-cards a{text-decoration:underline;text-underline-offset:4px}.payment-zero{background:#fff;border:1px solid var(--line);border-radius:15px;padding:38px}.payment-zero strong{display:block;font-size:clamp(60px,6vw,88px);font-weight:500;color:var(--ink);line-height:1.1;letter-spacing:-.04em}.payment-zero span{display:block;margin-top:16px;font-size:18px;max-width:320px}.payment-zero .small-note{margin-top:26px;font-size:14px}
@media(max-width:1000px){.reference-card{flex-basis:calc((100% - 40px)/2.35)}.payments{gap:40px}}
@media(max-width:760px){.reference-card{flex-basis:82%}.reference-strip{gap:16px}.reference-card h3{font-size:19px}.reference-controls{gap:12px}.reference-controls button{padding-inline:13px}.payments{grid-template-columns:1fr;gap:30px;padding-block:55px}.payment-zero{padding:28px}.hero-payment{font-size:14px;line-height:1.5}.payment-zero strong{font-size:66px}}

.reference-strip:focus-visible{outline:3px solid var(--accent);outline-offset:5px}

/* Public-product glass contract: user_header.css (8px blur, translucent white,
   28px pill, 1px highlight) and blueprint.css (16px saturated glass surface).
   Typography stays on the actual Futura assets; no extra font or icon system. */
:root{--glass-blur:8px;--glass-radius:28px;--glass-highlight:rgba(255,255,255,.72);--glass-shadow:0 5px 18px rgba(25,36,59,.12),inset 0 1px 0 rgba(255,255,255,.55)}
.site-header{background:rgba(25,36,59,.96);border-bottom-color:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%)}
.site-header>nav{gap:14px}.site-header .catalog-link,.site-header a[href="/admin"]{padding:10px 18px;border-radius:var(--glass-radius);background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px rgba(0,0,0,.1);font-weight:500;white-space:nowrap}
.header-cta{border-radius:var(--glass-radius);background:linear-gradient(145deg,#a4d7ff,#80bdf2);border:1px solid rgba(255,255,255,.55);box-shadow:var(--glass-shadow);font-weight:500;min-height:46px;display:inline-flex;align-items:center;padding-inline:23px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.hero{gap:58px;padding-block:70px 80px}.hero h1{font-size:clamp(66px,6.3vw,94px);font-weight:500;line-height:1;letter-spacing:-.045em}.hero-title-intro{display:block;font-size:.59em;letter-spacing:-.025em;line-height:1.15;margin-bottom:.32em}.hero-title-main{display:block}.hero .ink{color:#355ba1}.hero .eyebrow{font-size:12px;font-weight:500;letter-spacing:.15em;margin-bottom:24px}.hero .lead{font-size:21px;line-height:1.5;max-width:480px;color:#354961;margin-top:28px}.hero-payment{font-size:15px;font-weight:500;color:#2b4f91;text-underline-offset:5px}.hero .actions{gap:16px;margin-top:30px}.hero .account-note{font-size:13px;line-height:1.6;color:#526174;max-width:390px}
.hero-product .hero-scene{background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(255,255,255,.5));border:1px solid rgba(255,255,255,.94);box-shadow:0 22px 62px rgba(25,36,59,.13),inset 0 1px 0 white;-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%)}
.button,.media-toggle,.reference-controls button,.variant-tabs button{border-radius:var(--glass-radius);font-weight:500;min-height:46px}.button{padding:15px 27px;line-height:1.4}.primary,.media-toggle{background:linear-gradient(150deg,#4465a6,#253759);color:#fff;border:1px solid rgba(255,255,255,.28);box-shadow:0 5px 15px rgba(37,55,89,.15),inset 0 1px 0 rgba(255,255,255,.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.primary:hover,.media-toggle:hover{background:linear-gradient(150deg,#5076bb,#304a78);box-shadow:0 8px 22px rgba(37,55,89,.22),inset 0 1px 0 rgba(255,255,255,.28)}
.actions>.text-link,.reference-controls button,.variant-tabs button{background:rgba(255,255,255,.76);border:1px solid var(--glass-highlight);box-shadow:0 3px 12px rgba(25,36,59,.07),inset 0 1px 0 white;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.actions>.text-link{border-radius:var(--glass-radius);padding:14px 21px;min-height:50px;display:inline-flex;align-items:center;color:var(--ink);font-weight:500;line-height:1.4}.reference-controls button{border-color:#cbd7e6;color:var(--ink)}.variant-tabs button[aria-pressed="true"]{background:#e0ebfa;border-color:#4465a6;color:#253759;box-shadow:inset 0 1px 0 white,0 2px 8px rgba(37,55,89,.08)}
.feature h2{font-size:clamp(40px,4vw,58px);line-height:1.06;font-weight:500;letter-spacing:-.035em}.feature-copy>p:not(.eyebrow){font-size:20px;line-height:1.6;color:#354961}.feature-copy .feature-detail{font-size:16px!important;line-height:1.65;color:#526174}.feature .eyebrow{font-size:12px;letter-spacing:.14em;font-weight:500}.media-toolbar{padding:14px 18px}.media-title{font-size:13px;line-height:1.5}.media-toggle{padding:9px 20px;font-size:14px}.clip-caption{font-size:14px;line-height:1.5}.output-card strong{font-size:21px;font-weight:500;letter-spacing:-.015em}.output-card figcaption>span{font-size:15px;line-height:1.55}
.payment-zero{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(226,241,255,.72));border:1px solid white;box-shadow:0 14px 40px rgba(37,55,89,.1),inset 0 1px 0 white;-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%)}.payment-zero strong{font-size:clamp(76px,7vw,104px);font-weight:500;letter-spacing:-.055em}.payment-zero span{color:#354961}.section-heading h2{letter-spacing:-.025em}.reference-card h3{font-weight:500;letter-spacing:-.02em}.closing .button.light{background:linear-gradient(145deg,#fff,#dceeff);border:1px solid white;box-shadow:var(--glass-shadow);color:#253759}.closing .actions>.text-link{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.25);color:white}
@media(max-width:1100px){.site-header>nav{gap:12px}.site-header .catalog-link,.site-header a[href="/admin"]{padding-inline:13px}.hero{gap:32px}.hero h1{font-size:clamp(60px,6.4vw,82px)}}
@media(max-width:760px){.hero{padding-block:38px 48px;gap:30px}.hero h1{font-size:clamp(48px,12.4vw,70px);letter-spacing:-.04em}.hero-title-intro{font-size:.67em;margin-bottom:.32em}.hero .eyebrow{font-size:11px;letter-spacing:.12em;margin-bottom:20px}.hero .lead{font-size:19px;line-height:1.5;margin-top:23px}.hero .actions{gap:12px;margin-top:24px}.hero .button{padding:14px 22px}.hero .actions>.text-link{padding:14px 18px;font-size:15px}.hero .account-note{font-size:12px}.hero-product{margin-top:4px}.feature h2{font-size:clamp(36px,9.4vw,46px);line-height:1.08}.feature-copy>p:not(.eyebrow){font-size:18px;line-height:1.6}.feature-copy .feature-detail{font-size:15px!important}.media-toggle{font-size:13px;padding-inline:16px}.media-toolbar{padding:12px}.media-title{font-size:12px}.mobile-menu summary{list-style:none;border:1px solid rgba(255,255,255,.2);border-radius:28px;background:rgba(255,255,255,.15);padding:10px 16px;min-height:44px;display:flex;align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav a[href="/admin"]{color:var(--ink);background:var(--wash);box-shadow:none}.payment-zero strong{font-size:80px}}
@media(prefers-reduced-transparency:reduce){.site-header{background:#19243b}.actions>.text-link,.reference-controls button,.variant-tabs button,.payment-zero,.hero-product .hero-scene{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}.header-cta{background:#80bdf2}.site-header .catalog-link,.site-header a[href="/admin"],.mobile-menu summary{background:#3c475d;-webkit-backdrop-filter:none;backdrop-filter:none}}
.hero-product .hero-scene{border-radius:22px;padding:10px}.hero-scene-label{padding:4px 4px 2px}
@media(max-width:760px){.site-header>.header-cta{display:none}.hero-product .hero-scene{border-radius:18px;padding:7px}}

/* Secondary technical options belong below the organizer journey. */
.technical-options{padding-block:64px 72px;border-top:1px solid var(--line)}.technical-heading{max-width:650px;margin-bottom:26px}.technical-heading .eyebrow{margin-bottom:14px}.technical-heading h2{font-size:clamp(28px,3vw,36px);line-height:1.15;letter-spacing:-.025em}.technical-heading>p:last-child{font-size:16px;line-height:1.6;margin-top:16px}.technical-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.technical-grid article{padding:26px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.92);border-radius:15px;box-shadow:0 4px 16px rgba(25,36,59,.04)}.technical-grid h3{font-size:21px;line-height:1.25;letter-spacing:-.015em}.technical-grid p{font-size:15px;line-height:1.65;margin-top:14px}.technical-grid a{display:inline-flex;align-items:center;min-height:44px;margin-top:15px;font-size:15px;font-weight:500;text-decoration:underline;text-underline-offset:4px;color:#2b4f91}.technical-grid a:hover{text-decoration-thickness:2px}
@media(max-width:760px){.technical-options{padding-block:48px}.technical-grid{grid-template-columns:1fr;gap:14px}.technical-grid article{padding:22px}.technical-heading h2{font-size:29px}.technical-grid h3{font-size:21px}}

/* Airy introduction and the existing public-header visual contract. */
.site-header{height:80px;padding:0 16px;gap:16px;background:#19243b;border:0;box-shadow:0 2px 4px #0000001a;backdrop-filter:none;-webkit-backdrop-filter:none}.site-header .header-home-link{display:block;line-height:0;min-width:0}.header-logo{height:56px;width:auto;max-width:min(52vw,294px);object-fit:contain}.site-header>.header-actions{display:flex;align-items:center;gap:16px;margin-left:auto;font-size:15px}.site-header .header-cta,.header-signin{display:flex;align-items:center;justify-content:center;height:40px;min-height:40px;padding:8px 20px;border-radius:28px;font-weight:600;font-size:15px;line-height:1;white-space:nowrap;box-shadow:0 2px 8px #0000001a;transition:background .2s ease,transform .2s ease}.site-header .header-cta{background:#82bff2;color:#19243b;border:1px solid transparent;backdrop-filter:none}.header-signin{gap:4px;color:#fff;background:#ffffff26;border:1px solid #ffffff1a;backdrop-filter:blur(8px)}.header-signin svg{flex-shrink:0}.site-header .header-cta:hover{background:#a3d2f7;text-decoration:none}.header-signin:hover{background:#ffffff40;transform:translateY(-1px);text-decoration:none}.add-event-short{display:none}
.button.primary{background:#82bff2;color:#19243b;border:1px solid transparent;box-shadow:0 2px 8px #00000014}.button.primary:hover{background:#a3d2f7;box-shadow:0 4px 12px #0000001a}.actions>.text-link,.reference-controls button,.variant-tabs button{background:#ffffff70;border:1px solid #ffffffa6;box-shadow:0 2px 8px #19243b0a;backdrop-filter:blur(8px)}
.hero.hero-air{display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate;min-height:660px;padding:100px 0 96px;gap:0}.hero-air .hero-copy{position:relative;z-index:1;text-align:center;width:100%;max-width:900px}.hero-air .eyebrow{font-size:12px;letter-spacing:.15em;margin-bottom:28px}.hero.hero-air h1{font-size:clamp(52px,6.3vw,88px);line-height:1.08;letter-spacing:-.045em}.hero-air .ink{color:#4465a6;white-space:normal}.hero-air .lead{max-width:560px;margin:28px auto 0;font-size:21px;line-height:1.5}.hero-air .actions{justify-content:center;gap:16px;margin-top:34px}.hero-air .hero-payment{margin-top:22px;font-size:14px;text-decoration:none;color:#526174}.hero-payment:hover{text-decoration:underline}.hero-outlines{position:absolute;inset:0;pointer-events:none;z-index:0}.hero-outlines svg{position:absolute;fill:none;stroke:#80a6ce;stroke-width:1.3;opacity:.46;overflow:visible}.outline-ticket{width:185px}.ticket-one{top:65px;left:-20px;transform:rotate(-16deg)}.ticket-two{bottom:60px;right:-8px;transform:rotate(14deg)}.hero-outlines .outline-table{width:135px;left:32px;bottom:62px;stroke:#7e9ab9;opacity:.3;transform:rotate(-12deg)}.hero-air:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,#ffffff96,transparent 70%);z-index:-1;pointer-events:none}.catalog-action{display:flex;justify-content:center;margin-top:30px}.catalog-action .button{font-size:18px;min-height:50px;padding-inline:30px}.reference-controls{justify-content:flex-end}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Playback sits on the footage instead of a separate oversized control strip. */
.media-viewport{position:relative;isolation:isolate}.media-viewport video{width:100%;height:auto}.media-toolbar{position:absolute;z-index:2;bottom:12px;left:12px;right:12px;border:0;background:transparent;padding:0;pointer-events:none;align-items:center;gap:10px}.media-title{padding:7px 12px;max-width:60%;color:#253759;background:#ffffffdc;border:1px solid #ffffff80;border-radius:28px;backdrop-filter:blur(8px);box-shadow:0 2px 8px #19243b12;pointer-events:auto;font-size:12px}.media-toggle{pointer-events:auto;background:#19243bd9;color:white;border:1px solid #ffffff70;box-shadow:0 2px 8px #19243b26;min-height:44px;min-width:100px;padding:8px 16px;font-size:13px;backdrop-filter:blur(8px);border-radius:28px}.media-toggle:hover{background:#253759ed;box-shadow:0 3px 10px #19243b30}.variant-tabs{padding:12px;flex-wrap:wrap;gap:8px}.variant-tabs button{min-height:44px;font-size:13px;padding:8px 15px;border-color:#d1dce7}.feature-media .clip-caption{display:none}.feature#prehled .media-title{color:#253759}.output-card{border-color:#fff;background:#ffffffa6;box-shadow:0 8px 28px #19243b06}.output-card img{border-radius:8px}.feature#odbaveni .media-stage video{aspect-ratio:auto}
@media(prefers-reduced-motion:no-preference){.hero-air .hero-copy>*{animation:hero-arrive .7s cubic-bezier(.16,1,.3,1) both}.hero-air h1{animation-delay:.08s}.hero-air .lead{animation-delay:.16s}.hero-air .actions{animation-delay:.24s}.hero-air .hero-payment{animation-delay:.32s}.hero-outlines .ticket-one{animation:ticket-float-one 7s ease-in-out 1}.hero-outlines .ticket-two{animation:ticket-float-two 7s ease-in-out 1}.output-card{transition:transform .3s var(--ease),box-shadow .3s var(--ease)}.output-card:hover{transform:translateY(-5px);box-shadow:0 14px 32px #19243b0e}.motion-ready .feature.pending .feature-media{transform:translateY(32px) scale(.975)}.motion-ready .feature .feature-media{transition:opacity .7s var(--ease) .12s,transform .85s cubic-bezier(.16,1,.3,1) .12s}.motion-ready .feature .feature-copy{transition:opacity .6s var(--ease),transform .7s cubic-bezier(.16,1,.3,1)}}
@keyframes hero-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes ticket-float-one{0%,100%{transform:translateY(0) rotate(-16deg)}50%{transform:translateY(-14px) rotate(-11deg)}}@keyframes ticket-float-two{0%,100%{transform:translateY(0) rotate(14deg)}50%{transform:translateY(12px) rotate(18deg)}}
@media(max-width:1000px){.hero-outlines .ticket-one{left:0;top:40px;width:135px}.hero-outlines .ticket-two{right:0;width:135px;bottom:30px}.hero-outlines .outline-table{width:95px;left:10px;bottom:45px}}
@media(max-width:760px){.site-header>.header-actions{display:flex;gap:8px}.site-header .header-cta{display:flex;padding:8px 12px}.header-signin{height:40px;width:40px;padding:0;border-radius:50%}.header-signin>span{display:none}.add-event-full{display:none}.add-event-short{display:inline}.header-logo{height:56px;max-width:112px}.hero.hero-air{min-height:560px;padding:78px 0 66px}.hero.hero-air h1{font-size:clamp(42px,9.8vw,66px);line-height:1.12;letter-spacing:-.04em}.hero-air .eyebrow{font-size:10px;letter-spacing:.1em;max-width:260px;margin:0 auto 24px}.hero-air .lead{font-size:18px;max-width:350px;margin-top:24px}.hero-air .lead br{display:none}.hero-air .actions{gap:10px;margin-top:28px}.hero-air .actions a{font-size:15px;padding:13px 18px;min-height:48px}.hero-air .hero-payment{font-size:13px;max-width:240px;margin:20px auto 0}.hero-outlines .ticket-one{width:100px;top:17px;left:-3px;opacity:.3}.hero-outlines .ticket-two{width:100px;bottom:15px;right:-3px;opacity:.3}.hero-outlines .outline-table{display:none}.media-toolbar{bottom:9px;left:9px;right:9px}.media-title{font-size:11px;padding:6px 9px}.media-toggle{font-size:12px;padding:8px 12px;min-width:92px}.catalog-action{margin-top:24px}.catalog-action .button{font-size:17px}}
@media(max-width:380px){.site-header{padding:0 8px}.header-logo{max-width:80px}.site-header>.header-actions{gap:4px}.site-header .header-cta{padding:8px;font-size:14px}.hero-air .actions{flex-direction:column}.hero.hero-air{padding-top:65px}.hero.hero-air h1{font-size:42px}}

.payment-product{min-width:0;display:grid;gap:16px}.payment-product .media-stage video{aspect-ratio:auto}.payment-product .payment-zero{padding:22px 26px}.payment-product .payment-zero>p:first-child{display:flex;align-items:center;gap:22px}.payment-product .payment-zero strong{font-size:64px;white-space:nowrap}.payment-product .payment-zero span{font-size:16px;margin:0;line-height:1.4}.payment-product .payment-zero .small-note{font-size:12px;margin-top:14px}@media(max-width:760px){.payment-product .payment-zero strong{font-size:60px}.payment-product .payment-zero{padding:20px}.payment-product .payment-zero span{font-size:15px}}

.site-header .brand-wordmark{display:flex;align-items:center;min-height:56px;color:white;font-size:24px;letter-spacing:-.04em;line-height:1;font-weight:500}@media(max-width:760px){.site-header .brand-wordmark{font-size:20px}}@media(max-width:380px){.site-header .brand-wordmark{font-size:18px}.site-header .header-cta{font-size:13px;padding-inline:9px}}
/* Give the form builder enough width to read the actual questions and gestures. */
.feature#formular .feature-inner{grid-template-columns:1fr;gap:34px}.feature#formular .feature-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:80px;order:0}.feature#formular .eyebrow{grid-column:1/-1}.feature#formular h2{grid-row:2/4;max-width:510px}.feature#formular .feature-copy>p:not(.eyebrow){margin-top:0;max-width:460px}.feature#formular .feature-copy .feature-detail{margin-top:14px!important}.feature#formular .feature-media{width:100%;max-width:980px;justify-self:center}.feature#formular .media-stage video{aspect-ratio:auto}
@media(max-width:760px){.feature#formular .feature-copy{display:block}.feature#formular .feature-copy>p:not(.eyebrow){margin-top:18px}.feature#formular .feature-inner{gap:28px}.feature#vstupenka .output-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 12px;gap:14px}.feature#vstupenka .output-card{flex:0 0 86%;scroll-snap-align:start}.feature#vstupenka .output-card img{height:300px;max-height:none;object-fit:contain}.feature#vstupenka .output-card figcaption{padding:14px 4px 8px}}
/* Paging and native swiping remain available without an exposed scrollbar. */
.reference-strip{scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px}.reference-strip::-webkit-scrollbar{display:none;width:0;height:0}.feature#vstupenka .output-grid{scrollbar-width:none}.feature#vstupenka .output-grid::-webkit-scrollbar{display:none}
/* Architectural outlines accompany the broader event promise. */
.hero-outlines .outline-blueprint{inset:0;width:100%;height:100%;opacity:.35;stroke:#80a6ce;stroke-width:1.15;transform:none}.hero-outlines .ticket-one{top:40px;left:auto;right:15px;width:145px;opacity:.3}.hero-outlines .ticket-two{bottom:35px;right:auto;left:18px;width:150px;opacity:.3}.hero-outlines .outline-table{display:none}.hero-air .lead{max-width:640px}.hero-air .eyebrow{letter-spacing:.1em}.feature#vstupenka .output-grid{display:block;columns:3;column-gap:20px}.feature#vstupenka .output-card{display:inline-block;width:100%;break-inside:avoid;margin:0 0 20px;padding:12px}.feature#vstupenka .output-card img{width:100%;height:auto;max-height:none;aspect-ratio:auto;background:transparent}.feature#vstupenka .output-card figcaption{padding:17px 8px 10px}.feature#vstupenka .output-card strong{font-size:20px}.feature#vstupenka .output-card span{font-size:14px}
@media(prefers-reduced-motion:no-preference){.outline-blueprint .plan-shell{stroke-dasharray:1800;stroke-dashoffset:1800;animation:draw-plan 3.8s cubic-bezier(.3,.05,.3,1) .3s forwards}.outline-blueprint .plan-tables{stroke-dasharray:800;stroke-dashoffset:800;animation:draw-plan 3s cubic-bezier(.3,.05,.3,1) 1s forwards}}@keyframes draw-plan{to{stroke-dashoffset:0}}
@media(max-width:760px){.hero-outlines .outline-blueprint{width:150%;max-width:none;left:-25%;opacity:.2}.hero-outlines .ticket-one{width:85px;right:0;top:20px}.hero-outlines .ticket-two{width:90px;left:0;bottom:15px}.hero-air .lead br{display:none}.feature#vstupenka .output-grid{display:block;overflow:visible;columns:2;column-gap:12px;padding:0}.feature#vstupenka .output-card{padding:8px;margin-bottom:12px;border-radius:12px}.feature#vstupenka .output-card img{height:auto;max-height:none}.feature#vstupenka .output-card figcaption{padding:12px 3px 5px}.feature#vstupenka .output-card strong{font-size:17px}.feature#vstupenka .output-card span{font-size:12px}}@media(max-width:360px){.feature#vstupenka .output-grid{columns:1}}
.hero-outlines{overflow:clip}
/* Contours are individual strokes, not an animated dash around an SVG group. */
.hero-outlines .architectural-plan{inset:0;width:100%;height:100%;stroke:#7f9fbd;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;opacity:.3;transform:none}.hero-air .hero-copy{max-width:860px}.hero.hero-air{min-height:630px}.hero.hero-air h1{font-size:clamp(56px,6.3vw,86px)}.hero-air .lead{max-width:540px;font-size:21px}.hero-air .hero-copy>*{animation:none}.direct-payment{min-width:0;background:#ffffff8c;border:1px solid #fff;border-radius:22px;padding:28px;box-shadow:0 12px 36px #25375908}.bank-route{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0 30px}.bank-endpoint{flex:1;display:flex;align-items:center;flex-direction:column;text-align:center;gap:8px}.bank-endpoint svg{width:60px;height:64px;fill:none;stroke:#4465a6;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.bank-endpoint span{font-size:20px;color:#253759}.bank-endpoint small{font-size:13px;color:#526174;max-width:130px}.bank-connection{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:0 1 65px;height:1px;background:#9bb6d1}.bank-connection i{display:block;width:5px;height:5px;background:#4465a6;border-radius:50%}.direct-payment .payment-zero{padding:24px 20px;box-shadow:none;border-radius:15px;background:#ebf1f6;border:0}.direct-payment .payment-zero strong{font-size:74px}.direct-payment .payment-zero span{font-size:17px;margin-top:8px}.direct-payment .payment-zero .small-note{font-size:12px;margin-top:18px}.payment-instant{font-size:15px;margin-top:18px;max-width:420px}
@media(prefers-reduced-motion:no-preference){.architectural-plan path{stroke-dasharray:1;stroke-dashoffset:1;animation:architect-draw 24s linear infinite;animation-delay:calc(var(--draw-start)*.12s)}@keyframes architect-draw{0%,4%{stroke-dashoffset:1;opacity:.1}24%,83%{stroke-dashoffset:0;opacity:1}94%,100%{stroke-dashoffset:0;opacity:0}}.bank-connection i{animation:bank-pulse 3s ease-in-out infinite}.bank-connection i:nth-child(2){animation-delay:.3s}.bank-connection i:nth-child(3){animation-delay:.6s}@keyframes bank-pulse{0%,70%,100%{opacity:.3}30%{opacity:1}}}
@media(max-width:760px){.hero.hero-air{min-height:530px;padding-block:65px 70px}.hero.hero-air h1{font-size:clamp(46px,11.5vw,70px)}.hero-air .lead{font-size:19px;max-width:340px;line-height:1.5}.hero-outlines .architectural-plan{width:180%;max-width:none;left:-40%;opacity:.2}.direct-payment{padding:20px}.bank-route{gap:10px}.bank-endpoint span{font-size:19px}.bank-endpoint small{font-size:12px}.direct-payment .payment-zero strong{font-size:70px}.bank-connection{flex-basis:40px}}
/* Preserve the encoded composition instead of adding white portrait letterboxes. */
.feature .media-stage .media-viewport video,.feature#planek .media-stage .media-viewport video{aspect-ratio:auto;height:auto;width:100%;object-fit:contain;background:#ebf1f6}.feature#vyber-mist .media-stage{background:#ebf1f6}.feature#planek .output-card img{background:#ebf1f6}.feature#planek .output-card{overflow:hidden}
@media(max-width:760px){.feature#vyber-mist .media-stage{max-width:426px;margin-inline:auto}.feature#vyber-mist .media-viewport video{aspect-ratio:auto;height:auto}.feature#planek .media-stage video,.feature#vstupenka .media-stage video{aspect-ratio:auto;height:auto}.hero-air .lead{max-width:330px}}
/* Media shares the section's surface: no outer card, border or white letterbox. */
.feature{background:#ebf1f6}.feature:nth-of-type(even),.feature#prehled{background:#ebf1f6}.feature .media-stage{border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.feature .media-viewport{background:transparent}.feature .media-stage .media-viewport video,.feature#planek .media-stage .media-viewport video{background:transparent}.feature#vyber-mist .media-stage{background:transparent}.feature#odbaveni{background:#19243b}.variant-tabs{padding:14px 0 0;justify-content:center}.variant-tabs button{background:#ffffff66;box-shadow:none}.media-toolbar{left:10px;right:10px;bottom:10px}.media-title{background:#ffffffd9;border:0;box-shadow:none}.media-toggle{background:#19243bcc;box-shadow:none;border:1px solid #ffffff38}.feature#odbaveni .media-title{background:#ffffff1f;color:#fff}.feature#odbaveni .media-toggle{background:#ffffff1f;color:#fff}.feature#planek .output-card{background:transparent;border:0;box-shadow:none;padding:0}.feature#planek .output-card img{border-radius:0}.feature#planek .output-card figcaption{padding:16px 0}.feature#vstupenka .output-card{background:transparent;border:0;box-shadow:none;padding:0}.feature#vstupenka .output-card figcaption{padding:16px 0 24px}.feature#vstupenka .output-card img{border-radius:0}.direct-payment{background:transparent;border:0;box-shadow:none;padding:0}.direct-payment .payment-zero{border:0;border-top:1px solid #d1dce7;border-radius:0;background:transparent;padding:26px 0}.bank-route{padding:15px 0 30px}.pricing-note{background:transparent;padding:28px 0;border-radius:0;border-top:1px solid #d1dce7}
/* Fast pen-led drawing, solid fill, then clear and move to the next product scene. */
.hero-outlines .architectural-plan{stroke:#7f9fbd;opacity:.36}.architectural-plan .sketch-scene{opacity:0;--sketch-fill:0}.architectural-plan .sketch-scene:first-child{opacity:1}.architectural-plan .sketch-scene path{animation:none!important;stroke-dasharray:1;stroke-dashoffset:0;fill:none}.architectural-plan .sketch-scene .sketch-fill{fill:#80bdf2;fill-opacity:calc(var(--sketch-fill)*.32)}.architectural-plan .sketch-pen{opacity:0}.architectural-plan[data-sketch-active] .sketch-pen{opacity:1}.architectural-plan[data-sketch-active] .sketch-scene{opacity:0}.hero-air .lead{max-width:610px}
/* Portrait media needs a physical size limit on wide screens as well. */
.feature#vyber-mist .feature-media{width:100%;max-width:330px;justify-self:center;margin-inline:auto}.feature#vyber-mist .media-stage{width:100%;max-width:330px;margin-inline:auto}.feature#vyber-mist .media-viewport video{width:100%;max-height:700px;object-fit:contain}.feature#vyber-mist .media-toolbar{left:0;right:0;bottom:6px;gap:5px}.feature#vyber-mist .media-title{font-size:11px;padding:6px 9px}.feature#vyber-mist .media-toggle{min-width:90px;padding:7px 12px;font-size:12px}
@media(max-width:760px){.hero-outlines .architectural-plan{width:150%;left:-25%;opacity:.25}.hero-air .lead{font-size:18px;max-width:310px}.feature#vyber-mist .feature-media,.feature#vyber-mist .media-stage{max-width:min(330px,100%)}.feature#vyber-mist .media-viewport video{max-height:none}}
@media(prefers-reduced-motion:reduce){.architectural-plan .sketch-scene:first-child{--sketch-fill:1}.architectural-plan .sketch-pen{display:none}}

/* Keep the sketch visible in its own portrait composition, rather than clipping desktop wings. */
.hero-outlines .architectural-plan{stroke:#7193b5;stroke-width:1.45;opacity:.43}
.brand-origin{font-size:12px;color:#c2cfdf;margin-left:-20px;white-space:nowrap;align-self:center}
.site-footer nav{flex-wrap:wrap;row-gap:12px}
@media(max-width:760px){.hero-outlines .architectural-plan{width:100%;height:100%;left:0;opacity:.34;stroke-width:1.65}.hero-air .hero-copy{background:radial-gradient(ellipse at center,#ebf1f6e8 10%,#ebf1f6b8 52%,transparent 78%)}.hero-air .lead{max-width:330px}.hero-air .lead br{display:initial}.brand-origin{position:absolute;left:16px;top:51px;margin:0;font-size:10px;line-height:1}.site-header .brand-wordmark{padding-bottom:10px}.site-footer nav{justify-content:center}}
/* Desktop demos should fit inside a laptop viewport without becoming full-screen. */
@media(min-width:761px){.feature#planek .feature-media{max-width:min(820px,calc((100svh - 210px)*1.42))}.feature#planek .media-stage .media-viewport video{max-height:min(580px,calc(100svh - 210px));object-fit:contain}.feature#planek .feature-inner{gap:28px}}
.brand-origin{display:flex;align-items:center;gap:4px}.brand-origin svg{display:block;width:64px;height:17px}.site-header .brand-wordmark{font-weight:600;letter-spacing:-.045em}
@media(max-width:760px){.brand-origin{gap:3px}.brand-origin svg{width:45px;height:12px}}

@media(max-width:380px){.brand-origin{left:8px}}
/* The Festapp signature belongs below the wordmark, with no overlapping lettering. */
.site-header .brand-wordmark{padding-bottom:10px}.brand-origin{position:absolute;left:16px;top:51px;margin:0;font-size:10px;line-height:1;gap:3px}.brand-origin svg{width:45px;height:12px}
@media(max-width:380px){.brand-origin{left:8px}}

/* Playback has a transparent click/keyboard target, with no visible controls or labels. */
.media-surface{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;background:transparent;padding:0;z-index:2;cursor:pointer;color:transparent}
.media-surface:hover{background:transparent}.media-surface:focus-visible{outline:3px solid #4465a6;outline-offset:5px}
.site-footer .brand-origin{position:static;margin:0;align-self:center;font-size:13px;gap:5px}.site-footer .brand-origin svg{width:70px;height:20px}.site-header .brand-wordmark{padding-bottom:0}
.site-footer .brand-origin{color:var(--ink)}

/* Justified rows preserve complete tickets and align all four outside edges. */
.feature#vstupenka .output-grid{display:grid;grid-template-columns:1fr;columns:auto;gap:28px;padding:0;overflow:visible}
.ticket-row{display:flex;gap:20px;align-items:flex-start;min-width:0}
.feature#vstupenka .output-card{display:flex;flex-direction:column;flex:var(--ticket-ratio) 1 0;min-width:0;margin:0;width:auto}
.feature#vstupenka .output-card img{width:100%;height:auto;object-fit:contain}
.feature#vstupenka .output-card figcaption{height:66px;padding:14px 0 0}
.feature#vstupenka .output-card strong{font-size:17px;line-height:1.3}
.feature#vstupenka .output-card span{display:none}
.feature-tools{list-style:none;padding:0;margin:24px 0;display:grid;gap:12px;font-size:17px;color:var(--ink)}
.feature-tools li{display:flex;align-items:baseline;gap:12px}.feature-tools li:before{content:'✓';color:var(--accent);font-size:17px}
.closing-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}
.closing-art{width:100%;max-width:400px;justify-self:end;stroke:#80bdf2;stroke-width:1.2;opacity:.8}.closing-art path{vector-effect:non-scaling-stroke}
.site-footer{position:relative;padding-bottom:92px}.site-footer .brand-origin{position:absolute;top:auto;left:50%;bottom:30px;transform:translateX(-50%);width:max-content}
@media(max-width:760px){
 .feature#vstupenka .output-grid{gap:24px}
 .ticket-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
 .feature#vstupenka .output-card img{height:240px}
 .feature#vstupenka .output-card figcaption{height:auto}
 .closing-inner{grid-template-columns:1fr;gap:36px}.closing-art{width:72%;max-width:300px;justify-self:center}
 .site-footer{padding-bottom:85px}.site-footer .brand-origin{bottom:26px}
}
@media(max-width:420px){.feature#vstupenka .ticket-row{grid-template-columns:1fr}.feature#vstupenka .output-card img{height:auto;max-height:430px}.feature#vstupenka .output-card figcaption{padding-top:14px}}

/* Reference arrows sit on the images and take no extra row. */
.reference-carousel{position:relative;container-type:inline-size;--reference-image-width:calc((100cqw - 60px)/3.35)}
.reference-controls{position:absolute;inset:0;margin:0;pointer-events:none;display:block}
.reference-controls>div{display:contents}
.reference-controls button{position:absolute;top:calc(var(--reference-image-width)*.28125 + 2px);transform:translateY(-50%);width:46px;height:46px;min-height:46px;padding:0;display:grid;place-items:center;border:1px solid #ffffffa6;background:#ffffff99;backdrop-filter:blur(8px);pointer-events:auto;border-radius:50%;box-shadow:0 3px 12px #19243b15}
.reference-controls [data-reference-previous]{left:12px}.reference-controls [data-reference-next]{right:12px}
.reference-controls button:disabled{opacity:0;pointer-events:none}
.reference-controls button[hidden]{display:none}
.reference-controls svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.closing-art [data-closing-motif]{transition:opacity .55s ease}
@media(max-width:1000px){.reference-carousel{--reference-image-width:calc((100cqw - 40px)/2.35)}}
@media(max-width:760px){.reference-carousel{--reference-image-width:82cqw}.reference-controls button{width:44px;height:44px;min-height:44px}.hero-outlines{overflow:clip}}
@media(prefers-reduced-motion:reduce){.closing-art [data-closing-motif]{transition:none}}

/* Keep desktop demos readable within a laptop viewport. */
@media(min-width:761px){
 .feature#formular .feature-media{max-width:min(760px,calc((100svh - 300px)*1.4925));width:100%;justify-self:center}
 .feature#odbaveni .feature-media{max-width:min(560px,calc((100svh - 240px)*1.5));width:100%;justify-self:center}
 .feature#prehled .feature-media{max-width:min(640px,calc((100svh - 240px)*1.579));width:100%;justify-self:center}
}
.closing-art [data-closing-motif]{transition:none;--closing-fill:0}
.closing-art [data-closing-motif] path{stroke-dasharray:1;stroke-dashoffset:0;stroke-linecap:round;stroke-linejoin:round}
.closing-art .closing-fill{fill:#80bdf2;fill-opacity:calc(var(--closing-fill)*.13)}
.closing-art [data-closing-motif]{opacity:0}.closing-art [data-closing-motif]:first-child{opacity:1}

/* Dash lengths and the pen use the same SVG coordinates; compensate line width in JS. */
.architectural-plan .sketch-scene path,.closing-art [data-closing-motif] path{vector-effect:none}
.hero-outlines{left:50%;right:auto;width:100vw;transform:translateX(-50%);overflow:clip}
.hero-outlines .architectural-plan{opacity:.24}
@media(max-width:760px){.hero-outlines .architectural-plan{opacity:.25}}

/* Share account settings and theme preference with the public application. */
.auth-pending :is(.header-signin,.header-cta){visibility:hidden;pointer-events:none}
body.dark-mode{--paper:var(--background-color,#232529);--surface:var(--surface-color,#2b2d31);--ink:#e3eaf4;--muted:#bdcadb;--accent:#80bdf2;--line:#43516a;--wash:#303b4e;color-scheme:dark}
body.dark-mode .hero-air .ink{color:#80bdf2}
body.dark-mode .hero-air .hero-copy{background:radial-gradient(ellipse at center,#232529f0 10%,#232529b8 52%,transparent 78%)}
body.dark-mode .actions>.text-link,body.dark-mode .technical-grid article,body.dark-mode .reference-controls button,body.dark-mode .variant-tabs button{background:#303b4ee6;color:var(--ink);border-color:var(--line)}
body.dark-mode .direct-payment .payment-zero,body.dark-mode .pricing-note{background:transparent;border-color:var(--line)}
body.dark-mode .bank-endpoint span{color:var(--ink)}
body.dark-mode .bank-endpoint small{color:var(--muted)}
body.dark-mode .bank-endpoint svg{stroke:var(--accent)}
body.dark-mode .bank-connection{background:var(--line)}
body.dark-mode .bank-connection i{background:var(--accent)}
body.dark-mode .technical-grid a{color:#9bcffa}
body.dark-mode .architectural-plan{stroke:#80bdf2}
body.dark-mode .feature,body.dark-mode .feature:nth-of-type(even),body.dark-mode .feature#prehled{background:var(--paper)}
body.dark-mode .feature#odbaveni{background:var(--chrome)}
body.dark-mode .hero .lead,body.dark-mode .hero .account-note,body.dark-mode .hero-air .hero-payment,body.dark-mode .feature-copy>p:not(.eyebrow),body.dark-mode .feature-copy .feature-detail,body.dark-mode .payment-zero span{color:var(--muted)}
body.dark-mode .hero-air:before{background:radial-gradient(ellipse at center,#34425b55,transparent 70%)}
body.dark-mode .output-card{background:var(--surface)}
.hero-outlines .architectural-plan{opacity:.4}
@media(max-width:760px){.hero-outlines .architectural-plan{opacity:.34}}
/* The encoded phone has a light matte outside its rounded device frame. */
.feature#vyber-mist .feature-media,.feature#vyber-mist .media-stage{max-width:min(300px,100%)}
.feature#vyber-mist .media-stage .media-viewport video{clip-path:inset(.45% 1.9% round 8.5% / 3.92%)}
@media(max-width:760px){body.dark-mode .hero-outlines .architectural-plan{opacity:.23}}

@media(max-width:820px){.site-header .header-help,user-header[data-marketing] .header-help{display:none}}

.topic-hero{min-height:auto;padding-block:80px}.topic-hero .hero-copy{max-width:900px}.topic-hero h1{font-size:clamp(2rem,5vw,4.5rem);overflow-wrap:break-word}.topic-links{display:flex;flex-wrap:wrap;gap:24px;padding-block:32px}.topic-links a{text-underline-offset:4px}

/* Topic pages inherit the original Futura, ink, blue and geometric artwork. */
.topic-page{--topic-rule:var(--line);padding-bottom:0}
.topic-page [hidden]{display:none!important}
.topic-page ::selection{background:var(--accent-soft);color:var(--chrome)}
.topic-page h1,.topic-page h2,.topic-page h3{letter-spacing:-.025em}
.topic-crumbs{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding-top:30px;font-size:14px;color:var(--muted)}
.topic-crumbs a{text-decoration:underline;text-underline-offset:4px}
.topic-crumbs span:before{content:'/';margin-right:12px;color:var(--muted)}
.topic-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:56px;padding-block:56px 78px}
.topic-intro h1{font-size:clamp(44px,5.4vw,76px);line-height:1.07;max-width:14ch}
.topic-intro h1 .ink{white-space:normal}
.topic-lead{font-size:21px;line-height:1.65;max-width:50ch;margin-top:28px}
.topic-intro .actions{margin-top:28px;gap:24px}
.topic-intro-art{position:relative;margin:0;padding:20px 0 0;min-width:0}
.topic-intro-art>img{width:100%;height:auto;max-height:490px;object-fit:contain}
.topic-intro-art figcaption{font-size:14px;line-height:1.55;max-width:36ch;margin:20px auto 0;text-align:center;color:var(--muted)}





.topic-text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;line-height:1.45;text-decoration:underline;text-underline-offset:5px;color:var(--accent);font-size:16px;font-weight:500}
.topic-text-link svg{flex-shrink:0;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5}





.topic-bullets{margin:24px 0 0;padding-left:24px;color:var(--muted);line-height:1.75}
.topic-bullets li+li{margin-top:12px}
.topic-bullets li::marker{color:var(--accent)}
.topic-note{padding:26px 28px;background:var(--wash);border-radius:12px;margin:28px 0 0}
.topic-note h3{font-size:22px;line-height:1.3;margin-bottom:12px}
.topic-note p{font-size:17px;line-height:1.75}
.topic-faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px;padding-block:70px 90px;border-top:1px solid var(--line)}
.topic-faq h2{font-size:clamp(30px,3.3vw,44px);line-height:1.15;max-width:19ch}
.topic-faq>div>p{margin-top:20px;line-height:1.7}
.topic-faq .faq-items p{font-size:17px;line-height:1.75;max-width:65ch}
.topic-faq summary{font-size:20px;line-height:1.4;padding-block:22px}
.topic-ending{background:var(--chrome);color:#fff;overflow:hidden;margin-top:12px}
.topic-ending-inner{display:grid;grid-template-columns:minmax(0,1fr) 240px;align-items:center;gap:90px;padding-block:72px 78px}
.topic-ending h2{font-size:clamp(36px,4vw,58px);line-height:1.1;max-width:19ch}
.topic-ending p{color:#c7d9ee;line-height:1.75;max-width:57ch;margin-top:24px}
.topic-ending .topic-text-link{color:#c7e5ff}
.topic-ending-art{height:300px;color:#80bdf2;opacity:.7;transform:rotate(7deg)}
.topic-ending-art svg{width:100%;height:100%;stroke-width:1.2}
.topic-process{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:28px}
.topic-process ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px;list-style:none;margin:0;padding:0}
.topic-process li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:16px;line-height:1.65}
.topic-process li>span{font-size:14px;color:var(--accent);font-variant-numeric:tabular-nums;padding-top:4px}
.topic-section-intro{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;margin-bottom:36px}
.topic-section-intro h2{font-size:clamp(32px,3.6vw,48px);line-height:1.14;max-width:20ch}
.topic-section-intro p{font-size:19px;line-height:1.75;max-width:47ch}
.topic-layouts{padding-block:80px 40px}
.layout-choices{display:flex;flex-wrap:wrap;gap:10px;border:0;padding:0;margin:0 0 26px;min-width:0}
.layout-choices label{cursor:pointer;position:relative}
.layout-choices input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0}
.layout-choices span{display:block;padding:12px 20px;border:1px solid var(--line);border-radius:28px;min-height:48px;font-size:16px}
.layout-choices input:checked+span{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.layout-choices input:focus-visible+span{outline:3px solid var(--accent);outline-offset:4px}
.topic-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:52px;margin:0;padding-block:25px 40px}
.topic-layout-image{background:#e8eceb;border-radius:15px;padding:24px}
.topic-layout-image img{max-height:560px;width:100%;height:auto;object-fit:contain;margin:auto}
.topic-layout figcaption h3{font-size:29px;line-height:1.2;margin-bottom:18px}
.topic-layout figcaption p{font-size:18px;line-height:1.8}
.topic-layout figcaption>a{display:inline-flex;align-items:center;min-height:44px;margin-top:18px;font-size:15px;text-decoration:underline;text-underline-offset:4px;color:var(--accent)}
.topic-demonstration{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:65px;padding-block:75px;border-top:1px solid var(--line)}
.topic-demonstration h2{font-size:clamp(32px,3.6vw,48px);line-height:1.14;max-width:22ch}
.topic-demonstration p{font-size:19px;line-height:1.75;margin-top:24px}
.topic-demonstration .topic-text-link{margin-top:22px}
.topic-demonstration-media{min-width:0}
.topic-demonstration-reverse .topic-demonstration-copy{order:2}
.topic-demonstration-reverse .topic-demonstration-media{order:1}
.topic-demonstration-reverse{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.topic-demonstration-reverse .media-stage{max-width:430px;margin:auto}






body.dark-mode .topic-layout-image{background:#dce1df}

@media(max-width:1050px){
 .topic-intro{gap:32px}

 .topic-faq,.topic-demonstration{gap:40px}
 .topic-layout{gap:32px}.topic-ending-inner{gap:40px}
}
@media(max-width:760px){
 .topic-crumbs{padding-top:22px;font-size:13px;gap:9px}.topic-crumbs span:before{margin-right:9px}
 .topic-intro,
 .topic-intro h1{font-size:clamp(39px,10vw,58px);line-height:1.12;max-width:17ch}
 .topic-lead{font-size:18px;line-height:1.7;margin-top:22px}
 .topic-intro .actions{margin-top:24px}

 .topic-intro-art{padding-top:4px}.topic-intro-art>img{max-height:360px}


 .topic-note{padding:23px 22px}.topic-note h3{font-size:22px}
 .topic-faq{grid-template-columns:1fr;gap:28px;padding-block:45px 55px}
 .topic-faq h2{font-size:32px;max-width:22ch}.topic-faq summary{font-size:19px}
 .topic-ending-inner{grid-template-columns:1fr;padding-block:45px 50px;gap:10px}
 .topic-ending h2{font-size:38px}.topic-ending p{font-size:17px}
 .topic-ending-art{display:none}
 .topic-process ol{grid-template-columns:1fr;gap:18px}.topic-process li{gap:13px}
 .topic-layouts{padding-block:45px 22px}
 .topic-section-intro{grid-template-columns:1fr;gap:20px;margin-bottom:27px}
 .topic-section-intro h2,.topic-demonstration h2>h2{font-size:33px;line-height:1.17}
 .topic-section-intro p{font-size:18px}
 .layout-choices{gap:8px}.layout-choices span{font-size:14px;padding:12px 15px}
 .topic-layout{grid-template-columns:1fr;gap:24px;padding-top:0}
 .topic-layout-image{padding:14px}.topic-layout-image img{max-height:420px}
 .topic-layout figcaption h3{font-size:26px}.topic-layout figcaption p{font-size:17px}
 .topic-demonstration,.topic-demonstration-reverse{grid-template-columns:1fr;gap:30px;padding-block:43px}
 .topic-demonstration-reverse .topic-demonstration-copy,.topic-demonstration-reverse .topic-demonstration-media{order:initial}
 .topic-demonstration p{font-size:18px}.topic-bullets{font-size:17px}


}
@media(prefers-reduced-motion:reduce){.topic-page *{scroll-behavior:auto!important}}

/* Product overview: one demonstration per task, with real output alongside. */
.product-links{display:flex;flex-wrap:wrap;gap:6px 28px;margin-top:22px}
.feature#planek h2{grid-row:1/3;line-height:1.08}
.feature#planek .product-links{grid-column:2;margin-top:18px}
.product-pair{padding-block:68px}
.product-pair .feature-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:64px;align-items:start}
.product-pair .feature-copy h2{grid-column:1;grid-row:1/4;max-width:18ch;font-size:clamp(36px,4vw,54px);line-height:1.1}
.product-pair .feature-copy>p:not(.eyebrow){grid-column:2;max-width:53ch;margin-top:0;font-size:19px;line-height:1.65}
.product-pair .feature-copy .feature-detail{margin-top:14px;font-size:17px!important}
.product-pair .product-links{grid-column:2}
.product-pair-media{display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:72px;margin-top:40px}
.product-pair-media figure{min-width:0;margin:0}
.product-pair-media figcaption{margin-top:14px;text-align:center;color:var(--muted);font-size:14px;line-height:1.5}
.product-ticket img{width:auto;height:auto;max-height:420px;max-width:100%;margin:auto;transform:rotate(4deg)}
.product-scanner{max-width:240px;justify-self:center}
.product-scanner .media-stage{background:transparent;border:0;box-shadow:none;border-radius:0}
.product-scanner .media-stage video{aspect-ratio:1/2!important;width:100%;height:auto;object-fit:contain}
.product-pair-operations .product-pair-media{align-items:center}
@media(max-width:760px){
 .feature#planek h2{font-size:38px}
 .feature#planek .product-links{margin-top:18px}
 .product-pair{padding-block:42px}
 .product-pair .feature-copy{display:block}
 .product-pair .feature-copy h2{font-size:36px;max-width:20ch}
 .product-pair .feature-copy>p:not(.eyebrow){font-size:18px;margin-top:20px}
 .product-pair .feature-copy .feature-detail{margin-top:14px}
 .product-pair-media{grid-template-columns:1fr;gap:30px;margin-top:28px}
 .product-ticket img{max-height:340px}
 .product-scanner{width:min(260px,100%);margin:auto!important}
 .product-pair-media .product-primary .media-stage{max-width:100%}
}

.media-play-action{position:absolute;right:14px;bottom:14px;display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;border-radius:24px;background:var(--chrome);color:#fff;font-size:14px;line-height:1.3;box-shadow:0 4px 12px #19243b22}
.media-play-action svg{width:15px;height:15px;fill:currentColor}
.media-surface:hover .media-play-action{background:var(--accent)}
.media-surface[aria-pressed="true"] .media-play-action svg{display:none}

/* The public site shell and buttons use organizers/page.css. Scope reader rules. */
body[data-page=help]{--help-error:#a62a2a;--help-control-line:#708197;background:var(--surface);font-size:20px;line-height:1.65}
.help-layout{display:grid;grid-template-columns:220px minmax(0,740px);gap:64px;max-width:1140px;margin:0 auto;padding:48px 24px 80px}
.help-sidebar{position:sticky;top:112px;align-self:start;max-height:calc(100dvh - 128px);overflow:auto;scrollbar-color:var(--line) transparent;font-size:17px;line-height:1.45}
.help-sidebar>p{margin:0 0 14px;font-weight:500}
.help-sidebar ul{list-style:none;margin:0;padding:0}
.help-sidebar li{margin:0 0 4px}
.help-sidebar a{display:block;padding:8px 12px;text-decoration:none;border-radius:10px}
.help-sidebar a:hover,.help-sidebar a[aria-current=page]{background:var(--paper);color:var(--ink)}
.help-sidebar a[aria-current=page]{font-weight:500}
.help-nav-group{font-size:15px;font-weight:500;color:var(--muted);margin:22px 12px 6px}
.help-mobile-menu{display:none}
.help-layout main#main.help-main{min-width:0;max-width:100%;margin:0;padding:0}
.help-main a,.help-mobile-menu a{color:var(--accent);text-underline-offset:.18em;text-decoration-thickness:1px}
.help-main a:hover{text-decoration-thickness:2px}
.help-main :is(h1,h2,h3){font-weight:500;letter-spacing:-.025em;line-height:1.16;text-wrap:balance}
.help-main h1{font-size:clamp(36px,4.4vw,56px);margin:0 0 24px;max-width:22ch}
.help-main h2{font-size:30px;margin:44px 0 14px}
.help-main h3{font-size:24px;margin:24px 0 12px}
.help-main p{margin:0 0 20px}
.help-main .lead{font-size:24px;line-height:1.5;color:var(--muted);margin-bottom:36px}
.help-main :is(ul,ol){padding-left:26px;margin:16px 0 28px}
.help-main li{padding-left:6px;margin-bottom:12px}
.help-main li>p:last-child{margin-bottom:0}
.help-main .steps>li{margin-bottom:30px}
.help-main .steps h2{margin-top:26px}
.help-main .steps h3{margin-top:0}
.help-main .note{padding:18px 22px;border:1px solid var(--line);border-radius:12px;background:var(--paper);font-size:18px}
.help-main .source{font-size:16px;color:var(--muted)}
.help-main code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78em;overflow-wrap:anywhere}
.help-main pre{background:var(--paper);border-radius:12px;padding:20px;overflow:auto;max-width:100%;white-space:pre-wrap}
.help-main pre code{line-height:1.65}
.help-code-example{margin:24px 0 36px}
.help-code-example pre{color:var(--ink);scrollbar-color:var(--line) var(--paper)}
.help-code-example code{display:block;tab-size:2}
.help-code-example code::selection,.help-code-example code *::selection{background:var(--accent);color:var(--surface)}
.help-code-example :is(code,button):focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.help-code-example button{font:inherit;cursor:pointer}
.help-main .help-code-example [role=status]{margin:12px 0 0;color:var(--muted);font-size:17px}
.breadcrumb{font-size:16px;color:var(--muted);margin-bottom:24px}
.breadcrumb a{color:inherit}
.guide-list{border-top:1px solid var(--line);margin:24px 0 44px}
.guide-list>a{display:block;border-bottom:1px solid var(--line);padding:20px 0;text-decoration:none}
.guide-list>a:hover strong{text-decoration:underline;text-underline-offset:.18em}
.guide-list span{display:block;font-size:17px;color:var(--muted)}
.guide-list strong{display:block;font-size:27px;font-weight:500;line-height:1.25;margin:0 0 8px}
.guide-toc{font-size:17px;border-block:1px solid var(--line);padding:16px 0 8px;margin:28px 0}
.guide-toc summary,.help-mobile-menu summary{cursor:pointer;font-weight:500;padding:8px 0;min-height:44px}
.help-main .guide-toc ul{margin:12px 0;padding-left:22px}
.help-main .guide-toc li{margin-bottom:6px}
.guide-related{display:flex;flex-wrap:wrap;gap:8px 20px;border-top:1px solid var(--line);margin-top:48px;padding-top:22px;font-size:18px}
.help-main .guide-related p{flex-basis:100%;margin-bottom:2px}
.guide-related a{display:inline-flex;align-items:center;min-height:44px}
.embed-generator{margin:28px 0 36px;padding:24px;background:var(--paper);border-radius:14px}
.embed-generator label{display:block;font-size:18px;font-weight:500;margin-bottom:7px}
.embed-generator :is(input[type=url],select){width:100%;max-width:100%;padding:12px 14px;background:var(--surface);border:1px solid var(--help-control-line);border-radius:10px;color:var(--ink);font:inherit}
.embed-generator .field{margin-bottom:18px}
.help-main .embed-generator .hint{font-size:16px;color:var(--muted);margin:7px 0 0}
.embed-generator .check-label{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:400}
.embed-generator .check-label input{width:20px;height:20px;flex-shrink:0;accent-color:var(--accent)}
.embed-generator .button{cursor:pointer;font-family:inherit}
.embed-generator textarea{resize:vertical;width:100%;min-height:240px;max-width:100%;background:var(--surface);color:var(--ink);border:1px solid var(--help-control-line);border-radius:10px;padding:14px;font:14px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}
.help-main .embed-generator [role=status]{font-size:17px;margin:14px 0 0}
.help-main .embed-generator [data-url-error]{color:var(--help-error);font-size:17px;margin-top:8px}
.embed-generator .output-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:17px;margin-top:12px}
.embed-generator [data-embed-output]{margin-top:24px}
.embed-generator input[aria-invalid=true]{border-color:var(--help-error)}
.embed-generator input:disabled{opacity:.5}
.guide-screenshot{margin:2rem 0;max-width:100%}
.guide-screenshot a{display:block}
.guide-screenshot img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:8px}
.guide-screenshot figcaption{margin-top:.65rem;font-size:.9em;line-height:1.5;color:var(--muted)}
body[data-page=help] :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--accent);outline-offset:4px}
body[data-page=help] ::selection{background:#bddcff;color:#19243b}
body[data-page=help] [hidden]{display:none!important}
@media(max-width:820px){
 .help-layout{grid-template-columns:minmax(0,1fr);gap:28px;padding:28px 24px 56px}
 .help-sidebar{display:none}.help-mobile-menu{display:block;font-size:17px;border-bottom:1px solid var(--line);padding-bottom:16px}
 .help-mobile-menu ul{list-style:none;padding:0;margin-bottom:0}.help-mobile-menu a{display:block;padding:7px 0}
 .help-mobile-menu a[aria-current=page]{font-weight:500}.help-nav-group{margin-left:0}
 .breadcrumb{margin-bottom:18px}.help-main h1{font-size:38px}.help-main .lead{font-size:22px}.guide-list strong{font-size:25px}
}
@media(max-width:380px){.help-layout{padding-inline:18px}.help-main h1{font-size:34px}.embed-generator{padding:18px}body[data-page=help]{font-size:19px}}
@media(prefers-color-scheme:dark){
 body[data-page=help]:not([data-public-theme]){--paper:#232529;--surface:#2b2d31;--ink:#e3eaf4;--muted:#bdcadb;--accent:#80bdf2;--line:#43516a;--wash:#303b4e;--help-error:#ffb4ab;--help-control-line:#71839c;color-scheme:dark}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

body[data-page=help].dark-mode{--help-error:#ffb4ab;--help-control-line:#71839c}

.help-main .help-topic-index ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;padding:0;gap:4px 24px;margin:0 0 44px}
.help-main .help-topic-index li{margin:0;padding:0}
.help-topic-index a{display:block;min-height:44px;padding:8px 0;font-size:18px;line-height:1.5}
@media(max-width:650px){.help-main .help-topic-index ul{grid-template-columns:minmax(0,1fr);gap:0}}

.help-category-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 36px;margin-top:24px}
.help-category-directory section{border-top:1px solid var(--line);padding:22px 0}
.help-main .help-category-directory h2{font-size:27px;margin:0 0 14px}
.help-main .help-category-directory p{font-size:18px;margin-bottom:14px}
.help-category-directory>section>a{font-size:17px}
.help-sidebar .help-nav-articles{border-left:1px solid var(--line);margin:4px 0 16px 12px;padding-left:8px;font-size:16px}

@media(max-width:650px){.help-category-directory{grid-template-columns:minmax(0,1fr);gap:0}}


/* Shared documentation chrome; search never replaces the article underneath. */
.help-toolbar{border-bottom:1px solid var(--line);background:var(--surface)}
.help-toolbar-inner{max-width:1140px;margin:auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.help-toolbar-home{font-size:17px;font-weight:500;color:var(--ink);text-decoration:none}
.help-search-trigger{display:flex;align-items:center;gap:12px;min-height:44px;width:340px;max-width:100%;padding:9px 14px;border:1px solid var(--help-control-line);border-radius:8px;background:var(--paper);color:var(--muted);font:inherit;font-size:16px;text-align:left;cursor:pointer}
.help-search-trigger:hover{border-color:var(--accent);color:var(--ink)}
.help-search-trigger svg{flex-shrink:0}.help-search-trigger kbd{margin-left:auto;white-space:nowrap}
.help-search-trigger kbd,.help-search-footer kbd{font:inherit;font-size:12px;border:1px solid var(--line);border-radius:4px;padding:1px 5px}
.help-search-dialog{opacity:1;padding:0;border:0;border-radius:14px;width:min(720px,calc(100% - 40px));max-width:none;max-height:calc(100dvh - min(12vh,100px) - 24px);margin: min(12vh,100px) auto auto;background:var(--surface);color:var(--ink);box-shadow:0 24px 80px #0005;font-size:16px;line-height:1.5;overflow:hidden}
.help-search-dialog[open]{display:flex;flex-direction:column;animation:help-search-enter .16s ease-out}
.help-search-dialog::backdrop{background:#10192499}
.help-search-top{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 0;gap:12px}
.help-search-top h2{font-size:17px;font-weight:500;margin:0;line-height:1.4}
.help-search-top button{display:grid;place-items:center;background:transparent;border:0;color:var(--muted);width:44px;height:44px;cursor:pointer;border-radius:8px;flex-shrink:0}
.help-search-top button:hover{background:var(--paper);color:var(--ink)}
.help-search{padding:8px 24px 18px;border-bottom:1px solid var(--line)}
.help-search-fields{display:flex;align-items:center;gap:12px;border:1px solid var(--help-control-line);border-radius:8px;padding:4px 12px;color:var(--muted)}
.help-search-fields:focus-within{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:2px}
.help-search-fields>svg{flex-shrink:0}
.help-search input{min-width:0;width:100%;padding:10px 0;background:transparent;color:var(--ink);font:inherit;font-size:18px;border:0;caret-color:var(--accent)}
.help-search input::placeholder{color:var(--muted);opacity:1}
body[data-page=help] .help-search-fields input:focus-visible{outline:none}
.help-search input::-webkit-search-cancel-button{display:none}
.help-search [data-search-clear]{background:none;border:0;color:var(--accent);font:inherit;font-size:14px;cursor:pointer;min-height:44px;flex-shrink:0}
.help-search-options{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:14px;color:var(--muted)}
.help-search select{min-width:0;max-width:100%;background:var(--surface);color:var(--ink);border:1px solid var(--help-control-line);padding:7px 10px;border-radius:6px;font:inherit;min-height:44px}
.help-search-body{background:var(--surface);overflow:auto;overscroll-behavior:contain;scrollbar-color:var(--line) transparent;padding:8px 12px 16px;min-height:180px}
[data-search-intro]{padding:24px 12px 36px}
[data-search-intro] h3{font-size:22px;font-weight:500;margin:0 0 10px;line-height:1.3}
[data-search-intro] p{margin:0;color:var(--muted);max-width:52ch}
.help-search-dialog [role=status]{color:var(--muted);font-size:14px;margin:10px 12px}
.help-search-dialog [role=status]:empty{margin:0}
.help-search-dialog ol{list-style:none;margin:0;padding:0}
.help-search-hit{margin:0;border-bottom:1px solid var(--line)}
.help-search-hit:last-child{border-bottom:0}
.help-search-hit a{display:block;text-decoration:none;color:var(--ink);padding:16px 12px;border-radius:8px;overflow-wrap:anywhere}
.help-search-hit a:hover,.help-search-hit a:focus-visible{background:var(--paper)}
.help-search-hit span{display:block}
.help-search-hit-category{font-size:13px;color:var(--muted);margin-bottom:4px}
.help-search-hit-title{font-size:20px;font-weight:500;line-height:1.35}
.help-search-hit-section{font-size:14px;color:var(--accent);margin-top:5px}
.help-search-hit-excerpt{font-size:15px;color:var(--muted);margin-top:6px}
.help-search-dialog mark{background:var(--wash);color:var(--ink);font-weight:500}
.help-search-empty{padding:8px 12px 24px;color:var(--muted)}
.help-search-empty p{margin:0 0 12px}.help-search-empty a{color:var(--accent)}
.help-search-footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:12px 24px;color:var(--muted);font-size:12px;background:var(--paper)}
@keyframes help-search-enter{from{transform:translateY(-6px)}to{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.help-search-dialog[open]{animation:none}}
@media(max-width:650px){.help-toolbar-inner{padding:12px 24px}.help-toolbar-home{display:none}.help-search-trigger{width:100%}.help-search-trigger kbd{display:none}.help-search-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 32px);margin:16px auto auto;border-radius:12px}.help-search{padding-inline:16px}.help-search-top{padding-inline:12px}.help-search-fields{gap:8px}.help-search input{font-size:16px}.help-search-fields>svg{display:none}.help-search [data-search-clear]{max-width:72px;line-height:1.2}.help-search-footer{display:none}.help-search-body{min-height:220px}.help-search-options label{flex-shrink:0}}

.guide-step-link{display:block;margin-top:12px}.help-main .help-step-action{display:inline-flex;align-items:center;gap:8px;font-weight:500;min-height:44px}.help-step-action svg{flex-shrink:0}
.guide-screenshot-mobile{max-width:360px;margin-inline:auto}.guide-screenshot-mobile img{border:6px solid var(--ink);border-radius:24px}.guide-screenshot-mobile figcaption{font-size:17px}

.guide-video{margin:28px 0}
.guide-video-player{aspect-ratio:16/9;background:var(--paper);border-radius:8px;overflow:hidden}
.guide-video-player iframe{display:block;width:100%;height:100%;border:0}
.guide-video figcaption{margin-top:.65rem;font-size:.9em;line-height:1.5;color:var(--muted)}

.help-main p{max-width:65ch}

.guide-preview{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:8px}
.guide-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.guide-preview.guide-preview-mobile{display:flex;align-items:center;justify-content:center}
.guide-device{display:block;height:88%;aspect-ratio:390/844;flex:none;overflow:hidden;border:3px solid var(--chrome);border-radius:12% / 6%;background:var(--chrome)}
.guide-preview-mobile .guide-device img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:none}
.guide-list>a:has(.guide-preview){display:grid;grid-template-columns:160px minmax(0,1fr);column-gap:24px;align-items:start}
.guide-list>a>.guide-preview{grid-row:1/3}
.guide-list>a>.guide-preview~strong,.guide-list>a>.guide-preview~span{grid-column:2}
.help-category-directory h2 .guide-preview{margin-bottom:16px}
@media(max-width:650px){.guide-list>a:has(.guide-preview){grid-template-columns:104px minmax(0,1fr);column-gap:16px}.guide-list>a:has(.guide-preview)>strong{font-size:23px}}

.guide-preview-detail img{object-position:center;transform:scale(2);transform-origin:center}
.guide-preview-upper img{transform:scale(1.6);transform-origin:50% 30%}
@media(max-width:480px){
 .guide-list>a:has(.guide-preview){grid-template-columns:minmax(0,1fr);row-gap:12px}
 .guide-list>a>.guide-preview{grid-column:1;grid-row:2}
 .guide-list>a>.guide-preview~strong{grid-column:1;grid-row:1;margin-bottom:0}
 .guide-list>a>.guide-preview~span{grid-column:1;grid-row:3}
}