.kyan-magic { padding:clamp(9rem,11vw,15rem) 0;background:#f6c8bb;color:#0b2941; }
.kyan-magic-reveal { opacity:0;transform:translateY(4rem);transition:opacity .75s ease var(--magic-delay,0ms),transform .85s cubic-bezier(.2,.7,.2,1) var(--magic-delay,0ms); }
.kyan-magic-reveal.is-magic-visible { opacity:1;transform:none; }
.kyan-magic__intro { max-width:95rem;text-align:center; }
.kyan-magic__intro .kyan-kicker::before { display:none; }
.kyan-magic__intro h2,.kyan-bundle h2,.kyan-community h2,.kyan-package h2 { margin:0;font-family:var(--kyan-serif);font-size:clamp(4.8rem,6.5vw,8.8rem);font-weight:400;line-height:.92;letter-spacing:-.045em; }
.kyan-magic__intro>p:last-child { max-width:57rem;margin:2.8rem auto 0;color:rgba(11,41,65,.65);font-size:1.55rem;line-height:1.75; }
.kyan-quiz { min-height:59rem;display:grid;grid-template-columns:.72fr 1.28fr;margin-top:7rem;overflow:hidden;border-radius:2.5rem;background:#0b2941;color:#fff;box-shadow:0 3rem 8rem rgba(11,41,65,.16); }
.kyan-quiz__aside { display:flex;flex-direction:column;padding:clamp(3rem,5vw,7rem);border-right:1px solid rgba(255,255,255,.16);background:linear-gradient(150deg,#0b2941,#154663); }
.kyan-quiz__aside .kyan-kicker { color:#f3b7a7; }.kyan-quiz__aside h3 { margin:0;color:#fff;font-family:var(--kyan-serif);font-size:clamp(4rem,5vw,6.3rem);font-weight:400;line-height:.95; }
.kyan-quiz__progress { height:2px;margin-top:auto;background:rgba(255,255,255,.16); }.kyan-quiz__progress span { width:33%;height:100%;display:block;background:#e45e43;transition:width .45s ease; }.kyan-quiz__aside small { margin-top:1.5rem;color:rgba(255,255,255,.5);font-size:1rem;letter-spacing:.12em; }.kyan-quiz__aside b { color:#f3b7a7;font-family:var(--kyan-serif);font-size:1.7rem;font-weight:400; }
.kyan-quiz__body { min-width:0;min-height:59rem;display:grid;position:relative;padding:clamp(3rem,4.5vw,6rem); }.kyan-quiz__step { grid-area:1/1;align-self:center;visibility:hidden;opacity:0;transform:translateX(3rem);transition:opacity .35s ease,transform .45s ease,visibility .35s; }.kyan-quiz__step.is-active { visibility:visible;opacity:1;transform:none; }.kyan-quiz__step>p { margin:0 0 3.5rem;color:#fff;font-family:var(--kyan-serif);font-size:clamp(3rem,4vw,5rem);line-height:1.05; }
.kyan-quiz__options { display:grid;gap:1rem; }.kyan-quiz__options button { min-height:7rem;padding:0 2.5rem;border:1px solid rgba(255,255,255,.18);border-radius:1.2rem;background:rgba(255,255,255,.04);color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;letter-spacing:.08em;text-align:left;transition:.25s ease; }.kyan-quiz__options button::after { content:'→';float:right;color:#f3b7a7;font-size:1.8rem; }.kyan-quiz__options button:hover { border-color:#e45e43;background:#e45e43;transform:translateX(.7rem); }
.kyan-quiz__result { min-width:0;grid-area:1/1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(20rem,.6fr);gap:clamp(2.5rem,4vw,5rem);align-items:center;visibility:hidden;opacity:0;transform:scale(.96);transition:.45s ease; }.kyan-quiz__result.is-active { visibility:visible;opacity:1;transform:none; }.kyan-quiz__result>div { min-width:0; }.kyan-quiz__result span { color:#f3b7a7;font-size:1rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase; }.kyan-quiz__result h3 { max-width:9.5em;margin:1.3rem 0;color:#fff;font-family:var(--kyan-serif);font-size:clamp(4rem,4.4vw,6.3rem);font-weight:400;line-height:.92;letter-spacing:-.035em;overflow-wrap:break-word;text-wrap:balance; }.kyan-quiz__result p { max-width:48rem;color:rgba(255,255,255,.65);font-size:1.35rem;line-height:1.7; }.kyan-quiz__result a { display:inline-block;margin-top:1.5rem;padding-bottom:.7rem;border-bottom:1px solid #f3b7a7;color:#fff;text-decoration:none;font-size:1rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase; }.kyan-quiz__result img { width:auto;max-width:100%;height:auto;max-height:48rem;justify-self:end;object-fit:contain;border-radius:10rem 10rem 1rem 1rem;box-shadow:0 2rem 5rem rgba(0,0,0,.18); }
.kyan-play-lab { display:grid;grid-template-columns:minmax(0,1.18fr) minmax(36rem,.82fr);align-items:stretch;gap:2rem;margin-top:2rem; }
.kyan-unfold,.kyan-mini-game { min-height:66rem;overflow:hidden;border-radius:2.5rem;background:#fffaf1; }.kyan-unfold { display:grid;grid-template-columns:minmax(30rem,.82fr) minmax(36rem,1.18fr); }.kyan-unfold__copy { display:flex;flex-direction:column;justify-content:center;padding:clamp(3rem,5vw,7rem); }.kyan-unfold__copy h3,.kyan-mini-game h3 { margin:0;color:#0b2941;font-family:var(--kyan-serif);font-size:clamp(4rem,5vw,6.4rem);font-weight:400;line-height:.94; }.kyan-unfold__copy>p:not(.kyan-kicker) { margin:2.5rem 0;color:rgba(11,41,65,.62);font-size:1.35rem;line-height:1.7; }.kyan-unfold__copy button { width:fit-content;padding:1.5rem 0;border:0;border-bottom:1px solid rgba(11,41,65,.3);background:transparent;color:#0b2941;cursor:pointer;font-size:1rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;transition:border-color .25s ease,color .25s ease; }.kyan-unfold__copy button:hover,.kyan-unfold__copy button:focus-visible { border-color:#e45e43;color:#e45e43; }.kyan-unfold__copy button span { display:inline-block;margin-left:2rem;color:#e45e43;font-size:1.8rem;transition:transform .45s ease; }.kyan-unfold.is-open .kyan-unfold__copy button span { transform:rotate(180deg); }
.kyan-unfold__stage { min-width:0;display:grid;place-items:center;position:relative;overflow:hidden;padding:4rem;perspective:120rem;background:radial-gradient(circle at 50% 42%,#fbf3e5 0,#f2e7d4 68%); }.kyan-unfold__towel { width:min(88%,38rem);aspect-ratio:3/4;position:relative;z-index:1;overflow:hidden;border-radius:.8rem;box-shadow:0 2.5rem 5rem rgba(11,41,65,.24);transform:rotateY(-12deg) rotateZ(-1deg) scaleX(.68);transform-origin:center;transition:transform 1.15s cubic-bezier(.2,.75,.2,1),box-shadow .8s ease,border-radius .7s ease;will-change:transform; }.kyan-unfold__towel::after { content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,41,65,.3) 0,rgba(255,255,255,.16) 46%,rgba(11,41,65,.12) 50%,transparent 74%);opacity:.8;transition:opacity .7s ease;pointer-events:none; }.kyan-unfold__towel img { width:100%;height:100%;display:block;object-fit:cover; }.kyan-unfold.is-open .kyan-unfold__towel { border-radius:.3rem;box-shadow:0 3rem 7rem rgba(11,41,65,.18);transform:rotateY(0) rotateZ(0) scaleX(1); }.kyan-unfold.is-open .kyan-unfold__towel::after { opacity:0; }.kyan-unfold__shadow { width:58%;height:3rem;position:absolute;bottom:8%;border-radius:50%;background:rgba(11,41,65,.2);filter:blur(1.3rem);transform:scaleX(.68);transition:transform 1.1s ease,opacity .8s ease; }.kyan-unfold.is-open .kyan-unfold__shadow { opacity:.72;transform:scaleX(1); }
.kyan-mini-game { padding:clamp(3rem,4vw,5rem);background:#e45e43;color:#fff; }.kyan-mini-game__head { display:flex;align-items:flex-start;justify-content:space-between; }.kyan-mini-game .kyan-kicker,.kyan-mini-game h3 { color:#fff; }.kyan-mini-game__head>button { padding:.8rem 1.2rem;border:1px solid rgba(255,255,255,.35);border-radius:99px;background:transparent;color:#fff;cursor:pointer;font-size:.9rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase; }.kyan-mini-game__status { margin:2.5rem 0 1.5rem;font-size:1rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase; }.kyan-xo-board { display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.5);border-left:1px solid rgba(255,255,255,.5); }.kyan-xo-board button { aspect-ratio:1;border:0;border-right:1px solid rgba(255,255,255,.5);border-bottom:1px solid rgba(255,255,255,.5);background:transparent;color:#fff;cursor:pointer;font-family:var(--kyan-serif);font-size:clamp(4rem,5vw,7rem);transition:background .2s ease; }.kyan-xo-board button:hover { background:rgba(255,255,255,.1); }.kyan-xo-board button.is-winning { background:#0b2941; }.kyan-mini-game>a { display:inline-block;margin-top:2.5rem;color:#fff;font-size:1rem;font-weight:800;letter-spacing:.13em;text-decoration:none;text-transform:uppercase; }
.kyan-bundle { margin-top:clamp(8rem,10vw,13rem); }.kyan-bundle__grid { display:grid;grid-template-columns:repeat(4,1fr);gap:2rem; }.kyan-bundle__grid label { cursor:pointer; }.kyan-bundle__grid input { position:absolute;opacity:0;pointer-events:none; }.kyan-bundle__grid label>span { aspect-ratio:.75;display:block;position:relative;overflow:hidden;background:#f2e7d4; }.kyan-bundle__grid img { width:100%;height:100%;object-fit:cover;transition:transform .45s ease,filter .3s ease; }.kyan-bundle__grid i { width:3.5rem;height:3.5rem;position:absolute;right:1.2rem;top:1.2rem;display:grid;place-items:center;border:1px solid rgba(11,41,65,.25);border-radius:50%;background:rgba(251,245,233,.9); }.kyan-bundle__grid i::after { content:'+';color:#0b2941;font-style:normal;font-size:1.8rem; }.kyan-bundle__grid input:checked+span { box-shadow:inset 0 0 0 .5rem #e45e43; }.kyan-bundle__grid input:checked+span img { filter:saturate(1.1);transform:scale(.96); }.kyan-bundle__grid input:checked+span i { border-color:#e45e43;background:#e45e43; }.kyan-bundle__grid input:checked+span i::after { content:'✓';color:#fff;font-size:1.3rem; }.kyan-bundle__grid strong { display:block;margin-top:1.2rem;font-family:var(--kyan-serif);font-size:1.9rem;font-weight:400; }
.kyan-bundle__summary { display:flex;align-items:center;justify-content:space-between;gap:3rem;margin-top:4rem;padding:2.5rem 3rem;border-radius:1.5rem;background:#0b2941;color:#fff;position:sticky;bottom:2rem;z-index:3;box-shadow:0 2rem 5rem rgba(11,41,65,.18); }.kyan-bundle__summary>div { display:grid;grid-template-columns:auto auto;gap:.7rem 2rem;align-items:center; }.kyan-bundle__summary span { color:#f3b7a7;font-size:1rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase; }.kyan-bundle__summary strong { font-family:var(--kyan-serif);font-size:2.5rem;font-weight:400; }.kyan-bundle__summary small { grid-column:1/-1;color:rgba(255,255,255,.45); }.kyan-bundle__summary button { min-height:5rem;padding:0 2.5rem;border:0;border-radius:99px;background:#e45e43;color:#fff;cursor:pointer;font-size:1rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase; }.kyan-bundle__summary button:disabled { opacity:.4;cursor:not-allowed; }
.kyan-community { margin-top:clamp(9rem,11vw,15rem);padding:clamp(8rem,10vw,13rem) 0;background:#0b2941;color:#fff; }.kyan-community__inner { display:grid;grid-template-columns:.58fr 1.42fr;gap:7rem;align-items:start; }.kyan-community__heading { position:sticky;top:5rem; }.kyan-community h2 { color:#fff;font-size:clamp(4.5rem,5vw,7rem); }.kyan-community__heading>p:last-child { color:rgba(255,255,255,.55);font-size:1.3rem;line-height:1.7; }.kyan-community__stories { display:grid;grid-template-columns:repeat(2,1fr);gap:2rem; }.kyan-community figure { margin:0; }.kyan-community figure:nth-child(3) { grid-column:1/-1; }.kyan-community figure img { width:100%;height:42rem;object-fit:cover; }.kyan-community figure:nth-child(3) img { height:50rem; }.kyan-community figcaption { padding:1.8rem 0;color:#fff;font-family:var(--kyan-serif);font-size:1.8rem;line-height:1.4; }.kyan-community figcaption span { display:block;margin-bottom:.8rem;color:#f3b7a7;font-family:var(--kyan-sans);font-size:.85rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase; }
.kyan-package { display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(5rem,8vw,12rem);align-items:center;padding-block:clamp(9rem,11vw,15rem); }.kyan-package__image { min-height:70rem;position:relative; }.kyan-package__image img { width:100%;height:100%;position:absolute;object-fit:cover;border-radius:30rem 30rem 2rem 2rem; }.kyan-package__image>span { position:absolute;right:-2rem;bottom:4rem;padding:1.5rem 2rem;background:#e45e43;color:#fff;font-family:var(--kyan-serif);font-size:1.6rem;font-style:italic; }.kyan-package h2 { font-size:clamp(4.5rem,5.5vw,7.3rem); }.kyan-package__list { margin-top:4rem; }.kyan-package__list p { display:grid;grid-template-columns:4rem 1fr;gap:.7rem 1.5rem;margin:0;padding:2rem 0;border-top:1px solid rgba(11,41,65,.16);color:rgba(11,41,65,.6);font-size:1.2rem;line-height:1.6; }.kyan-package__list span { grid-row:1/3;color:#e45e43;font-family:var(--kyan-serif);font-size:1.4rem; }.kyan-package__list strong { color:#0b2941;font-family:var(--kyan-serif);font-size:1.8rem;font-weight:400; }
.kyan-delivery { display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:calc(clamp(9rem,11vw,15rem)*-1);background:#258d8a;color:#fff; }.kyan-delivery p { margin:0;padding:3rem;border-right:1px solid rgba(255,255,255,.25);color:rgba(255,255,255,.7);font-size:1.05rem; }.kyan-delivery span { display:block;margin-bottom:.8rem;color:#fff;font-weight:800;letter-spacing:.11em;text-transform:uppercase; }
.kyan-magic-controls { position:fixed;left:1.5rem;bottom:1.5rem;z-index:150;display:flex;gap:.8rem;font-family:var(--kyan-sans); }.kyan-magic-controls button { min-height:4.3rem;display:flex;align-items:center;gap:.7rem;padding:0 1.3rem;border:1px solid rgba(11,41,65,.18);border-radius:99px;background:rgba(251,245,233,.9);color:#0b2941;box-shadow:0 1rem 3rem rgba(11,41,65,.12);backdrop-filter:blur(10px);cursor:pointer;font-size:1rem;font-weight:800; }.kyan-magic-controls i { width:2.5rem;height:1.3rem;position:relative;border-radius:99px;background:#d8cbb8; }.kyan-magic-controls i::after { content:'';width:.9rem;height:.9rem;position:absolute;left:.2rem;top:.2rem;border-radius:50%;background:#fff;transition:transform .25s ease; }.kyan-magic-controls [data-kyan-language].is-ar i { background:#e45e43; }.kyan-magic-controls [data-kyan-language].is-ar i::after { transform:translateX(1.2rem); }.kyan-magic-controls [data-kyan-sound].is-playing { background:#0b2941;color:#fff; }.kyan-magic-controls small { font-size:.9rem;font-weight:800; }
html[dir='rtl'] .kyan-home { direction:rtl; }.kyan-language-changing .kyan-home { opacity:.35;transition:opacity .2s ease; }
@media(max-width:1100px){.kyan-play-lab{grid-template-columns:1fr}.kyan-mini-game{width:100%;max-width:none}.kyan-bundle__grid{grid-template-columns:repeat(2,1fr)}.kyan-community__inner{grid-template-columns:1fr}.kyan-community__heading{position:relative;top:auto;max-width:65rem}.kyan-package{grid-template-columns:1fr}.kyan-package__image{min-height:65rem;max-width:75rem}.kyan-delivery{grid-template-columns:repeat(2,1fr)}}
@media(max-width:749px){.kyan-magic{padding-top:8rem}.kyan-quiz{grid-template-columns:1fr}.kyan-quiz__aside{min-height:26rem;border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}.kyan-quiz__body{min-height:48rem}.kyan-quiz__result{grid-template-columns:1fr;align-content:center}.kyan-quiz__result h3{font-size:clamp(3.8rem,12vw,5.4rem)}.kyan-quiz__result img{width:min(100%,25rem);max-height:32rem;justify-self:start;border-radius:8rem 8rem .8rem .8rem}.kyan-play-lab{width:100%;gap:1rem}.kyan-unfold{grid-template-columns:1fr;min-height:0;border-radius:0}.kyan-unfold__stage{min-height:54rem}.kyan-mini-game{border-radius:0}.kyan-bundle__grid{display:flex;margin-right:-1.5rem;padding-right:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.kyan-bundle__grid label{min-width:72vw;scroll-snap-align:start}.kyan-bundle__summary{align-items:stretch;flex-direction:column;bottom:1rem}.kyan-bundle__summary button{width:100%}.kyan-community__stories{grid-template-columns:1fr}.kyan-community figure:nth-child(3){grid-column:auto}.kyan-community figure img,.kyan-community figure:nth-child(3) img{height:47rem}.kyan-package__image{min-height:50rem}.kyan-package__image>span{right:1rem}.kyan-delivery{grid-template-columns:1fr;margin-bottom:-8rem}.kyan-delivery p{border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}.kyan-magic-controls{bottom:.8rem;left:auto;right:.8rem}.kyan-magic-controls small{display:none}}
@media(prefers-reduced-motion:reduce){.kyan-unfold__towel,.kyan-quiz__step,.kyan-quiz__result{transition:none}}