/* NAVORUM 05 — priced modules, editorial comparison and a code-rendered project reveal. */
.config{container-type:inline-size}
.option-heading{font-size:15px;font-weight:400;margin:32px 0 16px;color:#ccdcff}
.priced-options{border-block:1px solid #90b4f436}
.priced-option{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:start;gap:14px;padding:21px 12px;cursor:pointer;transition:background-color 160ms,border-color 160ms;border-left:2px solid transparent}
.priced-option+.priced-option{border-top:1px solid #95b7f324}
.priced-option input{margin:3px 0 0;accent-color:#316aff;width:18px;height:18px}
.priced-option:has(:checked){background:#3668d422;border-left-color:#80acff}
.priced-option:has(:focus-visible){outline:2px solid #bad4ff;outline-offset:-2px}
.option-body{min-width:0}.option-body strong{display:block;font-size:15px;font-weight:600;line-height:1.5}
.option-body small{display:block;color:#b3c6e6;font-size:12px;line-height:1.75;margin-top:7px;max-width:53ch}
.option-price{font-variant-numeric:tabular-nums;font-size:12px;line-height:1.7;white-space:nowrap;color:#bdd6ff;padding-top:3px}
.priced-option.is-included{opacity:.65}.priced-option.is-included .option-price{font-size:0}.priced-option.is-included .option-price:after{content:'V základe';font-size:12px}
.nv-value-price{display:block;font-size:12px;font-variant-numeric:tabular-nums;color:#bbd5ff;margin-top:5px;line-height:1.5}
.motion-comparison{border-block:1px solid #9ebfff50;margin:16px 0 26px}
.motion-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px}
.motion-table th,.motion-table td{text-align:left;vertical-align:top}
.motion-table thead th{font-size:10px;font-weight:400;text-transform:uppercase;letter-spacing:.07em;color:#a7bfe4;padding:15px 12px}
.motion-table thead th:first-child{width:30%}.motion-table thead th:last-child{width:24%;text-align:right}
.motion-table tbody tr{--row:#b5c6dc;border-top:1px solid #98b5e933;cursor:pointer;transition:background-color 150ms}
.motion-table tr[data-motion-row=story]{--row:#8dbeff}.motion-table tr[data-motion-row=three]{--row:#8597ff}.motion-table tr[data-motion-row=signature]{--row:#b8a4ff}
.motion-table tbody tr:has(:checked){background:#4165b32b}
.motion-table tbody tr:has(:focus-visible){outline:2px solid var(--row);outline-offset:-3px}
.motion-table tbody th{border-left:2px solid var(--row);padding:20px 10px;font-weight:400;color:#f3f6ff}
.motion-table label{display:flex;gap:9px;align-items:start;line-height:1.55;cursor:pointer}
.motion-table input{flex-shrink:0;width:16px;height:16px;margin-top:3px;accent-color:#799fff}
.motion-table td{padding:20px 10px}.motion-table td strong{font-size:11px;font-weight:400;color:var(--row);line-height:1.6;display:block}
.motion-table td p{font-size:12px;line-height:1.75;color:#b8c8e3;margin:7px 0 0}
.motion-table td.motion-cost{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;color:var(--row)}
.composition{height:304px!important;position:relative;background:radial-gradient(ellipse at 60% 25%,#274f8b 0%,#122b4e 50%,#0b1c34 100%)!important}
#composition-view{height:260px!important}
#replay-assembly{position:absolute;right:14px;top:12px;z-index:40;border:1px solid #bbd3ff44;background:#0a1b30b8;color:#cfdefa;border-radius:5px;padding:8px 10px;font-size:10px;display:flex;align-items:center;gap:10px;min-height:34px;cursor:pointer}
#replay-assembly:hover{background:#294570}#replay-assembly:focus-visible{outline:2px solid #c5d9ff;outline-offset:3px}
.composition-caption{height:44px;position:relative;z-index:36;background:#112449e8}
@media(hover:hover){.priced-option:hover{background:#3460a72c}.motion-table tbody tr:hover{background:#3058992b}}
@container(max-width:620px){
 .motion-table,.motion-table tbody{display:block}.motion-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .motion-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto}
 .motion-table tbody th{padding:18px 12px 8px}.motion-table td{padding:3px 14px 18px 39px;grid-column:1/-1;grid-row:2}
 .motion-table td.motion-cost{grid-column:2;grid-row:1;padding:20px 12px 0 6px;font-size:11px}
 .priced-option{grid-template-columns:20px minmax(0,1fr);gap:10px;padding:18px 10px}
 .option-price{grid-column:2;padding:0;font-size:12px}.option-body small{font-size:12px}
}
/* A single top-layer scene. The shared Three canvas is moved into this dialog only while presenting. */
html.is-presenting{overflow:hidden;scrollbar-gutter:stable}
#project-launch{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#050d20;color:#f0f5ff;overflow:hidden}
#project-launch::backdrop{background:#050d20}
.launch-surface{height:100%;min-height:0;position:relative;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;background:radial-gradient(ellipse at 53% 45%,#16427b 0%,#0d2347 38%,#040b1c 80%);padding:clamp(20px,4vw,52px) clamp(20px,5vw,80px) 34px}
.launch-top{display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;z-index:40}
.launch-top img{width:170px;height:auto}.launch-top button{color:#d8e5ff;background:#123365;border:1px solid #7fa6ec66;border-radius:7px;padding:13px 18px;font-size:12px;cursor:pointer;min-height:44px}.launch-top button:hover{background:#214d8c}
.launch-intro{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#bad0ed;text-align:center;padding-top:30px;position:relative;z-index:40}
#launch-view{position:relative;width:min(100%,1000px);height:100%;min-height:100px;justify-self:center}
.launch-copy{position:relative;z-index:40;text-align:center;padding:0 0 16px;opacity:0;transform:translateY(18px)}
.launch-copy h2{font-weight:300;font-size:clamp(28px,4.4vw,62px);line-height:1.1;letter-spacing:-.055em;margin:0 auto;max-width:17ch;text-wrap:balance}
.launch-copy p{font-size:14px;color:#b0c9ef;margin:18px 0;line-height:1.65}
#launch-services{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:8px 22px;padding:0;margin:0 auto;max-width:820px;font-size:12px;color:#deebff;line-height:1.6}
#launch-services li{display:flex;align-items:center;gap:8px}#launch-services li:before{content:'';width:4px;height:4px;background:#7eaeff;border-radius:50%}
.launch-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#244168}.launch-progress span{display:block;width:100%;height:100%;background:#90b9ff;transform-origin:left;transform:scaleX(0)}
@media(max-width:760px){.composition{height:304px!important}#composition-view{height:260px!important}.launch-surface{padding:20px 18px 26px}.launch-top img{width:116px}.launch-top button{padding:10px;font-size:10px}.launch-intro{font-size:9px;padding-top:28px}.launch-copy p{font-size:12px;margin:12px 0}#launch-services{font-size:10px;gap:6px 12px}.launch-copy h2{font-size:34px}.launch-copy{padding-bottom:8px}}
@media(max-height:500px){.launch-surface{padding:12px 25px;grid-template-columns:1fr 1fr;grid-template-rows:auto minmax(0,1fr)}.launch-top{grid-column:1/-1}.launch-intro{display:none}#launch-view{grid-column:1;grid-row:2}.launch-copy{grid-column:2;grid-row:2;align-self:center}.launch-copy h2{font-size:30px}.launch-copy p{margin:8px 0}}
@media(prefers-reduced-motion:reduce){.priced-option,.motion-table tr{transition:none}}
@media print{#project-launch,#replay-assembly{display:none!important}}
.composition-caption{position:absolute;left:18px;right:18px;bottom:0;background:transparent;min-width:0;font-size:11px}
.composition-caption>span:first-child{min-width:0}
.priced-option input{appearance:none;-webkit-appearance:none;position:relative;border:1px solid #9cb9ea99;border-radius:5px;background:#0b1b35;width:20px;height:20px}
.priced-option input:checked{background:#c4d9ff;border-color:#c4d9ff}
.priced-option input:checked:after{content:'';position:absolute;left:6px;top:3px;width:5px;height:9px;border:solid #163976;border-width:0 2px 2px 0;transform:rotate(45deg)}
.motion-table input{appearance:none;-webkit-appearance:none;border:1px solid #a9bfdf88;border-radius:50%;background:#0d203a;position:relative}
.motion-table input:checked{border-color:var(--row)}.motion-table input:checked:after{content:'';position:absolute;inset:3px;border-radius:50%;background:var(--row)}
@media(min-width:761px) and (max-height:1000px){.composition{height:274px!important}#composition-view{height:230px!important}}
@media(forced-colors:active){.priced-option input,.motion-table input{appearance:auto}}

.priced-option:has([name=flowLeads]).is-included .option-price:after{content:'V AI role'}
.inline-cost{display:block;color:#bdd6ff!important;margin-top:5px;font-variant-numeric:tabular-nums}