/* Offer emphasis, matching the current blue visual language. */
html.kz #offre-unique .kz-facts .kz-price{font-size:clamp(58px,17vw,108px)!important;font-weight:800!important;letter-spacing:-.055em;line-height:1.03!important;white-space:nowrap}
html.kz #offre-unique .kz-course-old{font-size:clamp(28px,7vw,42px)!important;margin-bottom:14px!important;text-decoration-thickness:3px}
html.kz #offre-unique .kz-facts dd{min-width:0}
.kzi-format{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.kzi-format>span{display:flex;flex-direction:column;min-width:0}
html.kz .kzi-format strong{font-size:clamp(54px,15vw,86px)!important;line-height:1.05;letter-spacing:-.05em;color:#8ad8ff}
html.kz .kzi-format small{font-size:clamp(14px,3.5vw,18px)!important;line-height:1.4;color:#edf5ff;margin-top:8px;font-weight:600}
html.kz .kzi-unit{display:block;font-size:15px!important;line-height:1.5;color:#a3b4cc;margin-top:16px}
html.kz .kzi-seats{display:block;font-size:clamp(54px,15vw,86px);line-height:1.1;color:#8ad8ff}
html.kz #offre-unique .kzx-count b{font-size:clamp(36px,10vw,56px)!important;line-height:1.1;color:#8ad8ff}
html.kz .kzi-summary{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px!important;width:100%;margin:30px 0 0!important}
html.kz .kzi-summary .kzi-stat{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-width:0;padding:22px 12px!important;border:1px solid rgba(138,216,255,.3)!important;border-radius:22px!important;background:rgba(15,41,68,.6)!important;color:#f2f8ff!important}
html.kz .kzi-summary strong{font-size:clamp(48px,6vw,80px);line-height:1.1;font-weight:800;letter-spacing:-.045em;color:#8ad8ff;white-space:nowrap}
html.kz .kzi-summary small{display:block;font-size:16px;line-height:1.35;font-weight:600;margin-top:8px;color:#e5eefb}
html.kz .kzi-summary del{font-size:clamp(26px,3vw,38px);line-height:1.25;color:#b8c6db;text-decoration-thickness:3px;margin-bottom:8px}
html.kz .kzi-summary .kzi-price strong{font-size:clamp(50px,6vw,84px)}
html.kz .kzi-between{position:relative;isolation:isolate;overflow:hidden;margin:50px auto 10px;padding:clamp(28px,5vw,58px);max-width:1180px;border:1px solid rgba(138,216,255,.45);border-radius:30px;background:radial-gradient(ellipse at 10% 0,rgba(39,180,245,.22),transparent 65%),#0a1830;text-align:center;box-shadow:0 18px 65px -25px rgba(39,180,245,.3)}
.kzi-between::before{content:'';position:absolute;inset:-100% -50%;z-index:-1;background:linear-gradient(100deg,transparent 42%,rgba(138,216,255,.09) 50%,transparent 58%);animation:kzi-shimmer 5s ease-in-out infinite;pointer-events:none}
html.kz .kzi-eyebrow{margin:0 0 18px;color:#8ad8ff;font-size:14px;font-weight:800;letter-spacing:.12em}
html.kz .kzi-between h2{font-size:clamp(30px,4.5vw,58px);line-height:1.1;letter-spacing:-.035em;margin:0 auto;max-width:20ch;color:#fff;animation:kzi-glow 2.6s ease-in-out infinite}
html.kz .kzi-sub{font-size:clamp(16px,1.8vw,20px);line-height:1.6;color:#bfcee3;max-width:44em;margin:20px auto}
html.kz .kzi-limit{margin:24px 0;color:#c8d7e9;font-size:16px;line-height:1.6}
html.kz .kzi-limit b{color:#8ad8ff;font-size:28px}
html.kz .kzi-reserve{position:relative;display:inline-flex;justify-content:center;align-items:center;gap:20px;border-radius:999px;padding:22px 36px;background:#8ad8ff;color:#04101f;text-decoration:none;font-size:clamp(18px,2vw,23px);font-weight:800;animation:kzi-pulse 2.6s ease-in-out infinite}
.kzi-reserve:focus-visible{outline:3px solid white;outline-offset:5px}
@keyframes kzi-glow{0%,100%{text-shadow:0 0 0 transparent}50%{text-shadow:0 0 26px rgba(138,216,255,.5)}}
@keyframes kzi-pulse{0%,100%{box-shadow:0 0 0 0 rgba(39,180,245,.3)}50%{box-shadow:0 0 0 9px rgba(39,180,245,.06),0 0 32px rgba(39,180,245,.35)}}
@keyframes kzi-shimmer{0%,25%{transform:translateX(-40%)}75%,100%{transform:translateX(40%)}}
@media(max-width:700px){html.kz .kzi-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important}html.kz .kzi-summary .kzi-price{grid-column:1/-1}html.kz .kzi-summary .kzi-price strong{font-size:clamp(70px,20vw,96px)}html.kz .kzi-summary strong{font-size:clamp(52px,16vw,72px)}html.kz .kzi-summary small{font-size:14px}html.kz .kzi-between{margin-top:36px;padding:30px 20px;border-radius:24px}html.kz .kzi-reserve{width:100%;padding:20px 16px}html.kz .kzpf-cta-facts.kzi-summary{order:5}}
@media(prefers-reduced-motion:reduce){.kzi-between::before,html.kz .kzi-between h2,html.kz .kzi-reserve{animation:none!important}}

/* Price always gets its own full row, even in a narrow desktop column. */
html.kz .kzi-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
html.kz .kzi-summary .kzi-stat{container-type:inline-size;padding:24px 12px!important;overflow:hidden;min-width:0}
html.kz .kzi-summary .kzi-price{grid-column:1/-1!important;padding:26px 16px!important}
html.kz .kzi-summary del{display:block;white-space:nowrap!important;font-size:clamp(30px,8cqw,44px)!important;line-height:1.2;flex:none}
html.kz .kzi-summary .kzi-price strong.kzi-money-reel{position:relative;display:block!important;height:1.16em!important;width:100%!important;max-width:100%;overflow:hidden;font-size:clamp(68px,22cqw,140px)!important;line-height:1.16!important;margin:0;padding:0!important;letter-spacing:-.05em;text-align:center;color:#8ad8ff}
html.kz .kzi-money-track{display:block!important;width:100%;height:5.8em;font:inherit!important;line-height:1.16!important;transform:translateY(-80%);animation:kzi-money-roll 8s cubic-bezier(.22,.7,.2,1) infinite}
html.kz .kzi-money-track i{display:block!important;width:100%;height:1.16em;margin:0!important;padding:0!important;border:0!important;background:none!important;font:inherit!important;line-height:1.16!important;white-space:nowrap!important;letter-spacing:inherit;color:inherit;box-shadow:none!important}
html.kz .kzi-summary .kzi-stat:not(.kzi-price)>strong{font-size:clamp(74px,72cqw,164px)!important;line-height:1.05!important;letter-spacing:-.065em;margin:0!important;animation:kzi-twenty 3.2s ease-in-out infinite}
html.kz .kzi-summary small{font-size:clamp(16px,7cqw,22px)!important;line-height:1.35!important;margin-top:14px!important}
html.kz .kzi-format>span{container-type:inline-size}
html.kz .kzi-format strong{font-size:clamp(64px,70cqw,134px)!important;line-height:1.07!important}
@keyframes kzi-money-roll{0%,7%{transform:translateY(0)}13%{transform:translateY(-20%)}19%{transform:translateY(-40%)}25%{transform:translateY(-60%)}34%,100%{transform:translateY(-80%)}}
@keyframes kzi-twenty{0%,100%{text-shadow:0 0 8px rgba(39,180,245,.12);transform:scale(1)}50%{text-shadow:0 0 32px rgba(39,180,245,.55);transform:scale(1.035)}}
@media(max-width:380px){html.kz .kzi-summary{gap:10px!important}html.kz .kzi-summary .kzi-stat{padding:20px 8px!important}html.kz .kzi-summary .kzi-price strong.kzi-money-reel{font-size:clamp(60px,23cqw,84px)!important}html.kz .kzi-summary .kzi-stat:not(.kzi-price)>strong{font-size:clamp(62px,72cqw,90px)!important}}
@media(prefers-reduced-motion:reduce){html.kz .kzi-money-track{animation:none!important;transform:translateY(-80%)!important}html.kz .kzi-summary .kzi-stat:not(.kzi-price)>strong{animation:none!important}}

/* The offer price and impact animation appear only at the end of the programme. */
html.kz #offre-unique .kz-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html.kz #kz-between-videos .kzi-summary .kzi-stat>strong{animation:none!important;text-shadow:none!important}
html.kz .kzpf-cta-facts .kzi-money-track{height:29em!important;transform:translateY(-96%);animation:none!important}
html.kz .kzpf-cta-facts .kzi-stat:not(.kzi-price)>strong{animation:none!important}
html.kz .kzpf-cta-facts[data-kzi-active] .kzi-money-track{animation:kzi-fast-count 1.45s steps(24,end) both!important}
html.kz .kzpf-cta-facts[data-kzi-active] .kzi-money-reel{animation:kzi-final-flash 1.6s ease-in-out 1.45s infinite}
html.kz .kzpf-cta-facts[data-kzi-active] .kzi-stat:not(.kzi-price)>strong{animation:kzi-final-flash 1.6s ease-in-out 1.45s infinite!important}
@keyframes kzi-fast-count{from{transform:translateY(0)}to{transform:translateY(-96%)}}
@keyframes kzi-final-flash{0%,100%{color:#8ad8ff;text-shadow:0 0 0 transparent;filter:brightness(1)}45%,60%{color:#fff;text-shadow:0 0 22px rgba(138,216,255,.85);filter:brightness(1.2)}}
@media(max-width:700px){html.kz #offre-unique .kz-facts{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){html.kz .kzpf-cta-facts[data-kzi-active] .kzi-money-track{animation:none!important;transform:translateY(-96%)!important}html.kz .kzpf-cta-facts[data-kzi-active] .kzi-money-reel,html.kz .kzpf-cta-facts[data-kzi-active] .kzi-stat:not(.kzi-price)>strong{animation:none!important}}
/* Geneva countdown and interactive twenty-lesson workstation. */
html.kz #offre-unique .kz-offre-body{padding:clamp(20px,4vw,44px)!important}
#kzc-countdown{text-align:center;width:100%;container-type:inline-size}
html.kz .kzc-clock-title{font-size:clamp(16px,3cqw,24px)!important;color:#8ad8ff!important;letter-spacing:.12em;font-weight:800;margin:0 0 26px!important}
.kzc-clock-digits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(6px,2cqw,20px)}
.kzc-time{min-width:0;border-radius:18px;padding:22px 4px;background:linear-gradient(150deg,#163552,#0a1529);border:1px solid #29465d;box-shadow:inset 0 1px rgba(138,216,255,.16)}
.kzc-time b{display:block;font-size:clamp(34px,12cqw,108px);font-weight:800;line-height:1.05;letter-spacing:-.05em;color:#8ad8ff;font-variant-numeric:tabular-nums}
.kzc-time span{display:block;font-size:clamp(10px,2.4cqw,17px);margin-top:12px;color:#c4d4e7}
html.kz .kzc-clock-end{font-size:clamp(13px,2.5cqw,18px)!important;color:#aabed4!important;margin:24px 0 0!important;line-height:1.5}
.kzc-computer{margin:34px auto 10px;max-width:840px;container-type:inline-size}
.kzc-monitor{position:relative;border-radius:22px;padding:8px;background:linear-gradient(140deg,#5d829b,#182737 35%,#405f74 70%,#0b1524);box-shadow:0 28px 65px -30px #000,0 0 35px rgba(39,180,245,.13)}
.kzc-top{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:#08111d;border-radius:14px 14px 0 0;direction:ltr}.kzc-top i{width:5px;height:5px;border-radius:50%;background:#52758f}.kzc-top span{margin-left:auto;font:600 9px/1 system-ui;letter-spacing:.15em;color:#7f9fb5}
.kzc-screen{position:relative;overflow:hidden;border:1px solid #2e5065;border-radius:0 0 15px 15px;background:radial-gradient(ellipse at center,rgba(26,105,147,calc(.12 + var(--progress,.05)*.26)),transparent 70%),#071523;padding:clamp(16px,4cqw,32px);isolation:isolate}
.kzc-circuit{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(115,198,232,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(115,198,232,.055) 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(ellipse,#000,transparent 85%)}
html.kz .kzc-growth{margin:0 0 16px!important;color:#abc9de!important;font-size:clamp(12px,2.6cqw,18px)!important;line-height:1.4}
.kzc-core{width:clamp(130px,38cqw,240px);aspect-ratio:1;margin:0 auto 24px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:24px;border:1px solid rgba(138,216,255,.6);background:linear-gradient(145deg,rgba(45,134,172,.3),rgba(5,21,36,.95));box-shadow:0 0 calc(14px + var(--progress,.05)*34px) rgba(39,180,245,.24),inset 0 0 26px rgba(39,180,245,.1);transition:box-shadow .6s}
.kzc-core strong{font-size:clamp(76px,24cqw,152px);line-height:1;letter-spacing:-.07em;color:#a2e3ff;font-weight:800}.kzc-core>span{font-size:clamp(13px,3cqw,20px);font-weight:600;color:#e3f5ff;margin-top:10px}
.kzc-skills{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:22px}.kzc-skills>div{text-align:start;min-width:0}.kzc-skills span{display:block;font-size:clamp(10px,2.3cqw,15px);color:#bad7e6;margin-bottom:8px}.kzc-skills i{display:block;height:5px;border-radius:4px;background:#1b364a;overflow:hidden}.kzc-skills b{display:block;height:100%;background:linear-gradient(90deg,#269dcc,#9fe8ff);transition:width .6s;width:0}
.kzc-status{display:flex;justify-content:space-between;gap:14px;align-items:center;color:#d5eafb;font-size:clamp(11px,2.4cqw,16px);line-height:1.45;text-align:start;margin:0 0 14px}.kzc-status>span:first-child{white-space:nowrap}.kzc-stage{color:#8ad8ff;text-align:end}
.kzc-lessons{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;direction:ltr}.kzc-lessons button{min-width:0;aspect-ratio:1;padding:0;border:1px solid #294356;border-radius:7px;background:#102334;color:#7f9cad;font:700 clamp(10px,2.4cqw,17px)/1 system-ui;cursor:pointer;transition:background .3s,color .3s,box-shadow .3s}.kzc-lessons button.done{background:#21789d;border-color:#6bccec;color:#fff}.kzc-lessons button[aria-pressed=true]{background:#a2e3ff;color:#041523;box-shadow:0 0 14px rgba(138,216,255,.5)}.kzc-lessons button:focus-visible{outline:2px solid white;outline-offset:3px}
.kzc-neck{width:16%;height:30px;margin:auto;background:linear-gradient(90deg,#102230,#4b6b80,#192e3e);clip-path:polygon(12% 0,88% 0,100% 100%,0 100%)}.kzc-foot{height:10px;width:48%;margin:auto;background:linear-gradient(#53758c,#1d3445);border-radius:60% 60% 5px 5px;box-shadow:0 18px 32px #0008}
html.kz .kzc-caption{font-size:clamp(12px,2.6cqw,17px)!important;color:#a4c4d9!important;margin:24px 0 0!important}
@media(max-width:500px){.kzc-lessons{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.kzc-lessons button{aspect-ratio:auto;height:32px;font-size:13px}.kzc-skills{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kzc-monitor{padding:5px;border-radius:16px}.kzc-time{border-radius:12px;padding:18px 3px}.kzc-status{font-size:11px}.kzc-top span{font-size:7px}}
@media(prefers-reduced-motion:reduce){.kzc-skills b,.kzc-lessons button,.kzc-core{transition:none!important}}
/* KAZAKOM Digital Studio — product theatre, four linked creative disciplines. */
html.kz #kz-between-videos{max-width:1180px;padding-inline:clamp(16px,3vw,48px);background:radial-gradient(ellipse at 50% 35%,#14354b 0,transparent 57%),linear-gradient(150deg,#091d2d,#070e1b);border-color:#30495c}
html.kz #kz-between-videos::before{display:none}
html.kz #kz-between-videos h2{animation:none;max-width:24ch}
.kzn-lab{--progress:.05;--rx:0deg;--ry:0deg;max-width:1000px!important;margin:38px auto 10px!important;direction:ltr;container-type:inline-size}
.kzn-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 4%;margin-bottom:8px}
.kzn-edition{font:600 clamp(8px,1.5cqw,13px)/1.5 system-ui;letter-spacing:.22em;color:#819ead;text-align:start;max-width:18em}
.kzn-hours{display:flex;align-items:center;gap:12px;position:relative;padding:0 0 10px;color:#b1e8ff}
.kzn-hours strong{font:800 clamp(54px,11cqw,94px)/1 var(--body,Arial);letter-spacing:-.08em}
.kzn-hours span{font:600 clamp(12px,2cqw,18px)/1.25 var(--body,Arial);max-width:7em;text-align:start;color:#d6e7f1}
.kzn-hours>i{position:absolute;bottom:0;left:0;width:calc(var(--progress)*100%);height:2px;background:#a1ddef;transition:width 1s;box-shadow:0 0 14px #66c8ef80}
.kzn-scene{position:relative;perspective:1300px;padding:4% 3% 0;isolation:isolate}
.kzn-floor{position:absolute;left:10%;right:10%;bottom:-1%;height:13%;border-radius:50%;background:radial-gradient(ellipse,#b3d4dd21,transparent 68%);filter:blur(10px);transform:scaleX(1.1)}
.kzn-hardware{position:relative;transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .35s ease-out}
.kzn-monitor{position:relative;border-radius:clamp(10px,2.2cqw,23px);padding:5px;background:linear-gradient(130deg,#e5edf0 0,#506b7c 7%,#b6c6ce 9%,#233c4d 20%,#15232d 70%,#a7b9c4 91%,#e2e8e9);box-shadow:1px 2px 0 #687a86,3px 5px 0 #273d4c,5px 8px 0 #0b1620,0 32px 52px -22px #000c;transform:rotateX(3deg) rotateY(-4deg);transform-style:preserve-3d;transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}
.kzn-lab[data-phase="3"] .kzn-monitor{transform:rotateX(0deg) rotateY(0deg)}
.kzn-bezel{border:clamp(5px,1.2cqw,11px) solid #060c12;border-bottom-width:0;border-radius:clamp(8px,1.6cqw,16px);overflow:hidden;background:#07111a;position:relative}
.kzn-bezel::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,#ffffff0d,transparent 36%,transparent 66%,#ffffff03);z-index:8}
.kzn-toolbar{height:clamp(22px,4cqw,36px);padding:0 3%;display:flex;align-items:center;gap:8px;background:#132431;border-bottom:1px solid #29404b;color:#93aab8;direction:ltr}
.kzn-toolbar>b{font-size:clamp(12px,2.4cqw,20px);color:#e1e8e9;letter-spacing:-.1em}.kzn-toolbar>span{margin-left:10px;margin-right:auto;font:500 clamp(6px,1.2cqw,10px)/1 system-ui;letter-spacing:.13em}.kzn-toolbar em{font-style:normal;color:#d3e7f1}.kzn-toolbar>i{width:4px;height:4px;border-radius:50%;background:#547182}
.kzn-workspace{position:relative;aspect-ratio:1.75;background:radial-gradient(ellipse at 50% 50%,#21445955,transparent 70%),#0d1b27;overflow:hidden}
.kzn-ruler{position:absolute;inset:0 0 auto 0;height:5%;display:flex;justify-content:space-evenly;border-bottom:1px solid #719cb018}.kzn-ruler i{width:1px;height:40%;background:#6c94a855}
.kzn-project{position:absolute;left:11%;top:13%;width:76%;height:74%;background:#dde4df;border:1px solid #abc2c3;border-radius:5px;box-shadow:0 16px 40px #0006;overflow:hidden;transform:translateX(0) scale(1);transition:transform 1.2s cubic-bezier(.22,.75,.2,1),filter 1s}
.kzn-project-nav{display:flex;align-items:center;justify-content:space-between;padding:4% 5%;height:15%;color:#203a3f;background:#e3e8e2}.kzn-project-nav>b{font:700 clamp(5px,1.35cqw,12px)/1 Arial;letter-spacing:.06em}.kzn-project-nav span{font:500 clamp(4px,.8cqw,7px)/1 Arial;opacity:.5}
.kzn-project-text{position:absolute;left:5%;top:25%;width:37%;color:#28444b;text-align:start;z-index:2}.kzn-project-text small{font:700 clamp(3px,.66cqw,6px)/1 Arial;letter-spacing:.13em}.kzn-project-text>strong{display:block;font:600 clamp(13px,4cqw,36px)/1.04 Georgia,serif;letter-spacing:-.055em;margin:8% 0 12%;color:#153e47}.kzn-project-text>i{display:block;height:2px;margin:5% 0;width:80%;background:#9ab1b5}.kzn-project-text>i:nth-of-type(2){width:60%}.kzn-project-text>b{display:inline-block;margin-top:12%;padding:8% 13%;background:#173c47;color:#d7e6e6;font:600 clamp(4px,.8cqw,7px)/1 Arial;letter-spacing:.09em;border-radius:2px}
.kzn-project-art{position:absolute;right:0;top:15%;width:54%;height:73%;overflow:hidden;background:#214d60}.kzn-project-art svg{width:100%;height:100%;object-fit:cover;transform:scale(1.15);transition:transform 2s}.kzn-project-bottom{position:absolute;bottom:3%;left:5%;right:5%;display:flex;gap:4%}.kzn-project-bottom i{width:30%;height:3px;background:#a3b8b8}
.kzn-lab[data-phase="0"] .kzn-project{clip-path:inset(0 calc((1 - var(--local))*38%) 0 0)}
.kzn-lab:not([data-phase="0"]) .kzn-project{transform:translateX(-13%) scale(.82)}
.kzn-phone{position:absolute;z-index:3;right:8%;top:11%;width:23%;height:79%;padding:2.2% 1.3% 1.3%;background:linear-gradient(130deg,#9bb0b7,#263a47 12%,#040b12 30%,#4e6978 95%);border:1px solid #70818b;border-radius:clamp(8px,2cqw,18px);box-shadow:7px 14px 28px #0007;opacity:0;transform:translate(60%,12%) rotate(9deg);transition:opacity .8s,transform 1.2s cubic-bezier(.2,.8,.2,1)}
.kzn-phone-notch{position:absolute;top:3%;left:35%;width:30%;height:2%;border-radius:3px;background:#030a0e;z-index:2}.kzn-phone-ui{background:#dce4df;height:100%;border-radius:8px;overflow:hidden;position:relative;text-align:start;padding:9% 7%}.kzn-phone-ui>small{font:700 clamp(4px,.8cqw,8px)/1 Arial;color:#294f5a}.kzn-phone-ui>svg{display:block;width:130%;height:46%;margin:12% -15% 8%}.kzn-phone-ui>b{font:600 clamp(6px,1.4cqw,13px)/1.1 Georgia;color:#254955}.kzn-phone-ui>i{display:block;height:2%;background:#9eafb0;margin:7% 0;width:82%}.kzn-phone-ui>i:nth-of-type(2){width:56%}.kzn-phone-ui>div{display:flex;gap:10%;position:absolute;bottom:9%;left:10%;right:10%}.kzn-phone-ui span{width:27%;aspect-ratio:1;border-radius:3px;background:#b4c4c2}
.kzn-lab:not([data-phase="0"]) .kzn-phone{opacity:1;transform:translate(0,0) rotate(3deg)}
.kzn-assets{position:absolute;z-index:4;left:4%;top:12%;width:37%;height:48%;background:#203743ed;backdrop-filter:blur(8px);padding:3%;border:1px solid #7a9eae65;border-radius:8px;box-shadow:0 13px 30px #0006;opacity:0;transform:translate(-80%,-10%) rotate(-7deg);transition:opacity .7s,transform 1.1s cubic-bezier(.2,.8,.2,1)}
.kzn-asset-head{display:flex;justify-content:space-between;color:#d0e3e9;font:600 clamp(5px,1.25cqw,11px)/1 Arial}.kzn-asset-head>span{color:#8bafbd;font-size:.7em}.kzn-materials{height:55%;display:flex;gap:7%;margin-top:12%}.kzn-materials i{flex:1;border-radius:4px;background:linear-gradient(145deg,#e6ccb0,#6e4c32);box-shadow:inset 1px 1px #fff5}.kzn-materials i:nth-child(2){background:repeating-linear-gradient(105deg,#2f626b 0 4px,#599194 5px 7px,#234a55 8px 14px)}.kzn-materials i:nth-child(3){background:radial-gradient(ellipse at 0 0,#eef0de,transparent 60%),linear-gradient(120deg,#8eaea7,#365f6b)}.kzn-swatches{display:flex;gap:8%;margin-top:9%}.kzn-swatches b{width:12%;aspect-ratio:1;border-radius:50%;background:#d4c3a0}.kzn-swatches b:nth-child(2){background:#b4d3d2}.kzn-swatches b:nth-child(3){background:#658d90}.kzn-swatches b:nth-child(4){background:#132c3a}
.kzn-lab[data-phase="2"] .kzn-assets,.kzn-lab[data-phase="3"] .kzn-assets{opacity:1;transform:translate(0,0) rotate(-3deg)}
.kzn-lab[data-phase="2"] .kzn-project,.kzn-lab[data-phase="3"] .kzn-project{filter:brightness(.72);transform:translateX(-5%) scale(.82)}
.kzn-film{position:absolute;z-index:5;left:19%;bottom:6%;width:68%;height:32%;padding:2.5%;border-radius:7px;border:1px solid #739dbd90;background:#142a3aed;backdrop-filter:blur(10px);box-shadow:0 15px 25px #0006;opacity:0;transform:translateY(130%);transition:opacity .7s,transform 1s cubic-bezier(.2,.8,.2,1)}
.kzn-film-head{display:flex;justify-content:space-between;color:#d8eaf4;font:600 clamp(5px,1.25cqw,11px)/1 Arial}.kzn-film-head i{font-style:normal}.kzn-clips{display:flex;gap:3px;height:35%;margin-top:5%}.kzn-clips i{flex:1;background:linear-gradient(145deg,#6ca2b4,#1f4152 48%,#a9b8a7 49%,#36545b 80%);border:1px solid #90b9c599;border-radius:2px}.kzn-clips i:nth-child(even){background:linear-gradient(35deg,#d0b793,#2f5966 60%,#7cb9c8)}.kzn-wave{height:15%;margin-top:3%;background:repeating-linear-gradient(90deg,#7fc5ce 0 2px,transparent 2px 4px);clip-path:polygon(0 40%,5% 10%,10% 40%,20% 0,25% 35%,30% 20%,40% 0,45% 40%,50% 5%,55% 20%,60% 0,70% 35%,80% 5%,90% 20%,100% 40%,100% 60%,90% 80%,80% 95%,70% 65%,60% 100%,55% 80%,50% 95%,45% 60%,40% 100%,30% 80%,25% 65%,20% 100%,10% 60%,5% 90%,0 60%)}.kzn-scrub{position:absolute;left:calc(5% + var(--local)*90%);top:28%;bottom:9%;width:1px;background:#e2c38e;transition:left 1.1s linear}.kzn-scrub::before{content:'';position:absolute;top:0;left:-3px;width:7px;height:6px;background:#e2c38e}
.kzn-lab[data-phase="3"] .kzn-film{opacity:1;transform:translateY(0)}
.kzn-cursor{position:absolute;left:calc(10% + var(--local)*60%);top:calc(30% + var(--local)*30%);font-size:clamp(14px,3cqw,24px);color:#d4f5ff;filter:drop-shadow(0 3px 2px #000);z-index:7;transition:left 1s,top 1s;pointer-events:none}
.kzn-complete{position:absolute;bottom:2%;left:20%;right:20%;padding:2% 1%;border-radius:4px;background:#123e4bf0;border:1px solid #8ad8ff80;color:#caf0fb;font:700 clamp(5px,1.2cqw,10px)/1 Arial;letter-spacing:.07em;z-index:8;opacity:0;transform:translateY(15px);transition:opacity .6s,transform .6s}.kzn-lab[data-step="20"] .kzn-complete{opacity:1;transform:translateY(0)}
.kzn-chin{height:clamp(13px,2.8cqw,24px);display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#182a36,#405969,#1d303d);color:#a4bac6;position:relative}.kzn-chin span{font:500 clamp(4px,.6cqw,6px)/1 Arial;letter-spacing:.25em}.kzn-chin i{position:absolute;right:3%;width:3px;height:3px;border-radius:50%;background:#9ccedc}
.kzn-stand{position:relative;z-index:-1;width:16%;height:clamp(24px,6.7cqw,60px);margin:-2px auto 0;background:linear-gradient(90deg,#192f3e,#93a6b1 28%,#c7d0d4 42%,#748b99 58%,#233d4e);clip-path:polygon(14% 0,86% 0,100% 100%,0 100%)}.kzn-base{width:42%;height:clamp(7px,1.8cqw,16px);margin:0 auto;background:linear-gradient(#aec0c9,#557382 50%,#132937 55%,#416174);border-radius:45% 45% 15% 15%;box-shadow:0 12px 18px #0006}
.kzn-console{margin:32px 0 0;padding:22px 0 0;border-top:1px solid #4f748634;text-align:start;direction:ltr}
.kzn-progress-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;color:#adc1d0;font-size:13px;letter-spacing:.03em}.kzn-progress-top b{font-size:26px;color:#d9f2ff;margin-left:8px}.kzn-progress-top small{font-size:12px;color:#6c91a7}.kzn-progress-top>div{display:flex;gap:8px}.kzn-progress-top button{display:grid;place-items:center;width:34px;height:34px;border:1px solid #55768a70;border-radius:50%;background:#132b3b;color:#c0e1f3;font-size:17px;cursor:pointer}
html.kz .kzn-lesson-line{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:5px;direction:ltr}
html.kz .kzn-lesson-line button{height:30px;aspect-ratio:auto;border:0;border-radius:4px;background:#1b3344;color:#7898aa;font:600 clamp(8px,1.4cqw,12px)/1 Arial;box-shadow:none;transition:background .4s,color .4s,transform .4s}
html.kz .kzn-lesson-line button.done{background:#355e73;color:#d7e9f1}html.kz .kzn-lesson-line button[aria-pressed=true]{background:#a2dff3;color:#0b2636;transform:translateY(-3px);box-shadow:0 6px 18px #65bbea35}
.kzn-phase-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.kzn-phase-tabs button{position:relative;padding:10px 0 16px;border:0;border-bottom:1px solid #254659;background:none;color:#7b9aad;text-align:start;cursor:pointer;min-width:0}.kzn-phase-tabs small{display:block;font-size:10px;letter-spacing:.1em;margin-bottom:8px}.kzn-phase-tabs b{display:block;font-size:clamp(12px,2cqw,17px);line-height:1.35;font-weight:600}.kzn-phase-tabs i{position:absolute;bottom:-1px;left:0;width:0;height:2px;background:#91d1e8;transition:width .7s}.kzn-phase-tabs [aria-pressed=true]{color:#d4f1ff}.kzn-phase-tabs [aria-pressed=true] i{width:calc(var(--local)*100%)}
html.kz .kzn-console .kzc-stage{font-size:clamp(15px,2.4cqw,21px)!important;line-height:1.4;margin:0;color:#c6e9f4;text-align:start}
html.kz .kzn-caption{font-size:12px!important;color:#809cac!important;line-height:1.5;margin:8px 0 0!important;text-align:start}
.kzn-lab button:focus-visible{outline:2px solid #c4efff;outline-offset:4px}
@media(max-width:600px){.kzn-scene{padding:4% 0 0}.kzn-intro{padding:0}.kzn-monitor{transform:rotateY(-2deg);padding:3px}.kzn-bezel{border-width:4px;border-bottom-width:0}.kzn-workspace{aspect-ratio:1.4}.kzn-project{left:7%;width:83%;top:16%;height:65%}.kzn-phone{right:6%;width:26%;height:77%;top:12%}.kzn-assets{width:42%;top:10%;height:43%}.kzn-film{width:78%;left:14%;height:30%;bottom:6%}.kzn-project-text>strong{font-size:clamp(15px,4.6cqw,23px)}.kzn-console{margin-top:26px}.kzn-phase-tabs{gap:8px}.kzn-phase-tabs b{font-size:12px}html.kz .kzn-lesson-line{grid-template-columns:repeat(10,minmax(0,1fr));gap:5px}html.kz .kzn-lesson-line button{font-size:11px;height:28px}.kzn-cursor{font-size:16px}.kzn-hours{gap:9px}.kzn-edition{max-width:12em;font-size:8px}.kzn-top{padding:0 6px}}
@media(prefers-reduced-motion:reduce){.kzn-lab *{transition:none!important;animation:none!important}.kzn-hardware,.kzn-monitor{transform:none!important}}

html.kz #kz-between-videos,#kz-between-videos{display:none!important}