.platform-design-preview{color:#273d45;background:#edf2f3;padding:90px 0 84px;scroll-margin-top:24px}.platform-design-preview .platform-preview-heading{grid-template-columns:1.2fr 1fr;align-items:end;gap:60px;margin-bottom:32px;display:grid}.platform-design-preview .platform-preview-heading h2{letter-spacing:-.055em;word-break:keep-all;max-width:620px;margin:14px 0 0;font-size:clamp(27px,3vw,39px);font-weight:400;line-height:1.45}.platform-design-preview .platform-preview-heading p{color:#70818a;max-width:450px;margin:0;font-size:14px;line-height:1.9}.platform-design-preview .platform-preview-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px;display:flex}.platform-design-preview .platform-preview-tabs{background:#e2eaec;border-radius:5px;flex-wrap:wrap;align-items:center;gap:3px;padding:4px;display:flex}.platform-design-preview .platform-preview-tabs button{font:inherit;color:#6c8089;cursor:pointer;background:0 0;border:0;border-radius:3px;min-height:39px;padding:9px 17px;font-size:12px}.platform-design-preview .platform-preview-tabs button[aria-selected=true]{color:#263f49;background:#fff;box-shadow:0 1px 4px #2439420c}.platform-design-preview .platform-preview-options{flex-wrap:wrap;align-items:center;gap:13px;display:flex}.platform-design-preview .platform-preview-language select{font:inherit;color:#405962;background:#fff;border:1px solid #d8e1e5;border-radius:3px;max-width:165px;min-height:39px;padding:7px 27px 7px 12px;font-size:12px}.platform-design-preview .platform-preview-devices{background:#e2eaec;border-radius:4px;align-items:center;gap:3px;padding:3px;display:flex}.platform-design-preview .platform-preview-devices button{font:inherit;color:#71858d;cursor:pointer;background:0 0;border:0;border-radius:3px;justify-content:center;align-items:center;gap:6px;min-height:33px;padding:7px 10px;font-size:11px;display:flex}.platform-design-preview .platform-preview-devices button[aria-pressed=true]{color:#27444e;background:#fff}.platform-design-preview .platform-preview-panel{background:#e4ecee;border:1px solid #d5e0e4;border-radius:7px;overflow:hidden;box-shadow:0 18px 50px #203b4510}.platform-design-preview .platform-preview-browserbar{color:#81929a;letter-spacing:.12em;background:#f7f9f9;border-bottom:1px solid #dce5e8;align-items:center;gap:16px;min-height:45px;padding:10px 17px;font-size:9px;display:flex}.platform-design-preview .platform-preview-browserbar>a{color:#59737e;letter-spacing:0;align-items:center;gap:7px;margin-left:auto;font-size:11px;text-decoration:none;display:flex}.platform-design-preview .platform-preview-dots{flex-shrink:0;gap:5px;display:flex}.platform-design-preview .platform-preview-dots i{background:#c3d0d5;border-radius:50%;width:6px;height:6px}.platform-design-preview .platform-preview-stage{padding:24px}.platform-design-preview .platform-preview-viewport{width:100%;overflow:hidden}.platform-design-preview .platform-preview-canvas{background:#fff;margin:0 auto;position:relative;box-shadow:0 5px 25px #233d4515}.platform-design-preview .platform-preview-canvas iframe{transform-origin:0 0;background:#fff;border:0;max-width:none;display:block;position:absolute;top:0;left:0}.platform-design-preview .platform-preview-mobile .platform-preview-canvas{outline-offset:-1px;border-radius:15px;outline:5px solid #2e454f;overflow:hidden}.platform-design-preview .platform-preview-hint{color:#7a8e96;margin:16px 0 0;font-size:11px;line-height:1.8}.platform-design-preview .platform-preview-hint>span{margin-left:8px}:is(.platform-design-preview button:focus-visible,.platform-design-preview a:focus-visible,.platform-design-preview select:focus-visible){outline-offset:3px;outline:2px solid #497990}.platform-design-preview .platform-preview-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:850px){.platform-design-preview{padding:66px 0}.platform-design-preview .platform-preview-heading{grid-template-columns:1fr;gap:16px;margin-bottom:25px}.platform-design-preview .platform-preview-heading p{max-width:650px}.platform-design-preview .platform-preview-devices button span{display:none}.platform-design-preview .platform-preview-controls{gap:12px}.platform-design-preview .platform-preview-stage{padding:16px}}@media (max-width:540px){.platform-design-preview{padding:52px 0}.platform-design-preview .platform-preview-heading h2{font-size:27px}.platform-design-preview .platform-preview-heading p{font-size:12px}.platform-design-preview .platform-preview-controls{align-items:flex-start}.platform-design-preview .platform-preview-tabs{flex-wrap:nowrap;width:100%}.platform-design-preview .platform-preview-tabs button{flex:1;min-width:0;padding:9px 8px;font-size:11px;line-height:1.5}.platform-design-preview .platform-preview-options{justify-content:space-between;width:100%}.platform-design-preview .platform-preview-stage{padding:10px}.platform-design-preview .platform-preview-browserbar{gap:9px;padding:10px;font-size:8px}.platform-design-preview .platform-preview-browserbar>a{max-width:50%;font-size:9px;line-height:1.5}.platform-design-preview .platform-preview-hint>span{margin-top:3px;margin-left:0;display:block}}.mag-demo{--mag-accent:#4c83a5}.mag-demo .mag-demo-notice{color:#6e8590;text-align:center;background:#edf3f5;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:9px 22px;font-size:10px;line-height:1.6;display:flex}.mag-demo .mag-demo-notice strong{letter-spacing:.02em;color:#416575;font-weight:600}.mag-demo .mag-feature{margin-top:38px}.mag-demo .mag-demo-author-symbol{color:#4f7c91;background:#e9f1f4;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:19px;font-weight:400;display:inline-flex}.mag-demo .mag-demo-cta{width:100%}.mag-demo .mag-demo-contact-notice{color:#6a808c;text-align:left;background:#fff;border:1px solid #d9e4e9;margin-top:12px;padding:17px 38px 17px 16px;font-size:11px;line-height:1.8;position:relative;box-shadow:0 5px 15px #263f4808}.mag-demo .mag-demo-contact-notice>strong{color:#3d6274;font-size:11px}.mag-demo .mag-demo-contact-notice>p{color:#6a808c!important;margin:5px 0 0!important;font-size:11px!important;line-height:1.8!important}.mag-demo .mag-demo-contact-notice>button{color:#66808d;cursor:pointer;background:0 0;border:0;padding:4px;display:flex;position:absolute;top:9px;right:8px}.mag-demo .mag-header-tools{margin-left:0}.mag-demo .mag-article-title h1{overflow-wrap:anywhere}.mag-demo .mag-feature-actions{flex-wrap:wrap}.mag-demo .mag-contact-buttons>button{white-space:normal;min-width:0;line-height:1.5}.mag-demo .mag-demo-cta .mag-contact-buttons>button>svg{flex-shrink:0}.mag-demo .mag-author-note>.mag-demo-author-symbol{width:65px;height:65px}.mag-demo .mag-footer-bottom{gap:20px}.mag-demo .mag-footer-bottom>p:first-child{max-width:620px}.mag-demo .mag-article-content>.mag-medical-notice{font-size:11px;line-height:1.8}.mag-demo .mag-header-inner>.mag-brand{flex-shrink:0}.mag-demo[lang=en] .mag-feature h1{font-size:47px}.mag-demo[lang=en] .mag-feature-subtitle{font-size:16px}.mag-demo[lang=en] .mag-header-booking{font-size:10px}.mag-demo .mag-demo-cta>div.mag-contact-buttons{flex-wrap:nowrap}@media (max-width:1000px){.mag-demo .mag-header-tools{margin-left:auto}}@media (max-width:640px){.mag-demo .mag-demo-notice{gap:3px;padding:9px 15px;font-size:9px}.mag-demo .mag-demo-notice span{width:100%;display:block}.mag-demo .mag-header-inner>.mag-brand{letter-spacing:-.7px;max-width:calc(100% - 50px);font-size:17px}.mag-demo .mag-feature{margin-top:25px}.mag-demo[lang=en] .mag-feature h1{font-size:34px}.mag-demo[lang=en] .mag-feature-subtitle{font-size:14px}.mag-demo .mag-mobile-contact .mag-demo-contact-notice{margin:0;position:absolute;bottom:calc(100% + 7px);left:14px;right:14px;box-shadow:0 0 0 5px #ffffffa8,0 5px 25px #1c35452b}.mag-demo .mag-mobile-contact .mag-contact-buttons{flex-wrap:nowrap}.mag-demo .mag-mobile-contact .mag-contact-buttons>button{overflow-wrap:anywhere;gap:3px;font-size:10px!important}.mag-demo .mag-author-note>.mag-demo-author-symbol{width:45px;height:45px}.mag-demo .mag-contact h2{overflow-wrap:anywhere}.mag-demo .mag-footer-bottom>p:first-child{max-width:none}}