/* NAVORUM motion direction: same N02 / Mulish / ink / electric blue. */
body{background:#040916;isolation:isolate;scrollbar-color:#62759c #071022}
.ambient-field{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 100% 30%,#1236b855,transparent 60%),#040916;contain:strict}
.ambient-field canvas{width:100%;height:100%;display:block;opacity:.72}
.site-header{position:relative;z-index:2;padding-top:30px;padding-bottom:20px}
.intro{min-height:650px;grid-template-columns:1.1fr 1fr;padding-top:80px;padding-bottom:124px;overflow:clip}
.intro:before{display:none}.intro-copy{position:relative;z-index:2;pointer-events:none}.intro h1{font-size:clamp(68px,7.1vw,102px);line-height:1.01;letter-spacing:-.04em}.intro h1 span{color:#b8caff}.intro p{max-width:34ch;font-size:18px;color:#ccd6ed;margin-top:30px}.sculpture{position:absolute;right:-4%;top:-6%;width:64%;height:100%;pointer-events:none}.sculpture canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.sculpture-fallback{position:absolute;inset:20% 18%;perspective:600px}.sculpture-fallback i{position:absolute;inset:10%;border:25px solid #8da9d3;border-radius:45%;transform:rotate(-35deg) rotateY(45deg);box-shadow:inset 4px 8px 16px #fff8,6px 22px 48px #0009}.sculpture-fallback i+i{transform:translateX(20%) rotate(45deg) rotateY(-45deg);border-color:#3d66b9}.sculpture.is-ready .sculpture-fallback{display:none}
.intro-bottom{position:absolute;bottom:38px;left:48px;right:48px;display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:2}.intro-bottom p{margin:0;font-size:14px;line-height:1.55;color:#c3cfe5}.compose-link{min-height:52px;display:flex;align-items:center;gap:48px;text-decoration:none;font-size:15px;border-bottom:1px solid #a6bdfb80;padding:4px 0}.compose-link span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #d2dfff66;border-radius:50%;transition:transform 200ms var(--ease)}#motion-toggle{font-size:13px;color:#bdcae4;background:transparent;border:0;min-height:44px;padding:10px 0;text-decoration:underline;text-underline-offset:5px}
.quick-start{padding:26px 0 30px;margin-bottom:60px;scroll-margin-top:24px;gap:36px}.preset-list{gap:10px}.preset-list button{border-radius:30px;padding:12px 20px;position:relative;transition:background 180ms,border-color 180ms,transform 180ms var(--ease)}.preset-list button[aria-pressed=true]{background:#edf2ff;color:#08142c;border-color:#edf2ff}.calculator-layout{gap:clamp(40px,6vw,96px)}.section-heading h2{font-size:clamp(30px,2.8vw,40px);letter-spacing:-.035em}.selection-section,.scope-section{padding-bottom:48px}.service-option{padding:24px 12px;background:#06102766}.service-option:has(:checked){background:#193b962e}.service-option:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,#184bdf30);opacity:0;transition:opacity 220ms}.service-option:has(:checked):before{opacity:1}.service-option strong{font-size:21px;font-weight:300;letter-spacing:-.02em}.service-option svg{width:29px;height:29px;transition:transform 220ms var(--ease),stroke 180ms}.service-option:has(:checked) svg{transform:rotate(-7deg);stroke:#e2ebff}.service-option small{color:#bfcce5}.choice-grid label,.motion-choices label{transition:background 180ms,border-color 180ms}.motion-choices label{padding:22px 12px}.motion-choices strong{font-size:17px}.motion-choices label:has(:checked){background:#1e48ca30}.scope-block{padding-top:36px;padding-bottom:40px}.select-field select{background:#0d1b36;border-color:#728bb35c;min-height:52px}.select-field select:focus-visible{outline-offset:3px}.summary{border-radius:14px;background:#f2f5fc}.summary-content{padding:30px}.summary-top h2{font-size:21px;font-weight:300}.summary-content .investment>output{font-size:clamp(30px,2.9vw,42px);font-weight:300}.summary-content .primary-button{min-height:54px;border-radius:7px}
.composition{height:228px;position:relative;color:#dce7ff;background:radial-gradient(ellipse at 75% 40%,#1643c7,#102550 55%,#09152d);border-radius:13px 13px 0 0;overflow:hidden}.composition-stage{position:absolute;inset:0 0 36px;perspective:700px;transform-style:preserve-3d}.composition-caption{position:absolute;bottom:0;left:22px;right:22px;height:36px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #c4d8ff30;font-size:13px}.composition-caption>span:first-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.composition-caption>span:last-child{color:#b5c8f3;font-variant-numeric:tabular-nums;flex:none}
.module{position:absolute;top:50%;left:50%;opacity:0;transform:translate(-50%,-30%) rotateX(10deg) rotateY(-18deg) scale(.86);transition:transform 260ms var(--ease),opacity 220ms var(--ease);border:1px solid #ccdcff82;background:#10264f;pointer-events:none}.module.is-selected{opacity:1}.module-web{width:182px;height:114px;border-radius:7px;background:linear-gradient(145deg,#ecf2ff,#b8ccff);color:#102650}.module-web.is-selected{transform:translate(-50%,-50%) rotateX(9deg) rotateY(-16deg) rotateZ(-5deg)}.mini-nav{height:15px;border-bottom:1px solid #6b85bc55;display:flex;gap:3px;align-items:center;padding:0 7px}.mini-nav i{width:3px;height:3px;border-radius:50%;background:#4562a5}.mini-site{position:relative;padding:12px 10px;height:94px;overflow:hidden}.mini-site>span{font-size:18px;font-weight:300;letter-spacing:-.04em;display:block;max-width:75px;line-height:1.1}.mini-orbit{position:absolute;right:9px;top:15px;border-radius:50%;width:52px;height:52px;border:10px solid #2145eb;transform:rotate(-28deg) scaleX(.72)}.mini-lines{width:70px;height:2px;background:#728bb6;margin-top:10px;box-shadow:0 5px #728bb6,0 10px #728bb6}.module-brand{width:76px;height:94px;border-radius:6px;padding:14px;background:#174ce0}.module-brand img{width:33px;height:33px}.swatches{display:flex;gap:3px;margin-top:10px}.swatches i{height:12px;width:12px;background:#d2e1ff}.swatches i:nth-child(2){background:#739fff}.swatches i:nth-child(3){background:#09224f}.module-brand.is-selected{transform:translate(-155%,-70%) rotateY(-12deg) rotateZ(-14deg)}.module-automation{width:126px;height:78px;padding:9px;border-radius:6px;background:#102857}.module-automation svg{width:100%;height:100%;stroke:#b4cdff;fill:#3262dc;stroke-width:1.4}.module-automation.is-selected{transform:translate(-10%,3%) rotateY(-15deg) rotateZ(7deg)}.module-ai{width:72px;height:64px;border-radius:8px;display:grid;place-items:center;background:#3462e4}.module-ai.is-selected{transform:translate(50%,-134%) rotateY(-14deg) rotateZ(8deg)}.voice-bars{display:flex;gap:4px;align-items:center;height:34px}.voice-bars i{width:3px;height:18px;background:#edf4ff;border-radius:2px}.voice-bars i:nth-child(2n){height:30px}.voice-bars i:nth-child(3n){height:10px}.module-app{width:53px;height:100px;border-radius:9px;background:#06162e;padding:10px 7px}.module-app.is-selected{transform:translate(-220%,0%) rotateY(-16deg) rotateZ(-9deg)}.app-dot{width:5px;height:5px;border-radius:50%;background:#d0e1ff;margin:0 auto 10px}.app-lines{height:3px;background:#a8bdff;width:24px;box-shadow:0 5px #5e78b0;margin-bottom:15px}.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.app-grid i{height:16px;border-radius:3px;background:#284fba}.composition.is-empty .composition-stage:after{content:'Váš projekt začína výberom.';position:absolute;inset:0;display:grid;place-items:center;font-size:14px;color:#c7d7f7}.principles{padding-top:30px}.principles>h2{max-width:19ch;letter-spacing:-.035em}.brief{background:#11264c}.ambient-field canvas,.sculpture canvas{transition:opacity 250ms}.motion-paused .voice-bars i{animation-play-state:paused!important}
@media(hover:hover) and (pointer:fine){.service-option:hover{background:#16367240}.service-option:hover svg{transform:translateX(-4px) rotate(-7deg)}.preset-list button:hover{transform:translateY(-2px)}.compose-link:hover span{transform:translateY(3px)}}
@media(min-width:761px) and (max-width:1050px){.intro{min-height:580px}.intro h1{font-size:76px}.sculpture{right:-15%;width:75%}.summary-content{padding:24px 20px}.summary-content .investment>output{font-size:29px}.composition{height:210px}}
@media(max-width:760px){.site-header{padding:24px 22px 12px}.intro{display:block;min-height:0;padding:28px 22px 26px}.intro-copy{padding:0}.intro h1{font-size:clamp(52px,11vw,78px);max-width:none}.intro p{font-size:16px;max-width:31ch;margin-top:22px}.sculpture{position:relative;right:auto;top:auto;width:calc(100% + 44px);margin:-12px -22px -10px;height:290px}.intro-bottom{position:relative;inset:auto;gap:16px;flex-wrap:wrap}.intro-bottom p{display:none}.compose-link{gap:28px;font-size:14px}.intro-bottom #motion-toggle{font-size:13px;margin-left:auto}.quick-start{margin-bottom:22px;padding:24px 0;gap:16px}.preset-list{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}.preset-list button{border-radius:7px;padding:12px 9px;min-height:52px;font-size:13px;text-align:left}.calculator-layout{gap:36px}.selection-section:first-child{padding-top:0}.section-heading h2{font-size:30px;line-height:1.15}.service-option{padding:22px 10px}.service-option strong{font-size:20px}.service-option svg{width:26px;height:26px}.service-option small{font-size:13px}.composition{height:225px}.summary-content{padding:28px 24px}.summary-content .investment>output{font-size:39px}.mobile-budget{background:#07132b}.scope-block{padding-top:30px}.motion-choices strong{font-size:16px}.principles{padding-top:0}}
@media(max-width:370px){.intro h1{font-size:52px}.sculpture{height:245px}.intro-bottom{gap:6px}.compose-link{gap:16px;font-size:13px}#motion-toggle{font-size:12px}.section-heading{gap:12px}.section-heading h2{font-size:27px}.service-option{gap:10px}.service-option strong{font-size:18px}.summary-content .investment>output{font-size:32px}}
@media(prefers-reduced-motion:reduce){.module{transition:none}.ambient-field canvas{opacity:.45}}@media print{.ambient-field,.composition{display:none!important}body{background:white}}

/* Preview motion is scoped to the visible illustration, never to the figures. */
.composition.is-visible[data-motion="story"] .mini-site{animation:preview-scroll 6s ease-in-out infinite}
.composition.is-visible[data-motion="three"] .mini-orbit,.composition.is-visible[data-motion="signature"] .mini-orbit{animation:preview-orbit 9s linear infinite}
.composition.is-visible .module-ai.is-selected .voice-bars i{animation:voice-wave 1.8s ease-in-out infinite}
.composition.is-visible .voice-bars i:nth-child(2n){animation-delay:-.4s}.composition.is-visible .voice-bars i:nth-child(3n){animation-delay:-.9s}
@keyframes preview-scroll{0%,15%,100%{transform:translateY(0)}60%,75%{transform:translateY(-15px)}}
@keyframes preview-orbit{from{transform:rotate(-28deg) rotateY(0deg) scaleX(.72)}to{transform:rotate(-28deg) rotateY(360deg) scaleX(.72)}}
@keyframes voice-wave{0%,100%{transform:scaleY(.4)}50%{transform:scaleY(1)}}
.motion-paused .composition *{animation-play-state:paused!important}.keyboard-navigation .module{transition:none}
@media(prefers-reduced-motion:reduce){.composition *{animation:none!important}}