/* Home hero: spacious, restrained presentation for bespoke business software. */
.hero-banner{position:relative;background:#FFF;overflow:hidden;border-bottom:1px solid #EDF1E9}
.hero-banner:before{display:none}
.hero-banner .hero{display:block;padding:76px 0 0;min-height:0}
.hero-banner .hero-copy{position:relative;z-index:2;max-width:920px;margin:0 auto;text-align:center}
.hero-banner .hero-copy>.eyebrow{display:block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:10px;letter-spacing:.13em;font-weight:600;color:#6B7F5B}
.hero-banner .hero h1{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:clamp(52px,6.3vw,86px);font-weight:600;line-height:1.045;letter-spacing:-.055em;margin:23px 0 0;color:#222825}
.hero-banner .hero h1 span{color:#707A70;display:inline}
.hero-banner .hero h1 span:after{display:none}
.hero-banner .hero-lead{max-width:580px;margin:25px auto 0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:19px;line-height:1.55;color:#687267}
.hero-banner .hero-actions{justify-content:center;gap:30px;margin-top:29px}
.hero-banner .button{border-radius:28px;padding:13px 23px;font-size:13px;font-weight:500;gap:20px}
.hero-banner .text-link{font-size:14px;font-weight:500;color:#456C2D;gap:9px}
.hero-banner .text-link span{font-size:25px}
.hero-banner .hero-art{position:relative;display:block;isolation:isolate;max-width:850px;min-height:0;margin:68px auto 0;padding:0 0 0;background:transparent;border:0;border-radius:0}
.hero-banner .hero-art:before{content:"";position:absolute;z-index:-1;left:-200px;right:-200px;top:95px;bottom:0;background:linear-gradient(180deg,#FBFCF9 0%,#F4F8EE 100%);border-radius:100% 100% 0 0/100px 100px 0 0}
.hero-banner .app-window{position:relative;width:100%;background:white;border:1px solid #DDE3D7;border-bottom:0;border-radius:9px 9px 0 0;transform:none;box-shadow:0 18px 55px -32px #30432444;overflow:hidden}
.hero-banner .window-top{height:50px;display:flex;gap:10px;padding:0 20px;font-size:11px;background:white;border-bottom:1px solid #E8EDE2}
.hero-banner .window-logo{width:15px;height:15px;border-radius:3px}
.hero-banner .window-caption{margin-left:auto;color:#939C8B;font-size:9px}
.hero-banner .app-inner{display:flex}
#main-nav a {color: #182536;}
.workspace-sidebar{width:150px;flex:none;display:flex;flex-direction:column;gap:6px;padding:26px 12px;background:#FAFBF8;border-right:1px solid #E9EEE4;color:#89947F;font-size:10px}
.workspace-sidebar>span{padding:7px 11px;line-height:1.5}
.workspace-sidebar .workspace-section{font-size:7px;letter-spacing:.14em;color:#A0AB96;margin-bottom:8px}
.workspace-sidebar .workspace-active{background:#EDF4E5;color:#526B3C;border-radius:4px;font-weight:500}
.workspace-sidebar .workspace-team{margin-top:auto;font-size:9px;color:#9CA792}
.hero-banner .app-body{padding:28px 26px 18px;min-width:0;flex:1}
.hero-banner .demo-top{display:flex;align-items:center;justify-content:space-between}
.hero-banner .micro{font-size:7px;letter-spacing:.12em;font-weight:600;color:#96A08B}
.hero-banner .demo-top h2{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:23px;letter-spacing:-.035em;font-weight:550;margin-top:5px}
.workspace-label{font-size:9px;color:#94A087}
.hero-banner .demo-tabs{gap:25px;margin-top:25px;border-bottom:1px solid #E8EDE2}
.hero-banner .demo-tabs button{font-size:10px;padding-bottom:10px}
.hero-banner .demo-tabs button[aria-selected=true]{font-weight:500}
.hero-banner .demo-panel{height:228px;padding-top:20px}
.hero-banner .demo-panel[hidden]{display:none}
.register-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;margin-bottom:15px}
.register-heading strong{font-weight:500;color:#4A5741}
.register-heading>span{font-size:8px;color:#A1AB97}
.hero-register{width:100%;border-collapse:collapse;table-layout:fixed;font-size:9px;line-height:1.6;text-align:left}
.hero-register thead th{background:#FAFBF8;color:#95A18A;font-size:8px;padding:9px 10px;font-weight:500;border-block:1px solid #EDF1E7}
.hero-register thead th:first-child{width:41%}
.hero-register thead th:nth-child(2){width:34%}
.hero-register th,.hero-register td{padding:12px 10px;border-bottom:1px solid #EEF1E9;vertical-align:middle;font-weight:400;overflow-wrap:anywhere}
.hero-register tbody th{font-weight:500;color:#535F48}
.hero-register tbody td{color:#8A967F}
.register-status{display:inline-block;background:#F0F6E8;color:#668746;border-radius:3px;padding:3px 7px;font-size:8px;white-space:nowrap}
.register-status.neutral{background:#F5F7F1;color:#939D88}
.hero-banner .window-footer{display:flex;justify-content:center;gap:40px;background:#FCFDFB;border-top:1px solid #EAEFE4;padding:13px 16px;font-size:8px;color:#9BA68F}
.hero-banner .window-footer>span:last-child{margin-left:0;font-size:inherit;color:inherit}
.application-fields{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;font-size:10px}
.application-fields dt{font-size:8px;color:#9AA68D;margin-bottom:5px}
.application-fields dd{margin:0;color:#637155;background:#FAFBF7;border:1px solid #EDF1E6;padding:10px 11px;border-radius:3px}
.application-history{list-style:none;padding:0;margin:0;font-size:10px}
.application-history li{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #EEF2E8;color:#67775B}
.application-history small{color:#9AA68D;font-size:9px}
@media(max-width:1100px){.hero-banner .hero{padding-top:64px}.hero-banner .hero h1{font-size:66px}.hero-banner .hero-art{max-width:760px;margin-top:60px}.workspace-sidebar{width:125px;font-size:9px}.hero-banner .app-body{padding:24px 22px 16px}}
@media(max-width:800px){.hero-banner .hero{padding-top:55px}.hero-banner .hero-copy{max-width:650px}.hero-banner .hero h1{font-size:61px}.hero-banner .hero h1 br{display:block}.hero-banner .hero-lead{font-size:17px;max-width:510px}.hero-banner .hero-art{margin-top:52px;max-width:650px}.workspace-sidebar{width:100px;padding-inline:7px;font-size:8px}.workspace-sidebar>span{padding-inline:6px}.hero-banner .app-body{padding:20px 17px 14px}.hero-banner .demo-top h2{font-size:20px}.workspace-label{display:none}.hero-register{font-size:8px}.hero-register thead th{font-size:7px}.hero-register th,.hero-register td{padding:11px 7px}.register-status{font-size:7px;padding:3px 5px}.hero-banner .demo-panel{height:222px}.hero-banner .window-caption{font-size:8px}.hero-banner .window-footer{gap:22px;font-size:7px}}
@media(max-width:480px){.hero-banner .hero{padding-top:47px}.hero-banner .hero-copy>.eyebrow{font-size:7px;letter-spacing:.1em}.hero-banner .hero h1{font-size:47px;line-height:1.07;margin-top:20px;letter-spacing:-.055em}.hero-banner .hero-lead{font-size:16px;line-height:1.6;margin-top:21px;max-width:335px}.hero-banner .hero-actions{flex-direction:column;gap:18px;margin-top:24px}.hero-banner .button{font-size:12px;padding:12px 20px}.hero-banner .text-link{font-size:12px}.hero-banner .hero-art{margin-top:43px}.hero-banner .window-top{height:40px;padding-inline:13px;font-size:9px}.hero-banner .window-caption{display:none}.workspace-sidebar{display:none}.hero-banner .app-body{padding:20px 13px 12px}.hero-banner .demo-top h2{font-size:20px}.hero-banner .demo-tabs{gap:22px;margin-top:21px}.hero-banner .demo-tabs button{font-size:9px}.hero-banner .demo-panel{height:219px;padding-top:17px}.hero-register{font-size:8px}.hero-register thead th:first-child{width:39%}.hero-register thead th:nth-child(2){width:33%}.hero-register th,.hero-register td{padding:11px 5px}.hero-banner .window-footer{gap:15px;font-size:6px;padding-inline:9px}.register-heading{font-size:9px}.register-heading>span{font-size:7px}.application-fields{gap:15px;font-size:9px}.application-fields dd{padding:9px}.application-history{font-size:9px}.application-history small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.hero-banner *{transition:none}}
/* Position the company around its two areas of specialist expertise. */
.hero-banner .hero-copy{max-width:1040px}
.hero-banner .hero h1{font-size:clamp(46px,5.8vw,76px);letter-spacing:-.05em}
@media(max-width:800px){.hero-banner .hero h1{font-size:clamp(38px,6.8vw,55px)}}
@media(max-width:480px){.hero-banner .hero h1{font-size:clamp(29px,8.1vw,38px);line-height:1.16;letter-spacing:-.045em}}
/* Hero artwork concept: white space, glass software layers and SICT green. */
.hero-banner .hero-art.hero-visual{max-width:1080px;width:100%;margin:30px auto 0;padding:0;background:#FFFFFF;border:0;min-height:0}
.hero-banner .hero-art.hero-visual:before{display:none}
.hero-visual img{display:block;width:100%;height:auto;mask-image:linear-gradient(to bottom,transparent 0%,#000 5%,#000 90%,transparent 100%)}
@media(max-width:800px){.hero-banner .hero-art.hero-visual{margin-top:30px}}
@media(max-width:480px){.hero-banner .hero-art.hero-visual{width:calc(100% + 36px);max-width:none;margin:28px -18px 0}}
/* Existing product screens: a clean, straight composition on pure white. */
.hero-banner .hero-art.product-hero-visual{max-width:1080px;width:100%;margin:56px auto 0;padding:0 0 28px;background:#FFFFFF;border:0;min-height:0}
.hero-banner .hero-art.product-hero-visual:before{display:none}
.product-screen-stage{position:relative;aspect-ratio:1.9;width:100%;isolation:isolate}
.product-screen{position:absolute;display:block;background:white;border:1px solid #E2E5DF;border-radius:9px;overflow:hidden;box-shadow:0 20px 45px -20px #1F2C2738;transition:translate .2s}
.product-screen:hover{translate:0 -4px}
.product-screen img{display:block;width:100%;height:auto}
.screen-hyperbook{width:74%;left:12%;top:0;z-index:1}
.screen-stratus{width:54%;left:0;bottom:15px;z-index:2}
.screen-checklist{width:21%;right:0;bottom:0;z-index:3;border:5px solid #F1F2EF;border-radius:19px;box-shadow:0 17px 40px -17px #1F2C274D}
.screen-top{height:25px;display:flex;align-items:center;justify-content:center;position:relative;background:#FAFBF9;border-bottom:1px solid #E8EBE5;color:#737B71;font:9px/1 Arial,sans-serif;letter-spacing:.015em}
.screen-dots{position:absolute;left:10px;display:flex;gap:4px}
.screen-dots i{width:4px;height:4px;border-radius:50%;background:#D9DED5}
.product-visual-caption{text-align:center;margin:22px 0 0;font-size:11px;letter-spacing:.015em;color:#8A9286}
@media(max-width:800px){.hero-banner .hero-art.product-hero-visual{margin-top:44px}.screen-top{height:20px;font-size:7px}.screen-dots{left:7px;gap:3px}.screen-dots i{width:3px;height:3px}.screen-checklist{border-width:3px;border-radius:13px}}
@media(max-width:480px){.hero-banner .hero-art.product-hero-visual{width:calc(100% + 12px);max-width:none;margin:35px -6px 0;padding-bottom:20px}.product-screen-stage{aspect-ratio:1.5}.screen-hyperbook{width:87%;left:5%}.screen-stratus{width:72%;bottom:9px}.screen-checklist{width:26%;border-width:2px;border-radius:10px}.product-screen{border-radius:5px}.screen-top{height:16px;font-size:5px}.screen-dots{gap:2px;left:5px}.screen-dots i{width:2px;height:2px}.product-visual-caption{font-size:9px;margin-top:18px}}
@media(prefers-reduced-motion:reduce){.product-screen{transition:none}}
/* Temporary comparison controls for the two requested hero directions. */
.hero-style-switch{display:flex;justify-content:center;gap:3px;width:max-content;max-width:100%;margin:28px auto 0;padding:4px;background:#F7F8F5;border:1px solid #EBEEE7;border-radius:24px}
.hero-style-switch button{border:0;background:transparent;color:#7B8475;padding:8px 16px;font-size:11px;line-height:1.4;border-radius:20px;min-height:34px}
.hero-style-switch button[aria-selected=true]{background:white;color:#456C2D;box-shadow:0 1px 5px #29382416}
.hero-banner .hero-art[hidden]{display:none}
.hero-banner .hero-art.product-hero-visual{margin-top:28px}
.hero-banner .hero-art.hero-glass-comparison{margin-top:12px;padding-bottom:28px}
.hero-glass-comparison .product-visual-caption{margin-top:4px}
@media(max-width:480px){.hero-style-switch{margin-top:23px}.hero-style-switch button{font-size:10px;padding:8px 14px}.hero-banner .hero-art.product-hero-visual{margin-top:25px}.hero-banner .hero-art.hero-glass-comparison{margin-top:14px;padding-bottom:20px}}