.student-hero{--field-paper:#f7f9fc;--field-ink:#172a46;--field-muted:#576b85;--field-line:#dde5f0;--field-accent:#2a4a7a;--field-active:#5bc0ff;background:var(--field-paper);color:var(--field-ink);border-bottom:1px solid var(--field-line)}.student-hero__layout{padding-block:clamp(58px,7vw,106px) clamp(70px,7vw,106px)}.student-hero__message{grid-template-columns:minmax(0,1.48fr) minmax(265px,.52fr);align-items:end;gap:clamp(22px,5vw,90px);padding-bottom:clamp(46px,6vw,79px);display:grid}.student-hero .origin-title{max-width:100%;color:var(--field-ink);margin:0}.student-hero .origin-title--en{letter-spacing:-.065em;font-family:Space Grotesk,sans-serif;font-size:clamp(48px,7.2vw,105px);font-weight:700;line-height:1.04}.student-hero .origin-title--ar{letter-spacing:0;font-family:IBM Plex Sans Arabic,sans-serif;font-size:clamp(54px,7.8vw,111px);font-weight:600;line-height:1.43}.student-hero .origin-title__line{padding-bottom:.08em;overflow:visible}.student-hero__introduction{padding-bottom:.4em}.student-hero__lead{max-width:375px;color:var(--field-muted);margin:0 0 24px;font-size:clamp(16px,1.45vw,19px);font-weight:450;line-height:1.85}.student-hero__actions{flex-wrap:wrap;align-items:center;gap:9px 18px;display:flex}.student-hero__actions a{border-radius:5px;justify-content:center;align-items:center;gap:9px;min-height:48px;font-size:13px;font-weight:700;transition:color .18s,background-color .18s,border-color .18s;display:inline-flex}.student-hero__primary{color:#fff;background:#2a4a7a;padding:11px 18px}.student-hero__primary:hover{background:#203b63}.student-hero__secondary{color:#2a4a7a;padding:11px 3px}.student-hero__secondary:hover{color:#20385d}.student-hero__actions a:focus-visible{outline-offset:4px;outline:3px solid #5bc0ff}.student-hero__experiment{color:#f7f9fc;background:#162c4b;border:1px solid #304d75;border-radius:12px;padding:clamp(22px,3.5vw,45px);scroll-margin-top:28px;overflow:hidden}.student-hero__experiment-heading{border-bottom:1px solid #3b567e;justify-content:space-between;align-items:baseline;gap:16px 44px;padding-bottom:27px;display:flex}.student-hero__experiment-heading h2{margin:0;font-size:clamp(21px,2.3vw,30px);font-weight:650;line-height:1.55}.student-hero__experiment-heading p{color:#c2d2e8;max-width:400px;margin:0;font-size:14px;line-height:1.8}.temperature-demo{color:#f7f9fc;grid-template-columns:minmax(0,1.1fr) 38px minmax(0,.85fr) 38px minmax(0,.85fr);align-items:stretch;gap:0;padding-top:35px;display:grid}.temperature-demo__sensor,.temperature-demo__controller,.temperature-demo__output{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.temperature-demo__stage{color:#adc9e8;margin-bottom:22px;font-size:12px;font-weight:650;line-height:1.7;display:block}.temperature-demo__sensor label{color:#f3f7ff;font-size:14px;font-weight:550;line-height:1.7}.temperature-demo__reading{flex-wrap:wrap;align-items:baseline;gap:5px 14px;margin:8px 0 21px;display:flex}.temperature-demo__reading strong{letter-spacing:-.06em;color:#fff;font:500 clamp(48px,5vw,71px)/1.1 IBM Plex Mono,monospace}.temperature-demo__slider{appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;width:min(100%,300px);height:40px;margin:0}.temperature-demo__slider::-webkit-slider-runnable-track{background:#7297c0;border-radius:3px;height:5px}.temperature-demo__slider::-moz-range-track{background:#7297c0;border-radius:3px;height:5px}.temperature-demo__slider::-webkit-slider-thumb{appearance:none;background:#c9edff;border:4px solid #274b7d;border-radius:50%;width:22px;height:22px;margin-top:-8.5px;box-shadow:0 0 0 2px #c9edff}.temperature-demo__slider::-moz-range-thumb{background:#c9edff;border:4px solid #274b7d;border-radius:50%;width:15px;height:15px;box-shadow:0 0 0 2px #c9edff}.temperature-demo__slider:focus-visible{outline-offset:3px;border-radius:4px;outline:3px solid #5bc0ff}.temperature-demo__ends{color:#b8d0ea;justify-content:space-between;width:min(100%,300px);font:500 12px IBM Plex Mono,monospace;display:flex}.temperature-demo__connector{align-self:stretch;position:relative}.temperature-demo__connector:before{content:"";top:47%;background:#4d7eba;height:1px;position:absolute;inset-inline:5px}.temperature-demo__connector span{top:calc(47% - 1px);transform-origin:0;background:#5bc0ff;height:3px;animation:.55s cubic-bezier(.25,.7,.2,1) both field-signal;position:absolute;inset-inline:5px}html[dir=rtl] .temperature-demo__connector span{transform-origin:100%}.temperature-demo__comparison{color:#fff;letter-spacing:-.055em;background:#223d66;border:1px solid #4f709b;border-radius:7px;justify-content:center;align-items:center;gap:9px;width:100%;max-width:220px;min-height:88px;font:500 clamp(29px,3vw,43px)/1 IBM Plex Mono,monospace;display:flex}.temperature-demo__controller p{color:#cfdaea;max-width:210px;margin:16px 0 0;font-size:13px;line-height:1.8}.temperature-demo__output{text-align:center;align-items:center}.temperature-demo__fan-icon{color:#a7bdd9;width:clamp(92px,10vw,136px);height:clamp(92px,10vw,136px);margin:-12px 0 9px;display:block}.temperature-demo__fan-icon svg{width:100%;height:100%;display:block;overflow:visible}.temperature-demo__hub{fill:#e4edfa}.temperature-demo__pin{fill:#385780}.temperature-demo__status{color:#dde8f5;align-items:center;gap:8px;font-size:16px;font-weight:650;display:inline-flex}.temperature-demo__status-dot{background:#a7bdd9;border-radius:50%;width:8px;height:8px}.temperature-demo__output.is-running .temperature-demo__status{color:#b9e8ff}.temperature-demo__output.is-running .temperature-demo__status-dot{background:#5bc0ff}@keyframes field-signal{0%{opacity:.6;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes field-fan-turn{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){.temperature-demo__output.is-running .temperature-demo__blades{animation:1.4s linear infinite field-fan-turn}.student-hero__experiment{animation:.8s cubic-bezier(.2,.7,.2,1) .2s both field-appear}.student-hero__introduction{animation:.7s cubic-bezier(.2,.7,.2,1) .18s both field-appear}}@keyframes field-appear{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.student-possibilities{padding-block:clamp(62px,7vw,94px) 35px}.student-possibilities>h2,.student-hero~.lab-home-entries .lab-section-heading h2{color:#1c2f50;letter-spacing:-.035em;margin:0;font-size:clamp(24px,2.9vw,38px);font-weight:650;line-height:1.55}html[lang=ar] .student-possibilities>h2,html[lang=ar] .student-hero~.lab-home-entries .lab-section-heading h2{letter-spacing:0}.student-hero__examples-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,3vw,43px);margin-top:21px;display:grid}.student-hero__example{border-top:1px solid #c5d3e5;justify-content:space-between;align-items:center;gap:18px;padding:20px 0;transition:border-color .18s,color .18s;display:flex}.student-hero__example:hover{color:#2a4a7a;border-color:#2a4a7a}.student-hero__example svg{color:#3d6ea6;flex-shrink:0;transition:transform .18s}.student-hero__example:hover svg{transform:translate(3px)}html[dir=rtl] .student-hero__example:hover svg{transform:translate(-3px)}.student-hero__example-content{flex-direction:column;gap:5px;display:flex}.student-hero__example-content strong{color:#1c3153;font-size:16px;font-weight:650}.student-hero__example-content small{color:#627792;font-size:13px;font-weight:450;line-height:1.8}.student-hero~.lab-home-entries{padding-bottom:clamp(55px,7vw,90px)}.student-hero~.lab-home-entries .lab-section-heading{margin-bottom:20px;padding-block:25px 0;display:block}.student-hero~.lab-home-entries .lab-entry-list{background:0 0;border:0;border-top:1px solid #d7e2ee;border-radius:0;display:block}.student-hero~.lab-home-entries .lab-entry{border:0;border-bottom:1px solid #d7e2ee;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-height:0;padding:24px 8px;display:grid}.student-hero~.lab-home-entries .lab-entry__graphic{display:none}.student-hero~.lab-home-entries .lab-entry__body{grid-column:1}.student-hero~.lab-home-entries .lab-entry__body h3{color:#1c3153;margin:0 0 3px;font-size:19px}.student-hero~.lab-home-entries .lab-entry__body p{color:#637892;max-width:600px;font-size:13px;line-height:1.8}.student-hero~.lab-home-entries .lab-entry__action{color:#2a4a7a;grid-column:2;font-size:13px;font-weight:650}.student-hero~.lab-home-entries .lab-entry__hover{background:#eaf3fe;border:0;border-radius:4px;inset:1px}.student-hero~.lab-plan-note{border-top:1px solid #d7e2ee;gap:0;padding:24px 0 80px}.student-hero~.lab-plan-note h2{color:#566e8c;margin:0 0 3px;font-size:14px}.student-hero~.lab-plan-note p{color:#6b7e98;max-width:800px;font-size:13px;line-height:1.8}@media (max-width:960px){.student-hero__message{grid-template-columns:1fr;align-items:start;gap:12px}.student-hero__lead{max-width:530px}.student-hero__experiment-heading{display:block}.student-hero__experiment-heading p{margin-top:5px}.temperature-demo{grid-template-columns:minmax(0,1fr);gap:0;padding-top:16px}.temperature-demo__sensor,.temperature-demo__controller,.temperature-demo__output{padding:20px 0}.temperature-demo__sensor{border-bottom:0}.temperature-demo__stage{margin-bottom:10px}.temperature-demo__connector{border-inline-start:1px solid #4d7eba;height:17px;margin-inline-start:13px}.temperature-demo__connector:before{display:none}.temperature-demo__connector span{top:0;bottom:0;width:3px;height:100%;animation-name:field-signal-vertical;inset-inline:-2px auto;transform-origin:top!important}.temperature-demo__comparison{width:210px}.temperature-demo__output{text-align:start;align-items:flex-start}.temperature-demo__fan-icon{width:105px;height:105px;margin:0}.temperature-demo__output .temperature-demo__stage{align-self:auto}}@keyframes field-signal-vertical{0%{opacity:.6;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@media (max-width:620px){.student-hero__layout{padding-block:37px 50px}.student-hero__message{padding-bottom:32px}.student-hero .origin-title--ar{font-size:clamp(45px,11.8vw,65px);line-height:1.45}.student-hero .origin-title--en{font-size:clamp(37px,9.4vw,55px);line-height:1.06}.student-hero__lead{margin:6px 0 15px;font-size:15px;line-height:1.8}.student-hero__actions a{font-size:12px}.student-hero__experiment{border-radius:7px;padding:19px 20px}.student-hero__experiment-heading{padding-bottom:15px}.student-hero__experiment-heading h2{font-size:21px}.student-hero__experiment-heading p{font-size:12px}.temperature-demo__reading strong{font-size:59px}.temperature-demo__controller p{font-size:12px}.student-possibilities{padding-top:55px}.student-hero__examples-list{grid-template-columns:1fr;gap:0}.student-hero__example{padding:15px 0}.student-hero__example-content strong{font-size:15px}.student-hero__example-content small{font-size:12px}.student-hero~.lab-home-entries .lab-entry{gap:8px;padding:18px 5px}.student-hero~.lab-home-entries .lab-entry__body h3{font-size:17px}.student-hero~.lab-home-entries .lab-entry__action{font-size:12px}}@media (max-width:360px){.student-hero .origin-title--ar{font-size:43px}.student-hero .origin-title--en{font-size:33px}.student-hero__experiment{padding-inline:15px}}@media (prefers-reduced-motion:reduce){.temperature-demo__connector span,.temperature-demo__blades,.student-hero__experiment,.student-hero__introduction{animation:none!important}.student-hero__actions a,.student-hero__example,.student-hero__example svg{transition:none;transform:none}}.student-hero__experiment{background:#142b4d;border:1px solid #345077;border-radius:16px;padding:clamp(22px,3.4vw,42px)}.student-hero__experiment-heading{border-color:#395579;padding-bottom:22px}.student-hero__experiment-heading p{color:#b8cbe3;max-width:325px}.temperature-demo{grid-template-columns:minmax(0,1.2fr) 26px minmax(165px,.95fr) 26px minmax(0,.8fr);align-items:center;gap:0;padding-top:26px}.temperature-demo__stage{color:#a9c3e4;letter-spacing:0;margin:0 0 16px;font-size:12px}.temperature-demo__sensor,.temperature-demo__controller,.temperature-demo__output{min-width:0}.temperature-demo__sensor{padding-inline-end:15px}.temperature-demo__sensor label{color:#d6e6f6;font-size:13px;font-weight:600}.temperature-demo__reading{gap:8px;margin:4px 0 15px}.temperature-demo__reading strong{letter-spacing:-.055em;font-size:clamp(45px,4.9vw,68px);font-weight:500}.temperature-demo__reading>span{color:#a9c3e4;font-size:11px}.temperature-demo__track{width:min(100%,260px);position:relative}.temperature-demo__track .temperature-demo__slider{width:100%;display:block}.temperature-demo__threshold-mark{pointer-events:none;opacity:.9;background:#5bc0ff;width:2px;height:14px;position:absolute;top:3px;left:55.56%}.temperature-demo__ends{color:#9eb6d4;width:min(100%,260px)}.temperature-demo__connector{align-self:center;height:2px;margin:0 2px}.temperature-demo__connector:before{background:#597aa7;height:2px;inset:0}.temperature-demo__connector:after{content:"";top:-4px;border-block-start:2px solid #88bde9;border-inline-end:2px solid #88bde9;width:8px;height:8px;position:absolute;inset-inline-end:0;transform:rotate(45deg)}html[dir=rtl] .temperature-demo__connector:after{transform:rotate(-135deg)}.temperature-demo__connector span{inset:0;height:2px;top:0}.temperature-demo__controller{background:#223b61;border:1px solid #49678e;border-radius:12px;align-items:flex-start;min-height:225px;padding:20px 18px 18px}.temperature-demo__controller .temperature-demo__stage{margin-bottom:20px}.temperature-demo__comparison{letter-spacing:-.065em;background:0 0;border:0;border-radius:0;justify-content:flex-start;gap:8px;width:100%;max-width:none;min-height:64px;font-size:clamp(26px,3vw,40px)}.temperature-demo__operator{color:#5bc0ff}.temperature-demo__controller p{color:#b4c9e5;border-top:1px solid #49658b;width:100%;max-width:100%;margin:auto 0 0;padding-top:13px;font-size:12px;line-height:1.7}.temperature-demo__output{justify-content:space-between;align-items:center;min-height:225px}.temperature-demo__output .temperature-demo__stage{align-self:flex-start}.temperature-demo__fan-icon{width:clamp(92px,9.8vw,132px);height:clamp(92px,9.8vw,132px);margin:0}.temperature-demo__blades{transform-origin:80px 80px;fill:#afc7e4}.temperature-demo__output.is-running .temperature-demo__blades{fill:#d9f2ff}.temperature-demo__ring{stroke:#6d92c1}.temperature-demo__ring-inner{stroke:#42668f}.temperature-demo__status{min-height:27px;font-size:14px}.temperature-demo__status-dot{width:8px;height:8px}@media (max-width:960px){.temperature-demo{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"sensor sensor""controller output";gap:19px 12px;padding-top:16px;display:grid}.temperature-demo__sensor{border-bottom:1px solid #3b587c;grid-area:sensor;padding:0 0 22px}.temperature-demo__connector{display:none}.temperature-demo__controller{grid-area:controller;max-width:100%;min-height:200px;padding:15px 13px}.temperature-demo__controller .temperature-demo__stage{margin:0 0 15px}.temperature-demo__comparison{gap:5px;width:100%;max-width:none;min-height:49px;font-size:clamp(21px,4vw,32px)}.temperature-demo__output{text-align:center;grid-area:output;justify-content:space-between;align-items:center;min-height:200px;padding:15px 5px}.temperature-demo__output .temperature-demo__stage{align-self:center}.temperature-demo__fan-icon{width:clamp(80px,15vw,115px);height:auto;margin:0}.temperature-demo__stage{margin:0 0 13px}}@media (max-width:620px){.student-hero__experiment{padding:20px 18px}.temperature-demo__reading strong{font-size:52px}.temperature-demo__sensor label{font-size:13px}.temperature-demo__controller p{font-size:11px}.temperature-demo__controller,.temperature-demo__output{min-height:175px}}@media (max-width:360px){.temperature-demo{column-gap:9px}.temperature-demo__controller{padding:14px 10px}.temperature-demo__comparison{gap:3px;font-size:21px}.temperature-demo__fan-icon{width:80px}}@media (prefers-reduced-motion:reduce){.temperature-demo__blades,.temperature-demo__connector span{animation:none!important}}
.lab-page .student-hero{background:#f9fbfe;border-bottom-color:#dbe5f1}.lab-page .student-hero__layout{padding-block:clamp(58px,6.8vw,94px) clamp(58px,6.7vw,86px)}.lab-page .student-hero__message{grid-template-columns:minmax(0,1.26fr) minmax(242px,.74fr);align-items:end;gap:clamp(28px,4.1vw,72px);padding-bottom:clamp(38px,5vw,69px)}.lab-page .student-hero .origin-title{color:#183353;max-width:850px}.lab-page .student-hero .origin-title--en{letter-spacing:-.064em;font-size:clamp(49px,6.8vw,93px);line-height:1.045}.lab-page .student-hero .origin-title--ar{letter-spacing:0;font-size:clamp(52px,7.25vw,96px);line-height:1.45}.lab-page .student-hero__introduction{padding-bottom:clamp(2px,.8vw,12px)}.lab-page .student-hero__lead{color:#536b87;text-wrap:pretty;max-width:390px;margin:0 0 25px;font-size:clamp(15px,1.4vw,18px);font-weight:500;line-height:1.84}.lab-page .student-hero__actions{gap:9px 16px}.lab-page .student-hero__actions a{border-radius:6px;gap:10px;min-height:50px;font-size:13px;font-weight:700;transition:background-color .2s,border-color .2s,color .2s}.lab-page .student-hero__primary{background:#2a4a7a;padding-inline:21px}.lab-page .student-hero__secondary{color:#2a4a7a;text-underline-offset:5px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:color .2s,text-decoration-color .2s}.lab-page .student-hero__secondary:hover{text-decoration-color:#7aa3cf}.lab-page .student-hero__experiment{background:#152d4f;border-color:#3f5b81;border-radius:11px;padding:clamp(23px,3.2vw,39px)}.lab-page .student-hero__experiment-heading{border-color:#3d587c;gap:12px 33px;padding-bottom:21px}.lab-page .student-hero__experiment-heading h2{color:#f8fbff;font-size:clamp(20px,2vw,27px);font-weight:650;line-height:1.55}.lab-page .student-hero__experiment-heading p{max-width:320px;font-size:13px;line-height:1.75}.lab-page .temperature-demo__controller{background:#1d3a60;border-color:#4d7099}.lab-page .temperature-demo__comparison{letter-spacing:-.045em;font-variant-numeric:tabular-nums}.lab-page .temperature-demo__track .temperature-demo__slider{min-height:44px}.lab-page .temperature-demo__stage{color:#b1cae6}.lab-page .temperature-demo__status{font-weight:700}.lab-page .temperature-demo__status-dot{flex-shrink:0}.lab-page .student-possibilities{padding-block:clamp(53px,5.9vw,78px) clamp(31px,4.2vw,58px)}.lab-page .student-possibilities>h2,.lab-page .lab-home-entries .lab-section-heading h2{color:#1d3658;font-size:clamp(26px,2.7vw,36px);font-weight:700;line-height:1.45}.lab-page .student-hero__examples-list{gap:clamp(17px,2.7vw,36px);margin-top:clamp(18px,2.7vw,29px)}.lab-page .student-hero__example{border-color:#cfddeb;align-items:center;min-height:94px;padding:21px 3px;text-decoration:none}.lab-page .student-hero__example-content{gap:6px}.lab-page .student-hero__example-content strong{color:#203b60;font-size:17px}.lab-page .student-hero__example-content small{color:#5d738f;font-size:12px;font-weight:500;line-height:1.7}.lab-page .student-hero__example svg{transition:transform .22s cubic-bezier(.22,1,.36,1),color .2s}.lab-page .student-hero__example:hover svg,.lab-page .student-hero__example:focus-visible svg{color:#2a4a7a;transform:translate(3px,-3px)}html[dir=rtl] .lab-page .student-hero__example:hover svg,html[dir=rtl] .lab-page .student-hero__example:focus-visible svg{transform:translate(-3px,-3px)}.lab-page .student-hero__example:focus-visible{outline-offset:3px;outline:3px solid #5bc0ff}.lab-page .lab-home-entries{padding-bottom:clamp(58px,6.2vw,86px)}.lab-page .lab-home-entries .lab-section-heading{margin-bottom:23px;padding-block:24px 0}.lab-page .lab-home-entries .lab-entry{border-color:#d3e0ef;gap:18px;min-height:102px;padding:24px 12px}.lab-page .lab-home-entries .lab-entry__body h3{color:#1d3a60;font-size:19px;font-weight:700;line-height:1.5}.lab-page .lab-home-entries .lab-entry__body p{color:#647995;max-width:520px;margin-top:4px;font-size:13px;line-height:1.75}.lab-page .lab-home-entries .lab-entry__action{color:#2a4a7a;white-space:nowrap;border-top:0;justify-content:flex-end;align-items:center;gap:8px;min-height:0;margin-top:0;padding-top:0;font-size:12px;font-weight:700;display:inline-flex}.lab-page .lab-home-entries .lab-entry__hover{background:#eaf2fc;border-radius:5px}.lab-page .lab-home-entries .lab-entry:focus-visible{outline-offset:2px;outline:3px solid #5bc0ff}.lab-page .lab-plan-note{border-top-color:#d7e2ef;padding-top:23px;padding-bottom:clamp(45px,5.4vw,70px)}.lab-page .lab-plan-note h2{color:#526a88;font-size:13px}.lab-page .lab-plan-note p{color:#697e9a;font-size:12px;line-height:1.75}@media (prefers-reduced-motion:no-preference){.lab-page .student-hero__introduction{animation:.72s cubic-bezier(.22,1,.36,1) .35s both home-intro-in}.lab-page .student-hero__experiment{animation:.92s cubic-bezier(.22,1,.36,1) .47s both home-intro-in}@keyframes home-intro-in{0%{opacity:.15;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}}@media (max-width:960px){.lab-page .student-hero__message{grid-template-columns:1fr;gap:15px}.lab-page .student-hero__lead{max-width:610px}}@media (max-width:620px){.lab-page .student-hero__layout{padding-block:38px 52px}.lab-page .student-hero__message{gap:9px;padding-bottom:31px}.lab-page .student-hero .origin-title--ar{font-size:clamp(43px,10.7vw,61px);line-height:1.48}.lab-page .student-hero .origin-title--en{font-size:clamp(35px,9.2vw,53px);line-height:1.075}.lab-page .student-hero__lead{margin:5px 0 16px;font-size:14px;line-height:1.8}.lab-page .student-hero__actions a{min-height:46px}.lab-page .student-hero__experiment{border-radius:9px;padding:19px 16px}.lab-page .student-hero__experiment-heading{padding-bottom:17px}.lab-page .student-hero__experiment-heading p{font-size:12px}.lab-page .student-possibilities{padding-block:52px 24px}.lab-page .student-hero__examples-list{grid-template-columns:1fr;gap:0}.lab-page .student-hero__example{min-height:72px;padding:15px 2px}.lab-page .lab-home-entries .lab-entry{min-height:94px;padding:19px 6px}.lab-page .lab-home-entries .lab-entry__body h3{font-size:17px}.lab-page .lab-home-entries .lab-entry__body p{font-size:12px}.lab-page .lab-home-entries .lab-entry__action{font-size:11px}}@media (max-width:360px){.lab-page .student-hero .origin-title--en{font-size:33px}.lab-page .student-hero .origin-title--ar{font-size:42px}.lab-page .temperature-demo__controller{padding:14px 11px}.lab-page .student-hero__actions{gap:7px 12px}}@media (prefers-reduced-motion:reduce){.lab-page .student-hero__experiment,.lab-page .student-hero__introduction{animation:none!important}.lab-page .student-hero__example svg,.lab-page .student-hero__secondary{transition:none;transform:none}}
.lab-page{background:#f8fafd}.lab-page .lab-header{z-index:20;background:#fff;position:relative}.lab-page .lab-header__inner{grid-template-columns:minmax(0,1fr) auto auto;gap:18px;min-height:78px}.lab-page .lab-logo__lockup{width:clamp(164px,18.5vw,240px);height:auto;display:block}.lab-page .lab-logo__mark{display:none}.lab-navigation{grid-area:1/2;place-self:center;position:relative}.lab-page .lab-navigation .lab-nav{border:0;gap:3px;padding:0;display:flex}.lab-page .lab-nav__item{white-space:nowrap;border-radius:6px;min-height:44px;padding-inline:12px;font-size:13px}.lab-page .lab-language{grid-area:1/3;justify-self:end}.lab-page .lab-language a{border-radius:7px;min-width:70px;min-height:43px;font-weight:650}.lab-menu-toggle{display:none}.lab-page .student-hero{background:#fff;border-bottom:0}.lab-page .student-hero__layout{padding-block:clamp(50px,6.7vw,84px) clamp(36px,4vw,57px)}.lab-page .student-hero__message{margin:0;padding:0;display:block}.lab-page .student-hero .origin-title{color:#152e51;max-width:820px;margin:0}.lab-page .student-hero .origin-title--en{letter-spacing:-.06em;font-size:clamp(45px,7.25vw,91px);line-height:1.025}.lab-page .student-hero .origin-title--ar{letter-spacing:0;font-size:clamp(50px,7.1vw,89px);line-height:1.47}.lab-page .student-hero__introduction{max-width:640px;margin-top:11px;padding:0}.lab-page .student-hero__lead{color:#607590;max-width:650px;margin:0 0 25px;font-size:clamp(16px,1.7vw,20px);font-weight:450;line-height:1.75}.lab-page .student-hero__actions{gap:10px 13px}.lab-page .student-hero__actions a{border-radius:7px;min-height:49px;padding:10px 19px;font-size:14px;font-weight:650;text-decoration:none;transition:background-color .18s,border-color .18s}.lab-page .student-hero__actions .student-hero__primary{color:#fff;background:#2a4a7a}.lab-page .student-hero__actions .student-hero__secondary{color:#2a4a7a;background:#fff;border:1px solid #b6c9de}.lab-page .student-hero__actions .student-hero__secondary:hover{background:#f1f6fc;border-color:#7799c5}.lab-page .cpe-quick{padding-block:15px clamp(31px,4.6vw,61px)}.lab-page .cpe-quick h2,.lab-page .cpe-main-areas h2{color:#1c3354;margin:0 0 18px;font-size:clamp(22px,2.6vw,29px);font-weight:700;line-height:1.5}.cpe-quick__grid,.cpe-main-areas__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.cpe-quick__card{background:#fff;border:1px solid #dce6f2;border-radius:11px;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;min-height:164px;padding:22px;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .21s cubic-bezier(.22,1,.36,1);display:flex}.cpe-quick__card:hover{border-color:#a5c4e2;transform:translateY(-2px);box-shadow:0 9px 26px #203a5d0b}.cpe-quick__icon,.cpe-main-areas__icon{color:#2876be;background:#eff6ff;border-radius:9px;flex-shrink:0;place-items:center;width:46px;height:46px;margin-bottom:3px;display:grid}.cpe-quick__card strong{color:#1b3151;font-size:16px;font-weight:700;line-height:1.45}.cpe-quick__detail{color:#667b96;font-size:12px;line-height:1.6}.cpe-quick__arrow{color:#337bb7;margin-top:auto}.lab-page .cpe-try{padding-bottom:clamp(39px,5.1vw,65px);scroll-margin-top:15px}.lab-page .cpe-try .student-hero__experiment{color:#182f50;background:#fff;border:1px solid #dde7f2;border-radius:13px;padding:clamp(20px,3vw,34px);box-shadow:0 3px 19px #18365507}.lab-page .cpe-try .student-hero__experiment-heading{border-color:#e0e9f3;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;display:flex}.lab-page .cpe-try .student-hero__experiment-heading h2{color:#1c3458;margin:0;font-size:clamp(22px,2.5vw,29px);font-weight:700;line-height:1.4}.lab-page .cpe-try .student-hero__experiment-heading p{color:#667c98;max-width:none;margin:5px 0 0;font-size:13px;line-height:1.65}.cpe-try__next{color:#3d648e;white-space:nowrap;align-items:center;gap:8px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.cpe-try__next:hover{color:#1c416c}.lab-page .cpe-try .temperature-demo{color:#233b5d;grid-template-columns:minmax(0,1fr) 27px minmax(0,1fr) 27px minmax(0,.83fr);align-items:stretch;gap:0;padding-top:18px;display:grid}.lab-page .cpe-try .temperature-demo__sensor,.lab-page .cpe-try .temperature-demo__controller,.lab-page .cpe-try .temperature-demo__output{background:#f8fafe;border:1px solid #e0e8f2;border-radius:9px;min-width:0;min-height:186px;padding:17px}.lab-page .cpe-try .temperature-demo__stage{color:#355f8f;align-items:center;gap:8px;margin:0 0 13px;font-size:12px;font-weight:700;display:inline-flex}.lab-page .cpe-try .temperature-demo__stage svg{color:#267dc2;flex-shrink:0}.lab-page .cpe-try .temperature-demo__sensor label{color:#526d8a;font-size:13px;font-weight:550}.lab-page .cpe-try .temperature-demo__sensor{padding-inline-end:17px}.lab-page .cpe-try .temperature-demo__reading{margin:5px 0 9px}.lab-page .cpe-try .temperature-demo__reading strong{color:#183654;font-size:clamp(34px,3.3vw,44px);font-weight:550}.lab-page .cpe-try .temperature-demo__reading>span{color:#617a96;font-size:11px}.lab-page .cpe-try .temperature-demo__controller{background:#f5f8fc;border-color:#dde7f2;justify-content:space-between;align-items:flex-start;max-width:none;display:flex}.lab-page .cpe-try .temperature-demo__comparison{color:#213a5e;letter-spacing:-.06em;background:0 0;border:0;justify-content:flex-start;gap:5px;width:auto;max-width:100%;min-height:0;font-size:clamp(24px,2.65vw,33px)}.lab-page .cpe-try .temperature-demo__operator{color:#2376bf}.lab-page .cpe-try .temperature-demo__controller p{color:#637b96;border-top:1px solid #e1e8f2;width:100%;max-width:none;margin:10px 0 0;padding:10px 0 0;font-size:12px}.lab-page .cpe-try .temperature-demo__output{text-align:center;justify-content:space-between;align-items:center;display:flex}.lab-page .cpe-try .temperature-demo__output .temperature-demo__stage{align-self:flex-start}.lab-page .cpe-try .temperature-demo__fan-icon{flex-shrink:0;width:90px;height:90px;margin:0}.lab-page .cpe-try .temperature-demo__status{color:#4b6888;justify-content:center;font-size:13px}.lab-page .cpe-try .temperature-demo__output.is-running .temperature-demo__status{color:#166ea9}.lab-page .cpe-try .temperature-demo__status-dot{background:#8195ad}.lab-page .cpe-try .temperature-demo__output.is-running .temperature-demo__status-dot{background:#298dc5}.lab-page .cpe-try .temperature-demo__ring{stroke:#99b9d8}.lab-page .cpe-try .temperature-demo__ring-inner{stroke:#d1e0ef}.lab-page .cpe-try .temperature-demo__blades{fill:#2e77b6}.lab-page .cpe-try .temperature-demo__output.is-running .temperature-demo__blades{fill:#287cc4}.lab-page .cpe-try .temperature-demo__connector{border:0;align-self:stretch;height:auto;margin:0;position:relative}.lab-page .cpe-try .temperature-demo__connector:before{content:"";inset-inline:5px;background:#a9c6e1;height:2px;display:block;position:absolute;top:50%}.lab-page .cpe-try .temperature-demo__connector:after{content:"";top:calc(50% - 4px);border-top:2px solid #518bbe;border-inline-end:2px solid #518bbe;width:8px;height:8px;position:absolute;inset-inline-end:7px;transform:rotate(45deg)}html[dir=rtl] .lab-page .cpe-try .temperature-demo__connector:after{transform:rotate(-135deg)}.lab-page .cpe-try .temperature-demo__connector span{display:none}.lab-page .cpe-try .temperature-demo__track,.lab-page .cpe-try .temperature-demo__ends{width:100%}.lab-page .cpe-try .temperature-demo__slider::-webkit-slider-runnable-track{background:#adc5dd}.lab-page .cpe-try .temperature-demo__slider::-moz-range-track{background:#adc5dd}.lab-page .cpe-main-areas{padding-block:0 clamp(48px,6vw,74px);scroll-margin-top:20px}.cpe-main-areas__card{background:#fff;border:1px solid #dce6f2;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;min-height:92px;padding:17px;text-decoration:none;transition:border-color .18s,background-color .18s;display:grid}.cpe-main-areas__card:hover{background:#f8fbff;border-color:#a5c4e2}.cpe-main-areas__icon{width:43px;height:43px;margin:0}.cpe-main-areas__text{flex-direction:column;gap:3px;min-width:0;display:flex}.cpe-main-areas__text strong{color:#1f385b;font-size:14px;font-weight:700;line-height:1.4}.cpe-main-areas__text small{color:#7387a1;font-size:11px;line-height:1.45}.cpe-main-areas__card>svg{color:#347cb7;flex-shrink:0}.lab-page .cpe-quick a:focus-visible,.lab-page .cpe-main-areas a:focus-visible,.lab-page .cpe-try a:focus-visible{outline-offset:3px;outline:3px solid #5bc0ff}@media (max-width:1100px){.lab-page .lab-header__inner{gap:10px}.lab-page .lab-navigation .lab-nav__item{padding-inline:9px}}@media (max-width:840px){.lab-page .lab-header__inner{grid-template-columns:minmax(0,1fr) auto auto;gap:9px;min-height:70px}.lab-page .lab-logo__lockup{width:clamp(130px,24vw,174px);height:auto;display:block}.lab-page .lab-logo__mark{display:none}.lab-page .lab-language{grid-area:1/2}.lab-page .lab-language a{min-width:61px;padding:6px 9px;font-size:12px}.lab-page .lab-navigation{grid-area:1/3;justify-self:end;position:static}.lab-menu-toggle{color:#2a4a7a;cursor:pointer;background:#fff;border:1px solid #d7e3f0;border-radius:6px;place-items:center;width:45px;height:45px;display:grid}.lab-menu-toggle:focus-visible{outline-offset:3px;outline:3px solid #5bc0ff}.lab-page .lab-navigation .lab-nav{inset-inline:16px;z-index:25;background:#fff;border:1px solid #d7e3f0;border-radius:0 0 10px 10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;width:auto;padding:10px;display:none;position:absolute;top:calc(100% - 1px);box-shadow:0 13px 28px #1b365a16}.lab-page .lab-navigation .lab-nav.is-open{display:grid}.lab-page .lab-nav__item{white-space:normal;overflow-wrap:normal;justify-content:flex-start;min-height:48px;padding:12px}.lab-page .cpe-try .temperature-demo{grid-template-columns:minmax(0,1fr);grid-template-areas:none;grid-auto-flow:row;gap:0;padding-top:14px}.lab-page .cpe-try .temperature-demo__sensor,.lab-page .cpe-try .temperature-demo__controller,.lab-page .cpe-try .temperature-demo__output{min-height:unset;grid-area:auto;padding:15px 17px}.lab-page .cpe-try .temperature-demo__sensor{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 12px;display:grid}.lab-page .cpe-try .temperature-demo__sensor .temperature-demo__stage{grid-column:1;margin:0 0 2px}.lab-page .cpe-try .temperature-demo__sensor label{grid-area:2/1}.lab-page .cpe-try .temperature-demo__reading{grid-area:1/2/span 2;margin:0}.lab-page .cpe-try .temperature-demo__track{grid-area:3/1/auto/-1;margin-top:12px}.lab-page .cpe-try .temperature-demo__ends{grid-area:4/1/auto/-1}.lab-page .cpe-try .temperature-demo__controller{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;justify-content:space-between;align-items:center;gap:3px 12px;display:grid}.lab-page .cpe-try .temperature-demo__controller .temperature-demo__stage{grid-area:1/1;margin:0}.lab-page .cpe-try .temperature-demo__controller p{border:0;grid-area:2/1;margin:0;padding:0}.lab-page .cpe-try .temperature-demo__comparison{white-space:nowrap;grid-area:1/2/span 2}.lab-page .cpe-try .temperature-demo__output{text-align:start;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;justify-content:space-between;align-items:center;gap:4px 8px;display:grid}.lab-page .cpe-try .temperature-demo__output .temperature-demo__stage{grid-area:1/1;margin:0}.lab-page .cpe-try .temperature-demo__status{grid-area:2/1;justify-content:flex-start}.lab-page .cpe-try .temperature-demo__fan-icon{grid-area:1/2/span 2;width:65px;height:65px}.lab-page .cpe-try .temperature-demo__connector{align-self:stretch;height:24px;margin:0;display:block}.lab-page .cpe-try .temperature-demo__connector:before{width:2px;height:auto;inset:2px auto 2px 50%}.lab-page .cpe-try .temperature-demo__connector:after{top:auto;bottom:5px;inset-inline:auto;border-inline-end:0;border-top:2px solid #518bbe;border-left:0;border-right:2px solid #518bbe;left:calc(50% - 4px);right:auto;transform:rotate(135deg)!important}.lab-page .cpe-try .temperature-demo__status{font-size:13px}}@media (max-width:620px){.lab-wrap{width:min(100% - 34px,1190px)}.lab-page .student-hero__layout{padding-block:34px 24px}.lab-page .student-hero .origin-title--en{font-size:clamp(39px,10.25vw,57px);line-height:1.04}.lab-page .student-hero .origin-title--ar{font-size:clamp(39px,10.35vw,57px);line-height:1.48}.lab-page .student-hero__introduction{margin-top:5px}.lab-page .student-hero__lead{margin:5px 0 17px;font-size:14px;line-height:1.7}.lab-page .student-hero__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.lab-page .student-hero__actions a{text-align:center;justify-content:center;gap:6px;min-height:47px;padding:9px 10px;font-size:12px}.lab-page .cpe-quick{padding:12px 0 33px}.lab-page .cpe-quick h2,.lab-page .cpe-main-areas h2{margin-bottom:13px;font-size:23px}.cpe-quick__grid{grid-template-columns:minmax(0,1fr);gap:9px}.cpe-quick__card{border-radius:9px;grid-template-rows:auto auto;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:2px 12px;min-height:74px;padding:12px 14px;display:grid}.cpe-quick__card .cpe-quick__icon{grid-area:1/1/span 2;margin:0}.cpe-quick__card strong{grid-area:1/2;font-size:15px}.cpe-quick__card .cpe-quick__detail{grid-area:2/2;font-size:12px}.cpe-quick__card .cpe-quick__arrow{grid-area:1/3/span 2;align-self:center;margin:0}.cpe-quick__icon{border-radius:8px;width:40px;height:40px}.cpe-quick__icon svg{width:23px;height:23px}.cpe-quick__card strong{font-size:13px;line-height:1.4}.cpe-quick__detail{font-size:10px;line-height:1.5}.cpe-quick__arrow{margin-top:auto}.lab-page .cpe-try{padding-bottom:37px}.lab-page .cpe-try .student-hero__experiment{border-radius:10px;padding:17px 14px}.lab-page .cpe-try .student-hero__experiment-heading{display:block}.lab-page .cpe-try .student-hero__experiment-heading h2{font-size:23px}.lab-page .cpe-try .student-hero__experiment-heading p{font-size:12px}.cpe-try__next{display:none}.lab-page .cpe-try .temperature-demo__reading strong{font-size:30px}.lab-page .cpe-try .temperature-demo__comparison{font-size:24px}.lab-page .cpe-main-areas{padding-bottom:41px}.cpe-main-areas__grid{grid-template-columns:1fr;gap:8px}.cpe-main-areas__card{gap:13px;min-height:70px;padding:12px}.cpe-main-areas__icon{width:45px;height:45px}.cpe-main-areas__text strong{font-size:14px}.cpe-main-areas__text small{font-size:12px}.lab-page .lab-plan-note{padding:16px 0 35px}}@media (max-width:360px){.lab-page .lab-logo__lockup{width:125px}.lab-page .lab-language a{min-width:55px;padding-inline:6px;font-size:11px}.lab-page .lab-menu-toggle{width:43px;height:43px}.lab-page .student-hero .origin-title--en{font-size:35px}.lab-page .student-hero .origin-title--ar{font-size:37px}.cpe-quick__card{padding:11px 8px}.cpe-quick__card strong{font-size:12px}.cpe-quick__detail{font-size:9px}.lab-page .cpe-try .temperature-demo__reading strong{font-size:27px}.lab-page .cpe-try .temperature-demo__comparison{font-size:22px}}@media (prefers-reduced-motion:no-preference){.lab-page .cpe-quick__card,.lab-page .cpe-main-areas__card{transition:border-color .2s,background-color .2s,transform .22s cubic-bezier(.22,1,.36,1)}}@media (prefers-reduced-motion:reduce){.lab-page .cpe-quick__card,.lab-page .cpe-main-areas__card,.lab-page .student-hero__actions a{transition:none!important;transform:none!important}}@media (max-width:840px){.lab-page .cpe-try .temperature-demo{grid-template:auto 26px auto 26px auto/minmax(0,1fr);grid-auto-flow:row;gap:0;display:grid}.lab-page .cpe-try .temperature-demo>*{grid-area:auto/1;min-width:0}.lab-page .cpe-try .temperature-demo__connector{border:0;height:26px;min-height:26px;margin:0;display:block;position:relative}.lab-page .cpe-try .temperature-demo__connector:before{content:"";inset-inline:auto;background:#b1cee8;width:2px;height:auto;display:block;position:absolute;inset:2px auto 4px calc(50% - 1px)}.lab-page .cpe-try .temperature-demo__connector:after{content:"";inset-inline:auto;border-top:2px solid #4887ba;border-bottom:0;border-left:0;border-right:2px solid #4887ba;width:8px;height:8px;position:absolute;inset:auto auto 5px calc(50% - 4px);transform:rotate(135deg)!important}}@media (max-width:375px){.cpe-quick__grid{grid-template-columns:minmax(0,1fr);gap:8px}.cpe-quick__card{grid-template-rows:auto auto;grid-template-columns:44px minmax(0,1fr) 18px;align-items:center;gap:2px 11px;min-height:72px;padding:10px 13px;display:grid}.cpe-quick__icon{grid-area:1/1/span 2;width:42px;height:42px;margin:0}.cpe-quick__card strong{grid-area:1/2;font-size:14px;line-height:1.45}.cpe-quick__detail{grid-area:2/2;font-size:12px;line-height:1.55}.cpe-quick__arrow{grid-area:1/3/span 2;align-self:center;margin:0}}
.message-journey{color:#1c3558;min-width:0}.message-journey__devices{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:stretch;gap:13px;margin-top:20px;display:grid}.message-journey__device{background:#f8fafd;border:1px solid #dce5f0;border-radius:10px;min-width:0;min-height:135px;padding:17px 18px}.message-journey__device-heading{color:#365575;align-items:center;gap:9px;margin-bottom:15px;font-size:13px;display:flex}.message-journey__device-heading svg{color:#2876be;flex:none}.message-journey__device-heading strong{font-weight:700}.message-journey__direction{color:#397eb8;place-items:center;display:grid}.message-journey__bubble{overflow-wrap:anywhere;border-radius:10px;width:fit-content;max-width:100%;margin:0;padding:9px 13px;font-size:15px;line-height:1.65}.message-journey__bubble--source{color:#fff;background:#2a4a7a}.message-journey__bubble--received{color:#24446b;background:#e5effa}.message-journey__received{min-height:43px}.message-journey__empty{color:#70839b;margin:0;font-size:13px;line-height:1.7}.message-journey__form{margin-top:19px}.message-journey__form label{color:#223d61;margin-bottom:9px;font-size:15px;font-weight:700;display:block}.message-journey__composer{gap:9px;min-width:0;display:flex}.message-journey__composer input{color:#1c3558;min-width:0;height:50px;font:inherit;background:#fff;border:1px solid #b9cade;border-radius:8px;flex:1;padding:10px 14px;font-size:15px}.message-journey__composer button{color:#fff;min-height:50px;font:inherit;cursor:pointer;background:#2a4a7a;border:1px solid #2a4a7a;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:9px;padding:10px 21px;font-size:14px;font-weight:750;transition:background-color .18s;display:inline-flex}.message-journey__composer button:hover{background:#1a355a}.message-journey__composer button:disabled{opacity:.5;cursor:not-allowed}.message-journey__composer input:focus-visible,.message-journey__composer button:focus-visible,.message-journey__bits summary:focus-visible{outline-offset:3px;outline:3px solid #5bc0ff}.message-journey__lesson{margin-top:20px}.message-journey__prompt{color:#365777;background:#eef5fc;border-radius:8px;margin:0;padding:15px 17px;font-size:14px;line-height:1.75}.message-journey__outcome{border-top:1px solid #dce6f0;padding-top:19px}.message-journey__success{color:#215c88;align-items:center;gap:8px;margin:0 0 16px;font-size:14px;font-weight:700;display:flex}.message-journey__success svg{flex:none}.message-journey__outcome h3{color:#1c3558;margin:0 0 14px;font-size:20px;line-height:1.5}.message-journey__steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.message-journey__steps li{align-items:flex-start;gap:11px;min-width:0;display:flex}.message-journey__number{color:#275f94;background:#e7f1fb;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:13px;font-weight:750;line-height:1;display:grid}.message-journey__steps strong{color:#24496f;font-size:14px;line-height:1.5}.message-journey__steps p{color:#60778d;margin:4px 0 0;font-size:13px;line-height:1.75}.message-journey__bits{border-block:1px solid #e0e8f1;margin-top:18px;padding-block:14px}.message-journey__bits summary{cursor:pointer;color:#286a9e;width:fit-content;font-size:14px;font-weight:700}.message-journey__bits p{color:#64798f;margin:11px 0 8px;font-size:13px;line-height:1.65}.message-journey__bits code{white-space:normal;overflow-wrap:anywhere;color:#22456b;direction:ltr;background:#f1f6fc;border-radius:5px;width:fit-content;max-width:100%;padding:11px 14px;font-size:13px;display:block}.message-journey__takeaway{color:#27496e;background:#edf4fb;border-radius:8px;margin:18px 0 0;padding:15px 17px;font-size:14px;line-height:1.85}.message-journey__disclaimer{color:#71839a;margin:12px 0 0;font-size:12px;line-height:1.65}@media (max-width:720px){.message-journey__devices{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:7px}.message-journey__device{min-height:123px;padding:14px 11px}.message-journey__device-heading{gap:6px;font-size:12px}.message-journey__bubble{padding:8px 10px;font-size:14px}.message-journey__steps{grid-template-columns:minmax(0,1fr);gap:15px}.message-journey__outcome h3{font-size:19px}}@media (max-width:360px){.message-journey__device{padding:12px 8px}.message-journey__device-heading svg{width:16px}.message-journey__composer button{padding-inline:12px}.message-journey__bubble{font-size:13px}}@media (prefers-reduced-motion:reduce){.message-journey__composer button{transition:none}}