:root{--ink:#14243f;--muted:#596880;--blue:#345fdc;--indigo:#5242bc;--line:#e3e8f0;--bs-body-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--bs-body-color:var(--ink);--bs-primary:#345fdc;--bs-link-color:var(--blue);--bs-link-hover-color:#2445b3}
html{scroll-behavior:smooth;scroll-padding-top:100px}body{font-size:1rem;line-height:1.65}h1,h2,h3{font-weight:750;line-height:1.08;letter-spacing:-.045em}h2{font-size:clamp(2.25rem,4.4vw,3.7rem)}h3{font-size:clamp(1.7rem,2.6vw,2.35rem)}p{color:var(--muted)}a{text-underline-offset:4px}.container{max-width:1220px;padding-inline:28px}.section-space{padding-block:112px}.section-heading{margin-bottom:46px}.section-intro{font-size:1.15rem;max-width:440px;margin-bottom:8px}.eyebrow{color:var(--blue);font-size:.75rem;font-weight:700;letter-spacing:.12em;margin-bottom:22px;line-height:1.6}.btn{font-size:1rem;font-weight:600;padding:13px 23px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:48px}.btn-primary{--bs-btn-bg:#345fdc;--bs-btn-border-color:#345fdc;--bs-btn-hover-bg:#284ab8;--bs-btn-hover-border-color:#284ab8;--bs-btn-active-bg:#243fa0;--bs-btn-active-border-color:#243fa0;box-shadow:0 5px 15px #345fdc1b}.btn:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #416be7;outline-offset:5px;box-shadow:none}.skip-link{position:fixed;z-index:2000;top:8px;left:16px;padding:12px 20px;color:white;background:var(--ink);transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}
.site-header{position:sticky;top:0;z-index:1020;background:#ffffffee;border-bottom:1px solid #e9edf380;backdrop-filter:blur(18px)}.navbar{min-height:82px;padding-block:10px}.navbar-brand{display:flex;align-items:center;gap:10px;font-size:1.23rem;letter-spacing:-.035em;font-weight:750;color:var(--ink);margin:0}.navbar-brand img{object-fit:contain}.navbar-nav{gap:24px}.navbar .nav-link{font-weight:500;color:#45536a;font-size:.925rem;padding-inline:0!important}.navbar .nav-link:hover{color:var(--blue)}.language-switch{display:flex;gap:9px;align-items:center;margin-left:44px;padding-left:28px;border-left:1px solid var(--line);font-size:.825rem;color:#a1abba}.language-switch a{color:var(--muted);text-decoration:none;padding-block:7px}.language-switch a[aria-current]{color:var(--blue);font-weight:750}.navbar-toggler{border:0;padding:9px}
.hero{padding-top:74px;background:linear-gradient(180deg,#fff 0%,#f7f9ff 54%,#eaf0fc 100%);overflow:hidden}.hero .eyebrow{margin-bottom:23px}.hero h1{font-size:clamp(3.1rem,7.25vw,6.15rem);letter-spacing:-.065em;line-height:1.03;margin-bottom:27px}.hero h1 span{color:var(--blue)}.hero-intro{max-width:590px;margin:0 auto 27px;font-size:1.15rem;line-height:1.65}.compatibility{font-size:.825rem;margin:18px 0 0;color:#728096}.hero-stage{position:relative;margin-top:60px;padding:35px 36px 0;background:linear-gradient(124deg,#387ad8 0%,#4b59cd 58%,#6d50b7 100%);border-radius:25px 25px 0 0;box-shadow:0 -1px 0 #245ba92b}.hero-stage::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:32px 32px;border-radius:inherit;pointer-events:none}.screen-button{display:block;position:relative;border:0;padding:0;background:transparent;width:100%;border-radius:13px;cursor:zoom-in;isolation:isolate}.screen-button img{display:block;width:100%;height:auto;aspect-ratio:1280/674;object-fit:contain;border-radius:inherit;box-shadow:0 16px 42px #17325c20}.hero-screen{transform:translateY(1px);border-radius:13px 13px 0 0}.hero-screen img{border-radius:inherit;box-shadow:0 6px 60px #18205848}.screen-zoom{position:absolute;bottom:15px;right:15px;background:#fff;border:1px solid var(--line);color:var(--ink);border-radius:100px;width:35px;height:35px;display:grid;place-items:center;box-shadow:0 3px 9px #152e5322;opacity:0;transition:opacity .15s}.screen-button:hover .screen-zoom,.screen-button:focus-visible .screen-zoom{opacity:1}.product-strip{border-bottom:1px solid var(--line);background:#fff}.product-strip ul{display:flex;justify-content:space-between;gap:20px;list-style:none;margin:0;padding:26px 12px;color:#526079;font-size:.875rem;font-weight:500}.product-strip li{display:flex;gap:10px;align-items:center}.product-strip svg{color:#42796c;flex-shrink:0}
.feature-tabs{display:flex;gap:8px;margin-bottom:32px;border-bottom:1px solid var(--line);padding-bottom:17px}.feature-tabs .nav-link{color:#56637b;border-radius:8px;padding:11px 20px;font-size:.925rem;font-weight:600}.feature-tabs .nav-link.active{background:#eaf0ff;color:#294dc0}.feature-tabs .nav-link:hover{background:#f1f5fc}.feature-layout{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:45px;align-items:center}.feature-image{padding:25px;background:#f0f3f9;border:1px solid #e8ecf3;border-radius:19px}.feature-number{font-size:.75rem;color:#8995a8;letter-spacing:.13em;display:block;margin-bottom:22px}.feature-copy h3{margin-bottom:18px}.feature-copy p,.library-copy p{font-size:1rem;line-height:1.7}.feature-points{list-style:none;padding:0;margin:25px 0 0}.feature-points li{display:flex;gap:11px;align-items:flex-start;margin:14px 0;font-size:.925rem;color:#455572;line-height:1.6}.feature-points svg{flex:0 0 20px;margin-top:2px;color:var(--blue)}.tab-pane:focus-visible{outline:3px solid #416be7;outline-offset:10px;border-radius:12px}
.libraries{background:#f7f9fd;border-top:1px solid #edf1f7;border-bottom:1px solid #edf1f7}.libraries .section-heading{margin-bottom:80px}.libraries .section-intro{margin-top:24px}.library-row+.library-row{margin-top:92px}.library-stage{border-radius:20px;padding:32px 26px}.element-stage{background:#dce8f9}.template-stage{background:#e5e7f8}.library-copy .eyebrow{font-size:.75rem;margin-bottom:18px}.library-copy h3{margin-bottom:22px}.library-copy p{max-width:440px}.details{background:#fff}.details h2{font-size:2.55rem}.detail-index{display:block;color:var(--blue);font-size:.825rem;margin-bottom:21px;padding-bottom:15px;border-bottom:1px solid var(--line)}.details h3{font-size:1.17rem;letter-spacing:-.025em;line-height:1.25;margin-bottom:15px}.details p{font-size:.95rem}.faq{padding-top:0}.faq h2{font-size:2.75rem}.accordion{--bs-accordion-color:var(--muted);--bs-accordion-border-color:var(--line);--bs-accordion-btn-focus-box-shadow:none;--bs-accordion-active-bg:#fff;--bs-accordion-active-color:var(--blue)}.accordion-button{font-size:1.045rem;font-weight:600;letter-spacing:-.016em;line-height:1.45;padding:25px 4px}.accordion-button::after{width:15px;height:15px;background-size:15px;margin-left:18px}.accordion-body{font-size:1rem;padding:0 30px 26px 4px;line-height:1.8}.accordion-button:focus-visible{outline-offset:0}.closing{padding:72px 0 82px;background:linear-gradient(118deg,#344fc0 0%,#4d54c0 58%,#6455bc 100%);color:white}.closing .container>img{margin-bottom:20px}.closing h2{font-size:clamp(2.4rem,4.5vw,3.5rem)}.closing p{color:#e1e8ff;font-size:1.05rem;margin:23px auto 29px;max-width:520px}.closing .app-store-link{display:inline-block;max-width:100%;padding:12px;border-radius:12px}.closing .app-store-link:hover{outline:1px solid #ffffff57}.closing .app-store-link:focus-visible{outline:3px solid #dce6ff;outline-offset:3px}.closing .app-store-badge{display:block;width:auto;max-width:100%;height:60px}.site-footer{padding:48px 0 24px}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;padding-bottom:30px}.footer-brand{font-size:1.4rem;font-weight:750;letter-spacing:-.045em;color:var(--ink);text-decoration:none}.footer-top p{text-align:right;font-size:.875rem;margin:0}.site-footer a{color:inherit}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:#65738a;font-size:.825rem}.footer-bottom div{display:flex;gap:25px}.screenshot-modal .modal-content{border:0;border-radius:16px;background:#f6f8fc;overflow:hidden}.screenshot-modal .modal-body{padding:0 15px 15px}.screenshot-modal .modal-header{border-bottom:0;padding:16px 20px}.screenshot-modal .modal-title{color:var(--ink);letter-spacing:0;font-weight:600;line-height:1.4}.screenshot-modal .modal-body img{border-radius:10px;display:block;width:100%;height:auto}.modal-backdrop{--bs-backdrop-opacity:.72}
@media(min-width:1400px){.modal-xl{--bs-modal-width:1320px}}
@media(max-width:991.98px){.section-space{padding-block:80px}.feature-layout{grid-template-columns:1fr;gap:28px}.feature-copy{max-width:630px}.feature-number{margin-bottom:12px}.feature-copy h3{font-size:2rem}.library-row+.library-row{margin-top:70px}.library-copy p{max-width:100%}.libraries .section-heading{margin-bottom:48px}.details h2{font-size:2.6rem}.faq{padding-top:0}.hero-stage{padding:24px 24px 0;margin-top:44px}.product-strip ul{flex-wrap:wrap;justify-content:center;gap:14px 32px}.navbar-nav{gap:20px}.language-switch{margin-left:25px;padding-left:20px}}
@media(max-width:767.98px){html{scroll-padding-top:90px}.container{padding-inline:22px}.navbar{min-height:73px}.navbar-brand{font-size:1.17rem}.navbar-collapse{padding:12px 0}.navbar-nav{gap:0}.navbar .nav-link{padding-block:10px}.language-switch{margin:10px 0 0;padding:12px 0 0;border-left:0;border-top:1px solid var(--line);font-size:.95rem;gap:16px}.hero{padding-top:49px}.hero h1{font-size:clamp(3.05rem,10vw,4.6rem)}.hero .eyebrow{font-size:.7rem;letter-spacing:.1em}.hero-intro{font-size:1.05rem;max-width:470px}.hero-stage{padding:15px 15px 0;border-radius:16px 16px 0 0;margin-top:39px;margin-inline:-6px}.screen-button{border-radius:7px}.screen-zoom{display:none}.product-strip ul{justify-content:flex-start;display:grid;grid-template-columns:1fr 1fr;font-size:.8rem;gap:14px;padding-inline:0}.product-strip li{gap:7px;align-items:flex-start}.section-space{padding-block:67px}.section-heading{margin-bottom:30px}.section-intro{font-size:1.05rem}.feature-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px}.feature-tabs .nav-link{padding:11px 7px;font-size:.9rem}.feature-image{padding:15px;border-radius:13px}.feature-points li{font-size:.95rem}.library-stage{padding:23px 16px;border-radius:14px}.library-row{--bs-gutter-y:2rem}.library-row+.library-row{margin-top:42px}.library-copy h3{font-size:2.1rem}.details .col-md-4{margin-top:24px}.details h3{font-size:1.3rem}.detail-index{margin-bottom:15px;padding-bottom:10px}.faq{padding-top:0}.accordion-button{font-size:1rem;padding-block:23px}.closing{padding-block:52px 60px}.closing img{width:78px;height:78px}.footer-top{flex-direction:column;gap:17px}.footer-top p{text-align:left}.footer-bottom{flex-direction:column;gap:15px}.footer-bottom div{flex-wrap:wrap;gap:20px}.screenshot-modal .modal-body{padding:0 8px 8px}.screenshot-modal .modal-header{padding:14px 16px}.screenshot-modal .modal-title{font-size:.875rem!important}}
/* Keep Bootstrap's wide desktop gutters inside the narrow mobile container. */
.shortcuts{margin-top:65px;padding:40px 42px 28px;background:#f7f9fd;border:1px solid var(--line);border-radius:18px}.shortcut-heading h2{font-size:clamp(1.8rem,3vw,2.4rem)}.shortcut-heading .eyebrow{margin-bottom:15px}.shortcut-heading>p:last-child{margin:18px 0 28px}.shortcut-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 32px}.shortcut-item{border-top:1px solid #dce4f0;padding-top:20px}.shortcut-keys{display:flex;align-items:center;flex-wrap:wrap;gap:9px;min-height:36px;margin-bottom:17px;color:var(--muted);font-size:.875rem}.shortcut-keys kbd{background:white;color:#294dc0;border:1px solid #ccd7ee;border-bottom-width:3px;box-shadow:0 2px 3px #293f6610;min-width:37px;text-align:center;padding:5px 10px;border-radius:7px;font-family:var(--bs-body-font-family);font-size:1.05rem;line-height:1.3;white-space:nowrap}.details .shortcut-item h3{font-size:1.08rem;margin-bottom:10px}.shortcut-item p{margin-bottom:0}.shortcut-footer{border-top:1px solid var(--line);margin-top:30px;padding-top:22px}.details .shortcut-footer p{font-size:.875rem;margin-bottom:9px;max-width:880px}.details .shortcut-footer .shortcut-help{color:var(--ink);font-weight:600}.shortcut-legend{color:#65738a}
@media(max-width:991.98px){.shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575.98px){.shortcuts{margin-top:38px;padding:26px 20px 20px}.shortcut-grid{grid-template-columns:1fr;gap:22px}.shortcut-heading h2{font-size:1.8rem}.shortcut-heading>p:last-child{margin-bottom:23px}.shortcut-keys{margin-bottom:13px}.shortcut-item p{font-size:1rem}.shortcut-footer{margin-top:24px}}
.hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.hero-actions .btn-outline-secondary{--bs-btn-color:#455572;--bs-btn-border-color:#ced7e8;--bs-btn-hover-bg:#eaf0ff;--bs-btn-hover-color:#2445b3;--bs-btn-hover-border-color:#c4d1f1}.download-nav{color:var(--blue)!important}.information-nav{display:flex;align-items:center;min-height:82px;gap:24px}.info-home{margin-left:auto;color:var(--muted);text-decoration:none}.information-nav .language-switch{margin-left:0}.information-main{padding-block:80px}.legal-main .container{max-width:860px}.legal-heading h1{font-size:clamp(2.4rem,5.5vw,4rem);overflow-wrap:anywhere}.legal-date{font-size:.875rem;margin-top:23px}.legal-section{padding-bottom:22px;margin-bottom:25px;border-bottom:1px solid var(--line)}.legal-section h2{font-size:1.5rem;letter-spacing:-.02em;line-height:1.3;margin-bottom:15px}.legal-section p{line-height:1.85}.download-main{background:linear-gradient(#fff,#eef3ff);min-height:calc(100vh - 205px)}.download-content{max-width:650px;margin:auto}.download-content>img{margin-bottom:25px}.download-content h1{font-size:clamp(2.8rem,6vw,4.5rem)}.download-intro{font-size:1.15rem;margin:25px auto 10px}.release-link{margin-top:30px}.download-links{display:flex;gap:26px;justify-content:center;flex-wrap:wrap;margin-top:42px;font-size:.9rem}.information-main a{overflow-wrap:anywhere}.information-main .eyebrow{margin-bottom:15px}
@media(max-width:767.98px){.information-main{padding-block:48px}.information-nav{gap:15px;min-height:73px;flex-wrap:wrap;padding-block:12px}.information-nav .language-switch{border:0;padding:0;margin:0 0 0 auto;font-size:.825rem;gap:8px}.info-home{display:none}.legal-section h2{font-size:1.4rem}.footer-bottom div{gap:12px 20px}}
@media(max-width:767.98px){.row.g-5{--bs-gutter-x:1.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media (min-width:768px) and (max-width:991.98px) {
  .navbar-expand-lg .navbar-collapse { padding: 12px 0; }
  .navbar-expand-lg .navbar-nav { gap: 0; }
  .navbar-expand-lg .nav-link { padding-block: 10px; }
  .navbar-expand-lg .language-switch { margin: 10px 0 0; padding: 12px 0 0; border-left: 0; border-top: 1px solid var(--line); font-size: .95rem; gap: 16px; }
}
.product-navbar-brand span { display: flex; flex-direction: column; line-height: 1.1; }
.product-navbar-brand small { margin-top: 3px; color: var(--blue); font-size: .67rem; font-weight: 650; letter-spacing: .04em; }
.hero h1 span {
  color: #344fc0;
  background: linear-gradient(105deg, #344fc0 15%, #6455bc 90%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.hosy-footer { padding: 56px 0 25px; background: #fff; }
.hosy-footer .container { max-width: 1260px; }
.hosy-footer .footer-top { display: flex; justify-content: space-between; gap: 30px; padding-bottom: 38px; }
.hosy-footer .footer-top > div:first-child { display: flex; flex-direction: column; align-items: flex-start; }
.hosy-footer .footer-brand { color: #172742; font-size: 1.55rem; font-weight: 400; letter-spacing: -.055em; line-height: 1.15; text-decoration: none; }
.hosy-footer .footer-brand strong { font-weight: 800; }
.hosy-footer .footer-top p { margin: 4px 0 0; color: #52637b; font-size: .89rem; line-height: 1.3; text-align: left; }
.hosy-footer .footer-links { display: flex; align-items: flex-start; gap: 29px; padding-top: 13px; }
.hosy-footer .footer-links a { color: #4a586f; font-size: .89rem; font-weight: 620; text-decoration: none; }
.hosy-footer .footer-links a:hover, .hosy-footer .footer-bottom-links a:hover { color: #244d91; }
.hosy-footer .footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 20px; border-top: 1px solid #dee2e4; padding-top: 20px; color: #8490a0; font-size: .74rem; }
.hosy-footer .footer-bottom-links { display: flex; align-items: center; gap: 26px; }
.hosy-footer .footer-bottom-links a { color: #59677b; text-decoration: none; }
@media (max-width:767.98px) {
  .hosy-footer .footer-top, .hosy-footer .footer-bottom { flex-direction: column; align-items: flex-start; }
  .hosy-footer .footer-links { flex-wrap: wrap; gap: 15px 23px; padding: 0; }
  .hosy-footer .footer-bottom { gap: 10px; }
  .hosy-footer .footer-bottom-links { flex-wrap: wrap; gap: 12px 24px; }
}