.jotus-showcases,.software-demo{--showcase-ink:#203b39;--showcase-muted:#596b68;--showcase-green:#176e55;--showcase-line:#d8e2db;--showcase-soft:#f1f4ed;color:var(--showcase-ink);background:#edf2eb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.jotus-showcases *,.software-demo *{box-sizing:border-box}.jotus-showcases a,.software-demo a{text-decoration:none}.showcase-width{width:min(1240px,calc(100% - 64px));margin:auto}.showcase-header{position:sticky;top:0;z-index:110;display:flex;align-items:center;justify-content:space-between;padding:16px max(32px,calc((100vw - 1240px)/2));gap:20px;background:#0c1723f5;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff17}.showcase-brand{display:flex;align-items:center;gap:12px;color:#e6eedf;letter-spacing:.08em;font-size:13px;font-weight:700}.showcase-brand img{-o-object-fit:contain;object-fit:contain}.showcase-brand small{display:block;color:#b1c2b7;font-size:9px;letter-spacing:.13em;margin-top:4px}.showcase-header nav{display:flex;align-items:center;gap:26px;font-size:14px}.showcase-header nav>a{color:#e1ebe4}.showcase-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:8px;background:#176e55;color:#f0f5e9!important;font-weight:600;font-size:14px;line-height:1.5;border:1px solid #237e64;transition:background .2s}.showcase-button:hover{background:#105640}.showcase-link{display:inline-block;color:#176e55;font-weight:600;font-size:15px}.showcase-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.showcase-intro{padding-top:48px}.showcase-eyebrow{font-size:11px;letter-spacing:.16em;font-weight:700;color:#39755a}.showcase-intro h1{max-width:910px;font-size:clamp(36px,5.1vw,67px);font-weight:550;line-height:1.09;letter-spacing:-.05em;margin:22px 0}.showcase-intro>p:not(.showcase-note){max-width:810px;font-size:18px;line-height:1.8;color:#526762;margin:0 0 26px}.showcase-note{max-width:900px;font-size:12px;line-height:1.7;color:#60706b;margin:24px 0}.showcase-cover{display:block;position:relative;overflow:hidden;border-radius:18px;border:1px solid #cedccf;background:#dce7dc;box-shadow:0 28px 65px #203b3910}.showcase-cover img{display:block;width:100%;height:auto}.showcase-cover>span{position:absolute;right:20px;bottom:20px;background:#143e32;color:#e6efe5;padding:12px 20px;border-radius:8px;font-size:13px}.showcase-gallery{padding-block:85px}.jotus-showcases h2{font-size:clamp(28px,3.4vw,43px);font-weight:550;line-height:1.17;letter-spacing:-.04em;margin:16px 0 30px}.showcase-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.showcase-gallery-grid figure{margin:0;min-width:0}.showcase-gallery-grid img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid #ccd9ce;background:#e2eadd}.showcase-features h3,.showcase-gallery-grid h3{font-size:19px;font-weight:600;letter-spacing:-.02em;margin:18px 0 10px}.showcase-custom p,.showcase-features p,.showcase-gallery-grid p{font-size:15px;line-height:1.8;color:#596b65}.showcase-custom{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:10px 85px}.showcase-custom ul{margin:24px 0;padding-left:20px;line-height:2;font-size:15px}.showcase-features article{display:flex;gap:20px;border-top:1px solid #cddace;padding:10px 0 16px}.showcase-features article>span{color:#4c806b;font-size:13px;padding-top:22px}.showcase-end{background:#163d33;color:#eef4e8;padding:65px 0}.showcase-end h2{max-width:780px}.showcase-end p{color:#c8d8cd;line-height:1.8;margin-bottom:25px}.showcase-end .showcase-button{background:#c9e6ae;color:#193d2a!important;border:0}.showcase-footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:28px;font-size:13px}.showcase-footer a{color:#3a6151}.jotus-showcases a:focus-visible,.showcase-header a:focus-visible,.software-demo a:focus-visible,.software-demo button:focus-visible{outline:3px solid #81b85e;outline-offset:4px}.software-demo{padding:0 26px 24px;background:#e7eee5}.demo-topbar{max-width:1500px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;font-size:11px;color:#506259}.demo-topbar a{color:#345d48;font-size:12px;font-weight:600}.demo-topbar>span{letter-spacing:.08em}.software-demo button,.software-demo input,.software-demo select,.software-demo textarea{font:inherit}.demo-topbar button{border:0;background:none;color:#345d48;cursor:pointer;font-size:12px}.demo-browser{display:flex;align-items:center;gap:6px;max-width:1500px;margin:auto;padding:11px 20px;border:1px solid #ccd6c9;border-radius:14px 14px 0 0;background:#dfe8dc}.demo-browser>span{width:7px;height:7px;border-radius:50%;background:#9aaa9a}.demo-browser>span:first-child{background:#c2a48f}.demo-browser p{margin:0 0 0 20px;font-size:10px;letter-spacing:.02em;color:#71806e}.demo-shell{display:grid;grid-template-columns:220px minmax(0,1fr);max-width:1500px;margin:auto;min-height:760px;border:1px solid #ccd6c9;border-top:0;border-radius:0 0 14px 14px;overflow:hidden;background:#f0f4ec;box-shadow:0 20px 65px #1b382410}.demo-sidebar{background:#163d33;color:#dce9dd;padding:26px 18px;display:flex;flex-direction:column}.demo-brand{display:flex;align-items:center;gap:10px;color:#ebf0df;line-height:1.3;font-size:14px}.demo-brand img{-o-object-fit:contain;object-fit:contain}.demo-sidebar>small{font-size:8px;letter-spacing:.15em;color:#a2bdae;margin:31px 10px 15px}.demo-sidebar nav{display:flex;flex-direction:column;gap:8px}.demo-sidebar nav button{display:flex;gap:13px;align-items:center;text-align:left;border:0;color:#bdd4c6;background:transparent;border-radius:8px;padding:14px 12px;cursor:pointer;font-size:12px;font-weight:500}.demo-sidebar nav button[aria-current]{background:#c8e3ad;color:#183d2d}.demo-sidebar nav button:hover{box-shadow:inset 0 0 0 1px #749986}.demo-sidebar nav button>span{font-size:18px}.demo-sidebar-bottom{margin-top:auto;display:flex;align-items:center;gap:10px;border-top:1px solid #46665a;padding:25px 8px 0}.demo-avatar{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#386250;font-size:10px}.demo-sidebar-bottom strong{font-size:11px;font-weight:600}.demo-sidebar-bottom small{display:block;font-size:10px;color:#9fbbac;margin-top:4px}.demo-content{padding:34px 36px 18px;min-width:0}.demo-content-header{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:27px}.demo-eyebrow{font-size:9px;letter-spacing:.16em;color:#4c7b60;font-weight:700}.demo-content h1{font-size:clamp(27px,2.6vw,36px);letter-spacing:-.045em;line-height:1.15;font-weight:600;margin:13px 0 12px;color:#203b39}.demo-content-header p{font-size:12px;color:#6a7d6e;line-height:1.7;margin:0;max-width:630px}.demo-chip{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border:1px solid #d3dfcf;border-radius:99px;background:#e5eddd;color:#4a6a4d;padding:6px 10px;font-size:9px;line-height:1.3}.demo-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px}.demo-stats article{background:#e6eddf;border:1px solid #d5dfcf;border-radius:11px;padding:20px 22px}.demo-stats span{font-size:11px;color:#597054}.demo-stats strong{display:block;font-size:30px;font-weight:550;letter-spacing:-.04em;margin:12px 0 8px}.demo-stats small{display:block;font-size:9px;color:#697e63;line-height:1.6}.demo-two-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;align-items:start}.demo-panel{background:#f7f8f2;border:1px solid #d7dfcf;border-radius:12px;padding:24px;min-width:0}.demo-panel h2{font-size:18px;letter-spacing:-.025em;font-weight:600;margin:0 0 14px;color:#203b39}.demo-panel h3{font-size:15px;font-weight:600;color:#345242}.demo-panel p{font-size:12px;line-height:1.8;color:#6c7c68}.demo-panel-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.demo-panel-title h2{margin:0}.demo-chart{display:flex;align-items:end;height:250px;gap:16px;margin-top:25px;padding-top:20px;border-bottom:1px solid #dbe2d3}.demo-chart>div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:13px}.demo-chart span{display:block;width:100%;max-width:45px;background:#8cab78;border-radius:6px 6px 0 0}.demo-chart>div:nth-child(2n) span{background:#bfd3a7}.demo-chart small{font-size:9px;margin-bottom:10px;color:#718468}.demo-list-row{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid #e0e6d9;font-size:12px}.demo-list-row>div{flex:1;min-width:0}.demo-list-row strong{font-size:12px;font-weight:600}.demo-list-row small{display:block;margin-top:5px;font-size:10px;color:#72826b;line-height:1.6}.demo-round-icon{display:grid;place-items:center;flex-shrink:0;width:35px;height:35px;border-radius:10px;background:#e1edd9;color:#507348;font-size:14px}.demo-text-button{border:0;background:transparent;color:#326d4e;font-weight:650!important;padding:14px 0 4px;text-align:left}.demo-button,.demo-text-button{font-size:11px!important;cursor:pointer}.demo-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #236a50;background:#236a50;color:#eff5e7;border-radius:7px;padding:11px 14px;font-weight:600!important;line-height:1.5;min-height:38px}.demo-button:hover{background:#19513c}.demo-button:disabled,.demo-secondary:disabled{background:#dce8d1;color:#46634a;border-color:#c8d8bd;cursor:default}.demo-table-scroll{overflow-x:auto;max-width:100%}.demo-table{border-collapse:collapse;width:100%;text-align:left;font-size:11px}.demo-table th{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#77866f;border-bottom:1px solid #d8e2ce;padding:15px 10px}.demo-table td{padding:21px 10px;border-bottom:1px solid #e1e7d9;color:#56704f}.demo-table strong{color:#2d4737;font-weight:550}.demo-search{font-size:10px;color:#5a7352;max-width:240px}.demo-search input{display:block;background:#edf1e6;border:1px solid #d1ddc5;border-radius:6px;padding:10px 12px;font-size:11px;width:100%;margin-top:5px;color:#2b4333}.demo-subtle{font-size:10px!important;color:#72826b!important}.demo-notice{background:#dceacb;color:#34552c;border:1px solid #b9d2a1;padding:13px 17px;border-radius:8px;font-size:12px;line-height:1.7;margin-bottom:20px}.demo-welcome{position:relative;overflow:hidden;background:#e3ecda;min-height:350px}.demo-welcome h2{font-size:29px;line-height:1.24;max-width:340px;margin-top:21px;letter-spacing:-.04em}.demo-welcome p{max-width:340px}.demo-orbit{display:grid;place-items:center;width:110px;height:110px;border-radius:50%;background:#c2d6af;border:16px solid #d3e3c5;color:#63814e;font-size:30px;margin:20px 0 0 auto}.demo-form{gap:17px}.demo-form,.demo-form label{display:flex;flex-direction:column}.demo-form label{gap:8px;font-size:11px;color:#4e6849}.demo-form input,.demo-form select,.demo-form textarea{width:100%;border:1px solid #cad8bd;border-radius:7px;padding:12px;background:#edf2e5;color:#284231;font-size:12px}.demo-form textarea{min-height:115px;resize:vertical}.demo-form input:focus,.demo-form select:focus,.demo-form textarea:focus,.demo-search input:focus{outline:2px solid #709c56;outline-offset:2px}.demo-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.demo-document{display:flex;align-items:center;gap:14px;width:100%;border:1px solid #d4dfc8;border-radius:8px;background:#edf3e6;text-align:left;padding:19px 15px;color:#46623c;cursor:pointer;margin-top:15px}.demo-document>div{flex:1}.demo-document strong{font-size:12px}.demo-document small{display:block;margin-top:5px;font-size:9px;color:#7b8c71}.demo-document[aria-pressed=true]{border-color:#789a66;background:#e0ebd6}.demo-paper{line-height:1.9}.demo-paper h2{font-size:28px;margin-top:20px;line-height:1.2}.demo-paper p{font-size:13px}.demo-paper blockquote{font-size:17px;margin:25px 0;padding:18px 0 18px 20px;border-left:3px solid #a5c184;color:#45673e}.demo-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.demo-resource h3{font-size:14px;margin:16px 0 7px}.demo-resource p{font-size:11px}.demo-book-cover{min-height:230px;border-radius:6px;background:#d2e2c4;display:flex;flex-direction:column;align-items:start;justify-content:space-between;padding:24px;color:#35583c}.demo-book-cover.sand{background:#e7ddc1;color:#726044}.demo-book-cover.blue{background:#cddedc;color:#355d5e}.demo-book-cover span{font-size:8px;letter-spacing:.16em}.demo-book-cover strong{font-size:28px;line-height:1.12;letter-spacing:-.04em;font-weight:550;max-width:180px}.demo-book-cover small{font-size:7px;letter-spacing:.13em}.demo-secondary{display:block;border:1px solid #c4d3b7;border-radius:7px;padding:10px 14px;background:#e9f0e0;color:#45623b;font-size:11px!important;cursor:pointer;margin:14px 0 24px}.demo-progress-ring{display:flex;flex-direction:column;align-items:center;justify-content:center;border:18px solid #c9dcba;border-radius:50%;width:220px;height:220px;margin:35px auto;color:#38643d}.demo-progress-ring strong{font-size:45px;font-weight:550}.demo-progress-ring span{font-size:8px}.demo-room{padding:17px}.demo-room h2{margin-top:20px}.demo-room .demo-panel-title{flex-wrap:wrap;gap:10px}.demo-room .demo-panel-title>strong{font-size:17px;font-weight:600}.demo-room .demo-panel-title small{font-size:9px;font-weight:400}.demo-room-art{height:205px;position:relative;overflow:hidden;border-radius:7px;background:linear-gradient(170deg,#d8d7c0,#e4e3d1 65%,#a2ad94 66%)}.demo-room-art.garden{background:linear-gradient(170deg,#bdd1bb,#deead3 65%,#839e7c 66%)}.demo-room-art.executive{background:linear-gradient(170deg,#9aafa5,#cfddd2 65%,#6e8b7f 66%)}.demo-room-window{position:absolute;left:16%;top:15%;width:25%;height:42%;background:linear-gradient(150deg,#8ba7a1,#d2e2d3);border:8px solid #ede9d7;box-shadow:5px 7px 16px #263d3322}.demo-room-bed{position:absolute;width:65%;height:27%;bottom:17%;right:10%;background:#f0efdf;border-radius:12px 12px 3px 3px;box-shadow:0 13px 0 #7f8c77,0 20px 20px #14322b28;transform:skewX(-10deg);border-top:24px solid #f8f4df}.demo-room-art>span{position:absolute;top:10px;right:10px;font-size:7px;letter-spacing:.12em;color:#456255}.demo-total{display:flex;justify-content:space-between;align-items:center;padding:17px 0;border-block:1px solid #d9e3cf;font-size:12px}.demo-total strong{font-size:25px;font-weight:550}.demo-empty{text-align:center;padding:70px 20px;color:#69865a}.demo-empty>span{font-size:48px;color:#a7bc94}.demo-booking-confirmation{padding:20px;margin-top:20px;background:#e5eedc;border:1px solid #c7d9b5;border-radius:8px}.demo-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-top:25px}.demo-calendar>strong{font-size:9px;color:#6b8060;text-align:center;padding:7px}.demo-calendar>div{min-height:70px;padding:12px;background:#edf2e5;border:1px solid #d9e2cd;border-radius:6px}.demo-calendar strong{font-size:13px;font-weight:500}.demo-calendar small{display:block;font-size:8px;color:#768c6c;margin-top:12px}.demo-calendar .demo-calendar-selected{background:#d6e6bf;border-color:#aac78e}.demo-corporate{border:1px solid #cbd7bd;border-radius:12px;overflow:hidden;background:#f5f2e6}.demo-corporate-nav{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 30px;border-bottom:1px solid #d8ddc7;color:#425442}.demo-corporate-nav>strong{font-size:14px;letter-spacing:.17em}.demo-corporate-nav strong span{display:block;font-size:7px;font-weight:500;letter-spacing:.35em;margin-top:5px}.demo-corporate-nav>span{font-size:10px}.demo-corporate-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:35px;padding:45px 30px 35px;align-items:center}.demo-corporate-hero h2{font-size:clamp(26px,3.4vw,46px);line-height:1.1;letter-spacing:-.055em;font-weight:550;margin:23px 0;color:#244232}.demo-corporate-hero em{font-family:Georgia,serif;font-weight:400;color:#77905c}.demo-corporate-hero p{font-size:12px;line-height:1.9;color:#6c795f;margin-bottom:22px}.demo-corporate-art{height:330px;border-radius:140px 140px 8px 8px;background:#d0debb;position:relative;overflow:hidden;display:flex;gap:10px;justify-content:center;align-items:end;padding:40px 25px 50px}.demo-corporate-art>div{background:#8ca677;width:25%;height:40%;border-radius:60px 60px 0 0}.demo-corporate-art>div:nth-of-type(2){height:65%;background:#6c885e}.demo-corporate-art>div:nth-of-type(3){height:90%;background:#3e684c}.demo-corporate-art>span{position:absolute;top:35px;left:30px;font-size:16px;color:#658151}.demo-corporate-art>p{position:absolute;bottom:14px;left:25px;font-size:8px;letter-spacing:.18em}.demo-corporate-strip{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:20px 30px;border-top:1px solid #d9dfc9;font-size:10px;color:#788165}.demo-corporate>.demo-panel,.demo-corporate>.demo-two-columns{margin:25px}.demo-service{background:#e9eede;border:1px solid #d6dec6;padding:24px 20px;border-radius:8px;margin-top:25px}.demo-service>span{font-size:12px;color:#8b9f79}.demo-service h3{font-size:20px;margin-top:28px;letter-spacing:-.03em}.demo-legacy{padding:24px;border:3px double #8b9985;background:#eeefe3;color:#344330;font-family:Arial,sans-serif;font-size:12px;min-height:470px}.demo-legacy-heading{background:#bec9ae;padding:15px;border:1px solid #8b9f7d;font-weight:700}.demo-legacy-menu{margin-top:12px;padding:10px;background:#d4dac8;border:1px solid #a2af93;font-size:10px}.demo-legacy h2{margin-top:30px;font-size:18px;font-weight:700}.demo-legacy .demo-table{border:1px solid #9baa8c;background:#f2f3e9}.demo-legacy .demo-table td,.demo-legacy .demo-table th{border:1px solid #a7b398;padding:17px 12px}.demo-legacy .demo-chip{border:0;background:transparent;padding:0;color:#4e6143;border-radius:0;font-size:11px}.demo-legacy>button{padding:7px 12px;background:#d0d7c3;border:2px outset #9fae8e;font-size:11px;cursor:pointer}.demo-welcome ul{padding-left:17px;font-size:12px;color:#5b7751;line-height:2.2}.demo-powered{justify-content:space-between;gap:16px;padding-top:27px;font-size:9px;color:#7b8b70;margin-top:18px}.demo-powered,.demo-powered>a{display:flex;align-items:center}.demo-powered>a{color:#5b7d4c;gap:7px}.demo-powered img{-o-object-fit:contain;object-fit:contain}.demo-powered>a:last-child{font-weight:600}@media(min-width:1500px){.demo-content{padding:42px 45px 24px}.demo-panel{padding:28px}.demo-shell{min-height:820px}.demo-stats article{padding:25px}.demo-chart{height:290px}}@media(max-width:1000px){.demo-shell{grid-template-columns:185px minmax(0,1fr)}.demo-content{padding:26px 22px 16px}.demo-two-columns{grid-template-columns:1fr}.demo-resource-grid{gap:13px}.demo-panel{padding:18px}.demo-list-row{flex-wrap:wrap}.demo-topbar>span{font-size:9px}.showcase-custom{gap:35px}.demo-content-header>.demo-chip{display:none}.demo-corporate-hero{gap:20px}.demo-book-cover{padding:18px}.demo-book-cover strong{font-size:23px}}@media(max-width:760px){.showcase-width{width:calc(100% - 36px)}.showcase-header{padding:12px 18px}.showcase-brand{font-size:10px;letter-spacing:.04em}.showcase-brand small{display:none}.showcase-brand img{width:34px;height:34px}.showcase-header nav{gap:10px}.showcase-header nav>a:first-child{display:none}.showcase-header .showcase-button{font-size:10px;padding:10px 12px}.showcase-intro{padding-top:28px}.showcase-intro>p:not(.showcase-note){font-size:16px}.showcase-gallery{padding-block:50px}.showcase-custom,.showcase-gallery-grid{grid-template-columns:1fr;gap:30px}.showcase-custom{padding-bottom:50px}.showcase-cover>span{font-size:10px;padding:8px 12px;right:10px;bottom:10px}.showcase-actions{gap:18px}.showcase-footer{font-size:11px}.software-demo{padding:0 10px 12px}.demo-topbar{min-height:54px;gap:10px}.demo-topbar>span{display:none}.demo-browser{padding:10px 14px}.demo-browser p{font-size:8px;margin-left:10px}.demo-shell{display:block;min-height:0}.demo-sidebar{padding:16px}.demo-brand{font-size:13px}.demo-sidebar-bottom,.demo-sidebar>small{display:none}.demo-sidebar nav{flex-direction:row;margin-top:15px;gap:7px;overflow-x:auto;padding-bottom:3px}.demo-sidebar nav button{padding:10px 12px;white-space:nowrap;font-size:10px;flex-shrink:0}.demo-sidebar nav button span{font-size:13px}.demo-content{padding:24px 16px 16px}.demo-content h1{font-size:27px}.demo-content-header p{font-size:11px}.demo-stats{gap:8px}.demo-stats article{padding:12px 10px}.demo-stats span{font-size:9px}.demo-stats strong{font-size:22px;margin:10px 0}.demo-stats small{font-size:8px}.demo-resource-grid{grid-template-columns:1fr}.demo-book-cover{min-height:230px}.demo-book-cover strong{font-size:32px;max-width:230px}.demo-panel-title{flex-wrap:wrap}.demo-search{width:100%;max-width:none}.demo-chart{gap:10px;height:190px}.demo-table{min-width:440px}.demo-form-row{grid-template-columns:1fr}.demo-calendar{gap:3px}.demo-calendar>div{padding:8px 4px;min-height:50px}.demo-calendar>strong{font-size:8px;padding:4px 0}.demo-calendar small{font-size:7px}.demo-calendar strong{font-size:11px}.demo-corporate-hero{grid-template-columns:1fr;padding:28px 20px}.demo-corporate-hero h2{font-size:35px}.demo-corporate-art{height:230px;max-width:280px;width:100%;margin:auto}.demo-corporate-nav{padding:20px}.demo-corporate-nav>span{display:none}.demo-corporate>.demo-panel,.demo-corporate>.demo-two-columns{margin:12px}.demo-corporate-strip{padding:18px 20px;font-size:9px}.demo-welcome{min-height:310px}.demo-powered{flex-wrap:wrap;font-size:9px;gap:12px}.demo-powered>span{order:3;width:100%}.demo-powered>a:last-child{font-size:9px}.demo-legacy{padding:12px}.demo-legacy-heading{font-size:10px}.demo-empty{padding:40px 10px}}.demo-business-systems{background:#dae2ef;color:#172c49}.demo-business-systems .demo-shell{background:#edf1f8;grid-template-columns:208px 1fr}.demo-business-systems .demo-sidebar{background:#112344}.demo-business-systems .demo-sidebar nav button[aria-current]{background:#65d5eb;color:#122b47}.demo-business-systems .demo-brand{color:#e6f0ff}.demo-business-systems .demo-browser{background:#cbd7e8;border-color:#b6c7dd}.demo-business-systems .demo-content h1,.demo-business-systems .demo-panel h2{color:#173053}.demo-business-systems .demo-eyebrow{color:#447ca9}.demo-business-systems .demo-stats article{background:#dfebf5;border-color:#c2d6e9;border-radius:6px;border-top:3px solid #45afc9}.demo-business-systems .demo-stats strong{color:#14385c}.demo-business-systems .demo-panel{background:#f6f8fc;border-color:#cad7e7;border-radius:7px}.demo-business-systems .demo-chart span{background:#349abb}.demo-business-systems .demo-chart>div:nth-child(2n) span{background:#9adce8}.demo-business-systems .demo-chip,.demo-business-systems .demo-round-icon{background:#dceef5;border-color:#b9d5e2;color:#35667f}.demo-business-systems .demo-button{background:#1c527a;border-color:#1c527a}.demo-business-systems .demo-content{padding-top:32px}.demo-business-systems .demo-table td{color:#526681}.demo-business-systems .demo-powered>a,.demo-business-systems .demo-text-button{color:#326b98}.demo-business-systems .demo-sidebar-bottom{border-color:#415575}.demo-business-systems .demo-avatar{background:#2d476c}.demo-customer-staff-portals{background:#eee2eb;color:#553c55}.demo-customer-staff-portals .demo-browser{background:#e5d8e4;border-color:#d5c1d3}.demo-customer-staff-portals .demo-shell{display:block;background:#f6eef3}.demo-customer-staff-portals .demo-sidebar{padding:16px 30px;background:#573658;display:flex;flex-direction:row;align-items:center;gap:28px}.demo-customer-staff-portals .demo-sidebar-bottom,.demo-customer-staff-portals .demo-sidebar>small{display:none}.demo-customer-staff-portals .demo-sidebar nav{flex-direction:row;gap:10px;margin-left:auto}.demo-customer-staff-portals .demo-sidebar nav button{color:#dfcbe0}.demo-customer-staff-portals .demo-sidebar nav button[aria-current]{background:#edc7dc;color:#603b59}.demo-customer-staff-portals .demo-brand{color:#f2e8ef}.demo-customer-staff-portals .demo-content{padding:30px 40px}.demo-customer-staff-portals .demo-content h1,.demo-customer-staff-portals .demo-panel h2{color:#54364f}.demo-customer-staff-portals .demo-eyebrow{color:#996889}.demo-customer-staff-portals .demo-stats article{background:#f0e0eb;border-color:#e2c7d9;border-radius:16px}.demo-customer-staff-portals .demo-stats small,.demo-customer-staff-portals .demo-stats span{color:#8f6c85}.demo-customer-staff-portals .demo-panel{background:#faf4f7;border-color:#e6d4e0;border-radius:18px}.demo-customer-staff-portals .demo-welcome{background:linear-gradient(130deg,#e6cede,#f4e2e7)}.demo-customer-staff-portals .demo-orbit{background:#d3acce;border-color:#e4cae0;color:#8e5d87}.demo-customer-staff-portals .demo-chip,.demo-customer-staff-portals .demo-round-icon{background:#f0e0ec;border-color:#dfc3d8;color:#8d6481}.demo-customer-staff-portals .demo-button{background:#875278;border-color:#875278;border-radius:99px}.demo-customer-staff-portals .demo-powered>a,.demo-customer-staff-portals .demo-text-button{color:#8b527c}.demo-customer-staff-portals .demo-list-row{border-color:#e9d9e3}.demo-customer-staff-portals .demo-list-row strong{color:#6d4a62}.demo-customer-staff-portals .demo-list-row small,.demo-customer-staff-portals .demo-panel p{color:#8c7585}.demo-customer-staff-portals .demo-form input,.demo-customer-staff-portals .demo-form select,.demo-customer-staff-portals .demo-form textarea{background:#f4e9f0;border-color:#dcbfd3;color:#674a5f}.demo-customer-staff-portals .demo-document{background:#f0e3ed;border-color:#dec5d8;color:#7c5a73}.demo-custom-web-applications{background:#eae2d2;color:#5c492f}.demo-custom-web-applications .demo-browser{background:#e7dcc4;border-color:#d3c39e}.demo-custom-web-applications .demo-shell{grid-template-columns:175px 1fr;background:#f6f0e2}.demo-custom-web-applications .demo-sidebar{background:#34291f;color:#e6d5b6}.demo-custom-web-applications .demo-brand{color:#f4dfb8;font-family:Georgia,serif;font-size:18px}.demo-custom-web-applications .demo-sidebar nav button[aria-current]{background:#e4b25b;color:#463015}.demo-custom-web-applications .demo-sidebar nav button{color:#c8ad87}.demo-custom-web-applications .demo-content h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-.035em;color:#50402c;font-size:40px}.demo-custom-web-applications .demo-eyebrow{color:#9b732e}.demo-custom-web-applications .demo-stats article{background:transparent;border:0;border-left:2px solid #ccb88a;border-radius:0;padding:8px 24px}.demo-custom-web-applications .demo-stats strong{color:#76572c}.demo-custom-web-applications .demo-stats small,.demo-custom-web-applications .demo-stats span{color:#9b8358}.demo-custom-web-applications .demo-panel{background:#faf5e9;border-color:#dfd0ad;border-radius:3px}.demo-custom-web-applications .demo-panel h2,.demo-custom-web-applications .demo-resource h3{font-family:Georgia,serif;font-weight:400;color:#5a432a}.demo-custom-web-applications .demo-book-cover{background:#c58339;color:#fff1cf;border-radius:2px;box-shadow:8px 8px 0 #ddcbae;border-left:7px solid #9a5e28;min-height:250px}.demo-custom-web-applications .demo-book-cover.sand{background:#604b39;color:#f0dec0;border-left-color:#443326}.demo-custom-web-applications .demo-book-cover.blue{background:#6c7773;color:#f2eedb;border-left-color:#505d56}.demo-custom-web-applications .demo-book-cover strong{font-family:Georgia,serif;font-weight:400;font-size:32px;letter-spacing:-.04em}.demo-custom-web-applications .demo-chip{background:#efe2c3;border-color:#d9c398;color:#8c703a}.demo-custom-web-applications .demo-button{background:#b07932;border-color:#b07932;border-radius:2px}.demo-custom-web-applications .demo-powered>a,.demo-custom-web-applications .demo-text-button{color:#a67432}.demo-custom-web-applications .demo-panel p{color:#8e7958}.demo-custom-web-applications .demo-search input{background:#f1e8d3;border-color:#d3bf95}.demo-custom-web-applications .demo-sidebar-bottom{border-color:#665341}.demo-custom-web-applications .demo-avatar{background:#695038}.demo-booking-reservations{background:#eae5dc;color:#504330}.demo-booking-reservations .demo-browser{background:#ded6c8;border-color:#c9bea9}.demo-booking-reservations .demo-shell{display:block;background:#f5f0e7}.demo-booking-reservations .demo-sidebar{flex-direction:row;align-items:center;gap:35px;padding:20px 36px;background:#273338}.demo-booking-reservations .demo-sidebar-bottom,.demo-booking-reservations .demo-sidebar>small{display:none}.demo-booking-reservations .demo-brand{font-family:Georgia,serif;font-size:23px;color:#f4e5c4;font-weight:400}.demo-booking-reservations .demo-sidebar nav{margin-left:auto;flex-direction:row;gap:12px}.demo-booking-reservations .demo-sidebar nav button[aria-current]{background:#c8a56b;color:#2b3334}.demo-booking-reservations .demo-content h1{font-family:Georgia,serif;font-weight:400;color:#655238;letter-spacing:-.035em;font-size:40px}.demo-booking-reservations .demo-eyebrow{color:#9e8050}.demo-booking-reservations .demo-stats article{border:0;border-bottom:1px solid #d3c7ad;border-radius:0;background:transparent;padding:12px 22px}.demo-booking-reservations .demo-stats strong{font-family:Georgia,serif;font-weight:400;color:#715a36}.demo-booking-reservations .demo-stats small,.demo-booking-reservations .demo-stats span{color:#978263}.demo-booking-reservations .demo-panel{background:#fbf7ed;border-color:#dcd0ba;border-radius:0}.demo-booking-reservations .demo-room{padding:0 0 22px}.demo-booking-reservations .demo-room>.demo-panel-title,.demo-booking-reservations .demo-room>h2,.demo-booking-reservations .demo-room>p{margin-left:22px;margin-right:22px}.demo-booking-reservations .demo-room h2{font-family:Georgia,serif;font-weight:400;font-size:24px;color:#6e5433}.demo-booking-reservations .demo-room-art{border-radius:0;height:220px;background:linear-gradient(170deg,#d9bba0,#ead8c4 65%,#9f7e65 66%)}.demo-booking-reservations .demo-room-art.garden{background:linear-gradient(170deg,#bcbba0,#e5e0cd 65%,#8e987e 66%)}.demo-booking-reservations .demo-room-art.executive{background:linear-gradient(170deg,#a8b9c2,#d9dfe2 65%,#7a8b95 66%)}.demo-booking-reservations .demo-button{background:#997947;border-color:#997947;border-radius:2px}.demo-booking-reservations .demo-chip{background:#eee3ce;border-color:#d7c39c;color:#907549}.demo-booking-reservations .demo-powered>a,.demo-booking-reservations .demo-text-button{color:#997747}.demo-booking-reservations .demo-form input,.demo-booking-reservations .demo-form select,.demo-booking-reservations .demo-form textarea{background:#f2ecdf;border-color:#d7c8aa;color:#6a5537}.demo-booking-reservations .demo-calendar>div{background:#f2ebdc;border-color:#e0d1b4}.demo-booking-reservations .demo-calendar .demo-calendar-selected{background:#e3cca2;border-color:#b9985d}.demo-business-websites{background:#e4e1dd;color:#302c29}.demo-business-websites .demo-browser{background:#d8d5cf;border-color:#c5c1b7}.demo-business-websites .demo-shell{display:block;background:#f3f0e9}.demo-business-websites .demo-sidebar{flex-direction:row;align-items:center;padding:13px 32px;background:#252323}.demo-business-websites .demo-sidebar-bottom,.demo-business-websites .demo-sidebar>small{display:none}.demo-business-websites .demo-brand{color:#e9e1d5;font-size:13px;letter-spacing:.03em}.demo-business-websites .demo-sidebar nav{flex-direction:row;margin-left:auto;gap:12px}.demo-business-websites .demo-sidebar nav button[aria-current]{background:#ec886b;color:#33241e}.demo-business-websites .demo-content{padding:26px 34px}.demo-business-websites .demo-content-header{margin-bottom:20px}.demo-business-websites .demo-content h1{color:#3b3330}.demo-business-websites .demo-eyebrow{color:#af6955}.demo-business-websites .demo-content-header p{color:#82746d}.demo-business-websites .demo-chip{background:#e8e0d8;border-color:#d8cabe;color:#867368}.demo-business-websites .demo-corporate{background:#eee9df;border-color:#cec4b6;border-radius:0}.demo-business-websites .demo-corporate-nav{border-color:#d7cbbd;color:#39332d}.demo-business-websites .demo-corporate-nav>strong{font-family:Georgia,serif;font-size:20px;font-weight:400;letter-spacing:.12em}.demo-business-websites .demo-corporate-hero{grid-template-columns:1.1fr 1fr;padding:38px 40px;gap:40px}.demo-business-websites .demo-corporate-hero h2{font-size:59px;font-weight:500;color:#34302c;max-width:690px}.demo-business-websites .demo-corporate-hero em{color:#bc6e56}.demo-business-websites .demo-corporate-hero p{color:#817366;max-width:550px}.demo-business-websites .demo-corporate-art{border-radius:0;background:#d5c5b3;height:330px;padding-bottom:50px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.demo-business-websites .demo-corporate-art>div{background:#dc947e;border-radius:0;height:40%;transform:skewY(-12deg)}.demo-business-websites .demo-corporate-art>div:nth-of-type(2){background:#b66855}.demo-business-websites .demo-corporate-art>div:nth-of-type(3){background:#694b40}.demo-business-websites .demo-corporate-art>p,.demo-business-websites .demo-corporate-art>span{color:#765549}.demo-business-websites .demo-button{background:#34302c;border-color:#34302c;border-radius:0}.demo-business-websites .demo-corporate-strip{border-color:#d0c4b4;color:#8a7867}.demo-business-websites .demo-panel{background:#f7f1e7;border-color:#d8c8b3;border-radius:0}.demo-business-websites .demo-welcome{background:#e5d5c7}.demo-business-websites .demo-service{background:#eadfce;border-color:#d1bea8;border-radius:0}.demo-business-websites .demo-powered>a,.demo-business-websites .demo-text-button{color:#a3614b}.demo-business-websites .demo-form input,.demo-business-websites .demo-form textarea{background:#efe6d8;border-color:#ccb99f;color:#5c4c3b}.demo-modernisation-support{background:#e1e6f4;color:#273c72}.demo-modernisation-support .demo-browser{background:#d5ddf1;border-color:#bfcbea}.demo-modernisation-support .demo-shell{display:block;background:#eef2fb}.demo-modernisation-support .demo-sidebar{padding:17px 32px;flex-direction:row;align-items:center;background:#294fa3;gap:24px}.demo-modernisation-support .demo-sidebar-bottom,.demo-modernisation-support .demo-sidebar>small{display:none}.demo-modernisation-support .demo-brand{color:#eef4ff;font-size:14px}.demo-modernisation-support .demo-sidebar nav{flex-direction:row;margin-left:auto;gap:10px}.demo-modernisation-support .demo-sidebar nav button{color:#d6e4ff}.demo-modernisation-support .demo-sidebar nav button[aria-current]{background:#dbe9ff;color:#2b4b91}.demo-modernisation-support .demo-content h1,.demo-modernisation-support .demo-panel h2{color:#294b87}.demo-modernisation-support .demo-eyebrow{color:#6483b8}.demo-modernisation-support .demo-stats article{background:#dfe8fc;border-color:#c4d4f6;border-radius:8px}.demo-modernisation-support .demo-stats strong{color:#3158a3}.demo-modernisation-support .demo-stats small,.demo-modernisation-support .demo-stats span{color:#6b83ad}.demo-modernisation-support .demo-panel{background:#f8faff;border-color:#cfdbf3;border-radius:9px}.demo-modernisation-support .demo-chip,.demo-modernisation-support .demo-round-icon{background:#e0eafb;border-color:#bfd3f4;color:#5b7baa}.demo-modernisation-support .demo-welcome{background:linear-gradient(130deg,#dbe6fa,#e9effc)}.demo-modernisation-support .demo-welcome ul{color:#5e7aa6}.demo-modernisation-support .demo-table td{color:#6880a6}.demo-modernisation-support .demo-table th{color:#7a90b5}.demo-modernisation-support .demo-powered>a,.demo-modernisation-support .demo-text-button{color:#3560ab}.demo-modernisation-support .demo-list-row{border-color:#d6e2f7}@media(max-width:1000px){.demo-business-websites .demo-corporate-hero h2{font-size:44px}}@media(max-width:760px){.demo-business-systems .demo-shell,.demo-custom-web-applications .demo-shell{display:block}.demo-booking-reservations .demo-sidebar,.demo-business-websites .demo-sidebar,.demo-customer-staff-portals .demo-sidebar,.demo-modernisation-support .demo-sidebar{padding:16px;display:block}.demo-booking-reservations .demo-sidebar nav,.demo-business-websites .demo-sidebar nav,.demo-customer-staff-portals .demo-sidebar nav,.demo-modernisation-support .demo-sidebar nav{margin:15px 0 0;gap:7px}.demo-business-websites .demo-content,.demo-customer-staff-portals .demo-content{padding:24px 16px}.demo-booking-reservations .demo-content h1,.demo-custom-web-applications .demo-content h1{font-size:30px}.demo-business-websites .demo-corporate-hero{grid-template-columns:1fr;padding:28px 20px}.demo-business-websites .demo-corporate-hero h2{font-size:38px}.demo-business-websites .demo-corporate-art{height:220px}.demo-booking-reservations .demo-stats article,.demo-custom-web-applications .demo-stats article{padding:9px}.demo-custom-web-applications .demo-book-cover{min-height:240px}}.software-demo{padding-bottom:26px}.software-demo button{transition:background .18s,transform .18s,box-shadow .18s}.software-demo button:active{transform:translateY(1px)}.software-demo .demo-panel{box-shadow:0 8px 25px #132c4810}.software-demo .demo-content-header h1{letter-spacing:-.045em}.software-demo .demo-content-header p{font-size:13px;line-height:1.7;color:#596b75}.software-demo .demo-panel p{line-height:1.8}.software-demo .demo-content{min-width:0}.demo-top-actions{display:flex;gap:16px;align-items:center}.demo-top-actions button:first-child{border:1px solid #65758555;border-radius:6px;padding:6px 12px}.demo-user{display:flex;align-items:center;gap:10px;flex-shrink:0}.demo-user strong{display:block;font-size:11px}.demo-user small{display:block;font-size:10px;margin-top:4px;color:#71818c}.demo-user .demo-avatar{background:#dae3ed;color:#263e5b}.demo-feature-banner{display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(115deg,#102545,#1e4770);border:1px solid #ffffff26;border-radius:12px;padding:27px 32px;margin:0 0 24px;overflow:hidden;position:relative;color:#eef4ff}.demo-feature-banner h2{font-size:28px;font-weight:500;line-height:1.2;letter-spacing:-.03em;margin:10px 0}.demo-feature-banner p{font-size:12px;color:#acbfd6}.demo-feature-banner .demo-eyebrow{color:#d5b67b}.demo-feature-banner .demo-button{background:#d7b77b;border-color:#d7b77b;color:#17283e;font-size:11px}.demo-banner-motif{width:180px;height:180px;border-radius:50%;border-color:#dab97d #dab97d #ffffff12 #ffffff12;border-style:solid;border-width:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-20deg);flex-shrink:0}.demo-banner-motif span{font-size:55px;letter-spacing:-.06em;transform:rotate(20deg)}.demo-banner-motif small{font-size:22px}.demo-banner-motif p{font-size:8px;letter-spacing:.13em;transform:rotate(20deg)}.demo-business-systems{background:#dde4ec}.demo-business-systems .demo-sidebar{background:#10233e}.demo-business-systems .demo-sidebar nav button[aria-current]{background:#d9bc84;color:#172d4a}.demo-business-systems .demo-shell{background:#edf1f6}.demo-business-systems .demo-content-header{padding:18px 20px;background:#f9fafc;border:1px solid #d6dfeb;border-radius:12px;margin-bottom:20px}.demo-business-systems .demo-content-header h1{font-size:30px}.demo-business-systems .demo-stats article{background:#f8f9fc;border-radius:10px;border-top:0;position:relative;padding:18px 22px;box-shadow:0 6px 20px #132a4210}.demo-business-systems .demo-stats article:after{content:"↗";position:absolute;right:18px;top:17px;color:#9a7840}.demo-business-systems .demo-panel{background:#fafbfd;border-radius:12px}.demo-business-systems .demo-chart span{background:linear-gradient(#c8a15c,#e0c793);border-radius:6px 6px 0 0}.demo-business-systems .demo-chart>div:nth-child(2n) span{background:linear-gradient(#254d7a,#6391bb)}.demo-business-systems .demo-chart{height:180px}.demo-business-systems .demo-table tbody tr:nth-child(2n){background:#edf2f8}.demo-business-systems .demo-chip{color:#264867}.demo-business-systems .demo-stats small{color:#607386}.demo-customer-staff-portals{background:#dce9e5;color:#143e40}.demo-customer-staff-portals .demo-browser{background:#d1e1da;border-color:#b8d1c9}.demo-customer-staff-portals .demo-shell{background:#eef4ef}.demo-customer-staff-portals .demo-sidebar{background:#103b3e}.demo-customer-staff-portals .demo-brand{color:#eff7ed}.demo-customer-staff-portals .demo-sidebar nav button{color:#c4dcd5}.demo-customer-staff-portals .demo-sidebar nav button[aria-current]{background:#b9dec8;color:#173f3d}.demo-customer-staff-portals .demo-content h1,.demo-customer-staff-portals .demo-panel h2{color:#183e3e}.demo-customer-staff-portals .demo-eyebrow{color:#467a6e}.demo-customer-staff-portals .demo-stats article{background:#e2eee7;border-color:#bfd4c9}.demo-customer-staff-portals .demo-stats small,.demo-customer-staff-portals .demo-stats span{color:#55786b}.demo-customer-staff-portals .demo-stats strong{color:#1b4d43}.demo-customer-staff-portals .demo-panel{background:#f8faf3;border-color:#cddbd0}.demo-customer-staff-portals .demo-welcome{background:radial-gradient(circle at 90% 100%,#578572 0,transparent 50%),linear-gradient(120deg,#0b3639,#205651);color:#ecf6ec;min-height:340px}.demo-customer-staff-portals .demo-welcome h2{color:#f1f7ed;font-size:42px;font-weight:500;line-height:1.1}.demo-customer-staff-portals .demo-welcome p{color:#bdd7cd;max-width:270px}.demo-customer-staff-portals .demo-welcome .demo-eyebrow{color:#a2d2b6}.demo-customer-staff-portals .demo-orbit{background:#a6d5b5;border:12px solid #d1eddd22;color:#123d35;box-shadow:0 0 0 25px #ffffff08}.demo-customer-staff-portals .demo-chip,.demo-customer-staff-portals .demo-round-icon{background:#e0eee3;border-color:#bdd3c0;color:#365f4e}.demo-customer-staff-portals .demo-button{background:#147467;border-color:#147467;color:#f5faf4}.demo-customer-staff-portals .demo-welcome .demo-button{background:#b8dec1;color:#143b36;border-color:#b8dec1}.demo-customer-staff-portals .demo-powered>a,.demo-customer-staff-portals .demo-text-button{color:#246859}.demo-customer-staff-portals .demo-list-row{border-color:#d7e2d7}.demo-customer-staff-portals .demo-list-row strong{color:#294e45}.demo-customer-staff-portals .demo-list-row small,.demo-customer-staff-portals .demo-panel p{color:#537265}.demo-customer-staff-portals .demo-form input,.demo-customer-staff-portals .demo-form select,.demo-customer-staff-portals .demo-form textarea{background:#eef4eb;border-color:#b7cfbf;color:#28493c}.demo-customer-staff-portals .demo-document{background:#eaf2e8;border-color:#c0d5c3;color:#365748}.demo-library-intro{padding:12px 12px 25px;margin-bottom:20px;border-bottom:1px solid #d0bd96;position:relative}.demo-library-intro>span{font-size:9px;letter-spacing:.2em;color:#90652d}.demo-custom-web-applications .demo-library-intro h2{font-size:52px;line-height:1.05;letter-spacing:-.045em;margin:18px 0 12px}.demo-library-intro h2 em{color:#aa7430}.demo-library-intro:after{content:"✳";position:absolute;top:8px;font-size:145px;line-height:1.2;color:#b88c52;opacity:.65}.demo-custom-web-applications .demo-library-intro p{color:#6c583b;font-size:13px}.demo-custom-web-applications .demo-content h1{font-size:35px}.demo-custom-web-applications .demo-panel p{color:#6b593c}.demo-custom-web-applications .demo-book-cover{min-height:220px;position:relative;overflow:hidden;box-shadow:5px 5px 0 #e1d4b9,8px 8px 18px #4c392d1c}.demo-book-cover:after{content:"◌";position:absolute;right:-25px;bottom:4px;font-size:145px;line-height:1;color:#fff9df26;pointer-events:none}.demo-custom-web-applications .demo-book-cover strong{position:relative;z-index:1;font-size:29px}.demo-custom-web-applications .demo-stats small,.demo-custom-web-applications .demo-stats span{color:#75603e}.demo-custom-web-applications .demo-resource h3{font-size:21px}.demo-custom-web-applications .demo-search input{color:#584326}.demo-booking-reservations .demo-content-header{margin-bottom:12px}.demo-booking-reservations .demo-content h1{font-size:30px}.demo-booking-reservations .demo-stats{margin-bottom:18px}.demo-booking-reservations .demo-stats strong{font-size:26px;margin:6px 0}.demo-booking-reservations .demo-stats small,.demo-booking-reservations .demo-stats span{color:#796449}.demo-hotel-hero{position:relative;min-height:365px;margin:0 0 25px;background:linear-gradient(90deg,#142522ee,#14252290 43%,transparent 72%),url(/images/jotus/demo-hotel-interior.webp) center 55%/cover;color:#f4ead8;padding:32px 40px;display:flex;align-items:center}.demo-hotel-hero h2{font-family:Georgia,serif;font-size:57px;font-weight:400;line-height:1.02;letter-spacing:-.04em;margin:19px 0}.demo-hotel-hero em{color:#d8bd87}.demo-hotel-hero p{font-size:12px;color:#e0d4bd}.demo-hotel-hero .demo-eyebrow{color:#c7b58e;font-size:8px}.demo-hotel-hero .demo-button{background:#dfc9a2;color:#2c302a;border:0;margin-top:10px}.demo-hotel-hero>span{position:absolute;right:20px;bottom:18px;font-size:8px;letter-spacing:.2em;background:#192b2790;padding:8px 12px}.demo-booking-reservations .demo-room-art{height:180px;position:relative;overflow:hidden;background:#c7b298}.demo-room-art img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.demo-room-art.garden img{-o-object-position:75% 50%;object-position:75% 50%;transform:scale(1.3)}.demo-room-art.executive img{-o-object-position:15% 50%;object-position:15% 50%;transform:scale(1.2)}.demo-booking-reservations .demo-room-art span{position:absolute;bottom:12px;left:15px;background:#24332de0;color:#f2e4c9;padding:7px 10px;font-size:8px;letter-spacing:.12em}.demo-booking-reservations .demo-panel p{color:#72614a}.demo-booking-reservations .demo-room>.demo-panel-title{align-items:start;flex-wrap:wrap;gap:12px}.demo-booking-reservations .demo-room .demo-button{font-size:10px;padding:10px 15px}.demo-business-websites .demo-content-header{display:none}.demo-business-websites .demo-sidebar{background:#23272b}.demo-business-websites .demo-corporate-nav>span{color:#786d64}.demo-business-websites .demo-corporate-hero{padding:45px 35px;gap:28px}.demo-business-websites .demo-corporate-hero h2{font-size:61px;line-height:1.04}.demo-business-websites .demo-corporate-hero p{font-size:13px;color:#655d53}.demo-business-websites .demo-corporate-art{height:420px;max-width:none;padding:0;background:#172735;clip-path:none}.demo-corporate-art img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:65% 50%;object-position:65% 50%}.demo-business-websites .demo-corporate-art>span{top:auto;bottom:18px;left:18px;background:#1d262be0;color:#ead9c0;font-size:9px;letter-spacing:.14em;padding:12px}.demo-business-websites .demo-corporate-strip{background:#2b3033;color:#d3c9bc;padding-block:22px}.demo-business-websites .demo-service{border-top:3px solid #c98268;background:#e8ddcd}.demo-business-websites .demo-panel p{color:#6d5e50}.demo-business-websites .demo-corporate-nav{padding-block:22px}.demo-business-websites .demo-powered>a{color:#88503f}.demo-modernisation-support .demo-sidebar{background:#172c5b}.demo-modernisation-support .demo-content-header{background:#dfe8fa;border:1px solid #c4d1ec;padding:24px;border-radius:12px}.demo-modernisation-support .demo-panel h2{color:#203f78}.demo-modernisation-support .demo-list-row small,.demo-modernisation-support .demo-panel p{color:#52678b}.demo-modernisation-support .demo-welcome{background:linear-gradient(135deg,#143578,#3165bc);color:#f2f6ff}.demo-modernisation-support .demo-welcome h2{color:#f0f6ff}.demo-modernisation-support .demo-welcome ul{color:#d4e2ff}.demo-modernisation-support .demo-welcome .demo-eyebrow{color:#adc9fd}.demo-modernisation-support .demo-stats small,.demo-modernisation-support .demo-stats span{color:#536e9b}.demo-modernisation-support .demo-table td{color:#405c88}.demo-modernisation-support .demo-table th{color:#3d5a86}.demo-modernisation-support .demo-table tbody tr:nth-child(2n){background:#eaf0fb}.demo-modernisation-support .demo-button{background:#315bae;border-color:#315bae}.demo-login{display:grid;grid-template-columns:1.1fr 1fr;max-width:1500px;margin:auto;min-height:760px;border-radius:0 0 14px 14px;overflow:hidden;background:#f1f3f6;box-shadow:0 25px 60px #10254020}.demo-login-art{padding:44px 48px;position:relative;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(90deg,#10253aec,#14284466),url(/images/jotus/demo-business-team.webp) 65%/cover;color:#eff4fc}.demo-login-wordmark{font-size:21px;font-weight:700;letter-spacing:-.025em}.demo-login-art h1{font-size:57px;font-weight:550;line-height:1.06;letter-spacing:-.045em;margin:20px 0}.demo-login-art h1 em{font-style:normal;color:#e5c790}.demo-login-art p{font-size:15px;color:#d1dfed;line-height:1.7}.demo-login-art small{font-size:10px;color:#becbd9}.demo-login-art .demo-eyebrow{color:#e7c88d}.demo-login-side{display:flex;align-items:center;justify-content:center;padding:50px}.demo-login-side form{width:100%;max-width:390px}.demo-login-symbol{display:flex;align-items:center;justify-content:center;width:55px;height:55px;background:#162e51;color:#e5c68a;font-size:35px;border-radius:13px;margin-bottom:32px}.demo-login-side h2{font-size:35px;line-height:1.13;letter-spacing:-.035em;font-weight:550;color:#20334c;margin:18px 0}.demo-login-side p{color:#61728a;font-size:14px;line-height:1.8;margin-bottom:32px}.demo-login-side label{display:block;font-size:12px;font-weight:600;color:#324762}.demo-login-side input{width:100%;display:block;margin-top:10px;padding:15px 16px;background:#e6ecf3;border:1px solid #c4d1df;border-radius:8px;color:#455a70;font-size:14px}.demo-login-note{color:#64758b;background:#e5ebf2;border-radius:8px;padding:14px;font-size:11px;line-height:1.6;margin:18px 0}.demo-login-side .demo-button{width:100%;background:#183957;border-color:#183957;border-radius:8px;padding:16px;color:#f5f8fb}.demo-login-side form>small{display:block;text-align:center;margin-top:28px;color:#68798b;font-size:11px}.demo-customer-staff-portals .demo-login{background:#eff5ed}.demo-customer-staff-portals .demo-login-art{background:radial-gradient(ellipse at 95% 10%,#34655c,#10373b 70%)}.demo-customer-staff-portals .demo-login-art:after{content:"◌";position:absolute;right:-70px;bottom:100px;color:#bddbba13;font-size:420px;pointer-events:none}.demo-customer-staff-portals .demo-login-art h1 em{color:#a8dcb8}.demo-customer-staff-portals .demo-login-side .demo-button,.demo-customer-staff-portals .demo-login-symbol{background:#0f7065;border-color:#0f7065;color:#eef7ef}.demo-customer-staff-portals .demo-login-side h2{color:#173c3d}.demo-custom-web-applications .demo-login-art{background:linear-gradient(135deg,#33271e,#8b653d)}.demo-custom-web-applications .demo-login-art h1{font-family:Georgia,serif;font-weight:400}.demo-custom-web-applications .demo-login{background:#f5eddf}.demo-custom-web-applications .demo-login-side .demo-button,.demo-custom-web-applications .demo-login-symbol{background:#806035;border-color:#806035;color:#fff4da}.demo-modernisation-support .demo-login-art{background:radial-gradient(ellipse at top right,#4b7ad7,#132c63 75%)}.demo-modernisation-support .demo-login-art h1 em{color:#abcaff}.demo-modernisation-support .demo-login-side .demo-button{background:#2c57b1;border-color:#2c57b1}.software-demo :is(input,select,textarea):focus-visible{outline:3px solid #5287bc;outline-offset:2px}.demo-topbar a,.demo-topbar button{color:#344c64}.software-demo .demo-powered{color:#617281}.software-demo .demo-resource p{font-size:12px}.software-demo .demo-content-header h1{margin-block:10px}.software-demo .demo-panel-title h2{font-size:20px}@media(max-width:1000px){.demo-login-art{padding:35px}.demo-login-art h1{font-size:44px}.demo-login-side{padding:35px}.demo-user{display:none}.demo-business-websites .demo-corporate-hero h2{font-size:45px}.demo-business-websites .demo-corporate-art{height:340px}}@media(max-width:760px){.demo-login{display:block;min-height:0}.demo-login-art{min-height:390px;padding:28px 24px}.demo-login-art h1{font-size:39px;max-width:310px}.demo-login-art p{font-size:12px}.demo-login-wordmark{font-size:17px}.demo-login-side{padding:30px 24px}.demo-login-side h2{font-size:30px}.demo-top-actions{gap:6px}.demo-top-actions button:first-child{font-size:10px;padding:5px 7px}.demo-feature-banner{padding:24px 20px;gap:10px}.demo-feature-banner h2{font-size:24px}.demo-banner-motif{width:90px;height:90px;border-width:7px}.demo-banner-motif span{font-size:30px}.demo-banner-motif small{font-size:12px}.demo-banner-motif p{display:none}.demo-business-systems .demo-content-header{padding:14px}.demo-business-systems .demo-content-header h1{font-size:26px}.demo-business-systems .demo-stats article{padding:12px 9px}.demo-business-systems .demo-stats article:after{display:none}.demo-customer-staff-portals .demo-welcome h2{font-size:34px}.demo-custom-web-applications .demo-library-intro h2{font-size:40px}.demo-library-intro:after{font-size:80px;right:0}.demo-library-intro p{max-width:240px}.demo-hotel-hero{min-height:350px;padding:28px 22px;background-position:60%}.demo-hotel-hero h2{font-size:47px}.demo-hotel-hero p{max-width:220px;line-height:1.8}.demo-hotel-hero>span{right:10px;font-size:7px}.demo-booking-reservations .demo-content h1{font-size:26px}.demo-booking-reservations .demo-stats article{padding:9px}.demo-booking-reservations .demo-stats strong{font-size:21px}.demo-booking-reservations .demo-room-art{height:230px}.demo-business-websites .demo-corporate-hero{grid-template-columns:1fr;padding:30px 22px}.demo-business-websites .demo-corporate-hero h2{font-size:40px}.demo-business-websites .demo-corporate-art{height:320px}.demo-modernisation-support .demo-content-header{padding:18px}.demo-modernisation-support .demo-content-header h1{font-size:26px}.software-demo .demo-content-header p{font-size:12px}}@media(prefers-reduced-motion:reduce){.software-demo button{transition:none}}.demo-booking-reservations .demo-room-art>span{top:auto;right:auto;width:auto;height:auto}.demo-customer-staff-portals .demo-welcome p{color:#c4dcd1}.demo-orbit svg{width:35px;height:35px}.demo-library-intro:after{content:"";width:120px;height:120px;top:25px;right:25px;border:15px double #b88c5270;border-radius:50%;box-shadow:0 0 0 15px #b88c5215}.demo-book-cover:after{content:"";width:150px;height:150px;border:20px double #fff9df26;border-radius:50%;bottom:-55px;right:-40px}.demo-customer-staff-portals .demo-login-art:after{content:"";width:300px;height:300px;border:65px double #bddbba13;border-radius:50%;right:-80px;bottom:80px}.demo-login-symbol img{-o-object-fit:contain;object-fit:contain}@media(max-width:760px){.demo-library-intro:after{width:55px;height:55px;border-width:8px;right:6px;box-shadow:0 0 0 8px #b88c5215}}.demo-room-art.executive img,.demo-room-art.garden img{transform:none;-o-object-position:center;object-position:center}