/* Navigation and product preview for the CAS Intelligence hub. */
:root{--heading:"Segoe UI Variable Display","Segoe UI",Arial,sans-serif;--body:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;--text:#263840;--muted:#506a74}
body{font-family:var(--body);font-size:16px;font-weight:500;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3{font-family:var(--heading);font-weight:700}
.header{background:linear-gradient(103deg,#073d53 0%,#0a5771 62%,#0c657e 100%);box-shadow:0 3px 15px #052c3b20;border-bottom:1px solid #48adca47}
.header-inner{height:79px}.header nav{gap:clamp(13px,2vw,25px);font-weight:650}.header nav>a{font-size:12px}.header nav .nav-contact{color:#ade6f5}.header nav .nav-contact:after{display:none}.header .btn-white{padding-inline:18px;box-shadow:0 4px 14px #052f431e;font-weight:750}
.hero{isolation:isolate;background:linear-gradient(112deg,#073c52 0%,#0a5771 60%,#07516b 100%)}
.hero:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 82% 15%,#4db9d51d,transparent 32%),radial-gradient(ellipse at 93% 100%,#27add01b,transparent 38%),repeating-linear-gradient(122deg,transparent 0 92px,#ffffff07 93px,#ffffff07 94px,transparent 95px 188px);mask-image:linear-gradient(90deg,transparent 17%,#000 75%)}
.hero-grid{grid-template-columns:.81fr 1.19fr;gap:45px;padding:46px 0 53px;align-items:center}.hero-copy{padding-block:10px}.hero .eyebrow{font-size:10px;letter-spacing:.15em}
.hero h1{font-family:var(--heading);font-size:clamp(44px,4.15vw,59px);line-height:1.055;letter-spacing:-.042em;font-weight:750}.hero h1 em{color:#8ddbf0}
.hero-description{font-size:15px;color:#d6e6eb;line-height:1.78;font-weight:500;max-width:430px;margin-top:20px}.hero-actions{gap:22px;margin-top:26px}.hero-actions .btn{min-height:49px;padding-inline:16px;font-size:12px}.hero-actions .text-button{font-size:12px}.hero-signature{margin-top:30px}.hero-signature p{color:#bad5de;font-size:11px;line-height:1.8}.hero-signature strong{color:#fff;font-weight:700}.signature-line{height:34px;background:#79cbe1}
.hero-bottom{border-color:#ffffff32;color:#c0dae1;padding-block:18px;font-weight:700}.hero-bottom>i{background:#70cce2}.hero-bottom>a{color:#a9eafa}
.hero-visual{padding:0;min-width:0;width:100%;animation:casRise .8s var(--ease) both}.hero-visual .floating-analysis,.hero-visual .photo-frame{display:none}
.product-showcase{position:relative;overflow:hidden;background:#dce9ef;border:1px solid #82b9c8;border-radius:9px;box-shadow:0 28px 75px #042c3e53,0 0 0 7px #ffffff0b;transform:perspective(1400px) rotateY(-1.6deg);transition:transform .55s var(--ease),box-shadow .4s}
.product-showcase:hover{transform:perspective(1400px) rotateY(0);box-shadow:0 34px 85px #042c3e68,0 0 0 7px #ffffff12}
.product-browser-bar{height:36px;display:flex;align-items:center;gap:11px;padding:0 14px;background:linear-gradient(95deg,#062f42,#084961);color:#cbdee5;font-size:8px;font-weight:750;letter-spacing:.12em}.product-browser-bar>span:nth-child(2){flex:1}.product-browser-bar>span:nth-child(2) b{color:#6fc8df;margin-inline:6px}.browser-dots{display:flex;gap:5px}.browser-dots i{width:6px;height:6px;border-radius:50%;background:#83b5c4}.browser-dots i:first-child{background:#e69889}.browser-dots i:nth-child(2){background:#e7c278}.browser-dots i:last-child{background:#78c29a}.product-lock .icon{width:12px;height:12px;color:#92d9eb}
.product-window{display:grid;grid-template-columns:143px minmax(0,1fr);min-height:385px;background:#f5f8fa;font-family:var(--body);color:#263840}
.product-sidebar{position:relative;display:flex;flex-direction:column;padding:15px 11px 13px;background:linear-gradient(165deg,#084a61,#063a50);color:#c5d9e0}.product-logo{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:2px 7px 19px;border-bottom:1px solid #ffffff22}.product-logo img{height:auto;width:112px;object-fit:contain;object-position:left center}.product-logo>span{margin-top:-2px;font-size:6px;letter-spacing:.22em;color:#a4d8e6;padding-left:2px}.sidebar-group{padding:18px 8px 7px;color:#84afbd;font-size:7px;font-weight:750;letter-spacing:.16em}
.system-nav{display:flex;align-items:center;gap:9px;padding:9px;border-radius:5px;text-align:left;color:#c5d9e0;font-size:9px;font-weight:600;transition:background .2s,color .2s}.system-nav .icon{width:13px;height:13px}.system-nav.active,.system-nav:hover{background:#ffffff19;color:white}.system-nav.active{box-shadow:inset 2px 0 #46c4e0}.sidebar-account{margin-top:auto;padding:11px 3px 0;border-top:1px solid #ffffff24;display:flex;align-items:center;gap:7px;min-width:0}.sidebar-account>span:nth-child(2){min-width:0;flex:1}.sidebar-account strong,.sidebar-account small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-account strong{color:#f7fbfc;font-size:8px}.sidebar-account small{color:#9bbac5;font-size:7px;margin-top:2px}.account-avatar{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;border-radius:50%;background:#61c0da;color:#063a50;font-size:8px;font-weight:800}.account-avatar.pale{background:#d9edf2;color:#0a5771}.account-more{font-size:9px;color:#afc8d0;letter-spacing:1px}
.product-main{min-width:0;display:flex;flex-direction:column;background:#f6f8fa}.product-topline{height:40px;padding-inline:16px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff;border-bottom:1px solid #e7ecef}.breadcrumb{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:8px;color:#6d7e85}.breadcrumb span{padding:0 5px;color:#a5b4ba}.breadcrumb strong{color:#324952;font-weight:700}.topline-user{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:8px;color:#4b6069}.topline-notification .icon{width:12px;height:12px;color:#597681}.topline-user .account-avatar{width:22px;height:22px;font-size:7px}
.dashboard-content{padding:16px 17px 12px;min-width:0;flex:1}.dashboard-overline{display:block;color:#71868f;font-size:7px;font-weight:750;letter-spacing:.13em}.dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:9px}.dashboard-heading h2{margin-top:4px;font-family:var(--heading);font-size:19px;line-height:1.23;letter-spacing:-.035em;font-weight:750;color:#203741}.dashboard-heading p{font-size:9px;color:#71838a;margin-top:3px}.dashboard-action{display:flex;align-items:center;gap:5px;white-space:nowrap;background:#0a5771;color:white;padding:8px 9px;border-radius:4px;font-size:8px;font-weight:700;box-shadow:0 2px 5px #0a577128}.dashboard-action:hover{background:#08718e}.dashboard-action .icon{width:11px;height:11px}
.preview-tabs{display:flex;align-items:center;gap:15px;height:37px;margin-top:10px;border-bottom:1px solid #dfe7eb;white-space:nowrap}.preview-tabs>button{height:100%;padding:0 2px;position:relative;font-size:8px;color:#61757e}.preview-tabs>button.current{color:#0a5771;font-weight:750}.preview-tabs>button.current:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;border-radius:2px;background:#13a4cf}.preview-tabs>button:hover{color:#0a5771}.illustrative-label{margin-left:auto;display:flex;align-items:center;gap:5px;font-size:6px;font-weight:750;letter-spacing:.1em;color:#647b84}.illustrative-label i,.data-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#38a9c5}
.dashboard-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:13px}.dashboard-stats article{min-width:0;min-height:75px;padding:10px;background:#fff;border:1px solid #e3eaed;border-radius:5px;box-shadow:0 2px 7px #19384605}.stat-title{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:6px;color:#61767e;font-weight:750;letter-spacing:.085em}.stat-title>.icon{height:11px;width:11px;color:#398097}.dashboard-stats article>b{display:block;margin-top:7px;white-space:nowrap;color:#173844;font-family:var(--heading);font-size:17px;font-weight:750;letter-spacing:-.045em;line-height:1.1}.dashboard-stats article>b small{font-family:var(--body);font-size:8px;letter-spacing:0;font-weight:600;color:#637a83}.dashboard-stats article>small{display:block;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#566f78;font-size:7px}.dashboard-stats article>small span{color:#657d85}.trend-up{font-style:normal;color:#157551;font-weight:800}.trend-neutral{font-style:normal;color:#ac6120;font-weight:900}
.dashboard-lower{display:grid;grid-template-columns:minmax(0,1.36fr) minmax(130px,.88fr);gap:9px;margin-top:9px;min-height:137px}.dashboard-chart,.dashboard-pending{min-width:0;background:#fff;border:1px solid #e4eaed;border-radius:5px;padding:11px}.chart-heading{display:flex;align-items:center;justify-content:space-between;gap:6px}.chart-heading strong,.pending-heading>strong{display:block;color:#314750;font-size:9px;font-weight:750;letter-spacing:-.015em}.chart-heading small{display:block;margin-top:3px;color:#607780;font-size:7px}.chart-period{font-size:6px;color:#5d737b;letter-spacing:.05em;white-space:nowrap}.chart-area{display:grid;grid-template-columns:35px minmax(0,1fr);gap:7px;height:80px;margin-top:8px;background:repeating-linear-gradient(to bottom,transparent 0 calc(25% - 1px),#ebf0f2 calc(25% - 1px) 25%)}.chart-y-axis{height:100%;display:flex;flex-direction:column;justify-content:space-between;color:#647982;font-size:6px}.chart-bars{height:100%;display:flex;align-items:flex-end;justify-content:space-around;gap:5px;padding:0 3px}.chart-bars i{display:block;width:13%;height:var(--height);max-height:100%;border-radius:2px 2px 0 0;background:linear-gradient(0deg,#b8dce6,#70bdd2);transition:height .5s var(--ease),filter .25s}.chart-bars i:hover{filter:saturate(1.5)}.chart-bars i.bar-highlight{background:linear-gradient(0deg,#0a5771,#1aadd8)}.chart-x-axis{display:flex;justify-content:space-around;margin:5px 0 0 39px;color:#627880;font-size:6px;letter-spacing:.04em}
.pending-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.pending-heading>button{color:#296678;padding:2px}.pending-heading .icon{width:12px;height:12px}.pending-item{display:flex;align-items:center;gap:6px;min-height:39px;border-top:1px solid #edf1f3}.pending-item>span:nth-child(2){min-width:0;flex:1}.pending-icon{width:19px;height:19px;border-radius:4px;display:grid;place-items:center;flex:none}.pending-icon .icon{width:11px;height:11px}.cyan-icon{background:#e7f5f8;color:#167a94}.amber-icon{background:#fff5e8;color:#9d5d13}.pending-item strong,.pending-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pending-item strong{font-size:7px;font-weight:700;color:#314b55}.pending-item small{font-size:6px;color:#637982;margin-top:2px}.pending-chevron{color:#667e87;font-size:14px}.pending-all{display:flex;align-items:center;justify-content:space-between;width:100%;padding:7px 0 0;border-top:1px solid #edf1f3;color:#0a5771;font-size:7px;font-weight:750}.pending-all .icon{height:11px;width:11px}.dashboard-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;color:#5d747d;font-size:6px}.dashboard-footer>span:first-child{display:flex;align-items:center;gap:5px}.dashboard-footer .data-dot{width:4px;height:4px}.showcase-foot{height:29px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;background:linear-gradient(94deg,#eaf4f7,#fff);color:#58737c;font-size:7px;letter-spacing:.14em}.showcase-foot b{color:#0a5771;font-weight:850}.showcase-foot span:last-child{font-variant-numeric:tabular-nums;color:#637b84}.visual-coordinate{right:0;bottom:-20px;color:#c0dce4;font-size:7px;letter-spacing:.18em}
@media(max-width:1120px){.header nav{gap:14px}.header nav>a{font-size:11px}.header nav .nav-contact{display:none}.hero-grid{grid-template-columns:.86fr 1.14fr;gap:27px}.hero h1{font-size:clamp(42px,4.6vw,55px)}.product-window{grid-template-columns:120px minmax(0,1fr)}.product-sidebar{padding-inline:8px}.product-logo img{width:99px}.system-nav{gap:7px;padding-inline:7px;font-size:8px}.dashboard-content{padding:13px 12px 10px}.dashboard-lower{grid-template-columns:minmax(0,1.2fr) minmax(115px,.8fr);gap:6px}.dashboard-chart,.dashboard-pending{padding:9px}.chart-area{grid-template-columns:29px minmax(0,1fr)}.chart-x-axis{margin-left:32px}}
@media(max-width:900px) and (min-width:721px){.header nav>a:nth-child(3){display:none}.header nav{gap:17px}.hero-grid{grid-template-columns:.85fr 1.15fr;gap:18px}.hero h1{font-size:43px}.hero-description{font-size:13px}.hero-actions{gap:13px;flex-wrap:wrap}.dashboard-stats{gap:5px}.dashboard-stats article{padding:8px 7px}.dashboard-stats article>b{font-size:15px}.dashboard-stats article>small{font-size:6px}.preview-tabs{gap:9px}.illustrative-label{font-size:5px}.topline-user{gap:4px}}
@media(max-width:720px){.header nav{gap:21px}.hero-grid{grid-template-columns:1fr;gap:32px;padding-top:39px;padding-bottom:39px}.hero-copy{max-width:570px}.hero h1{font-size:clamp(44px,8vw,58px)}.hero-description{font-size:14px}.hero-visual{max-width:620px;margin-inline:auto}.product-showcase{transform:none}.product-showcase:hover{transform:translateY(-2px)}.visual-coordinate{display:none}.product-window{grid-template-columns:42px minmax(0,1fr)}.product-sidebar{padding:12px 5px}.product-logo{align-items:center;justify-content:center;height:30px;padding:0 0 9px}.product-logo img{display:none}.product-logo:before{content:"CAS";font:800 11px var(--body);letter-spacing:-.08em;color:#fff}.product-logo>span,.sidebar-group,.sidebar-account{display:none}.system-nav{justify-content:center;width:32px;height:32px;padding:0;margin:4px auto;font-size:0}.system-nav .icon{width:15px;height:15px}.system-nav.active{box-shadow:inset 0 2px #46c4e0}.product-topline{padding-inline:10px}.topline-user{font-size:7px}.dashboard-content{padding:13px 11px 10px}.dashboard-heading h2{font-size:17px}.dashboard-heading p{font-size:8px}.dashboard-action{padding:7px;font-size:7px}.preview-tabs{gap:13px}.preview-tabs>button{font-size:8px}.illustrative-label{font-size:5px}.dashboard-stats{gap:5px}.dashboard-stats article{padding:8px 7px}.stat-title{font-size:5.7px;letter-spacing:.04em}.dashboard-stats article>b{font-size:14px}.dashboard-stats article>small{font-size:6px}.dashboard-lower{grid-template-columns:1fr;gap:7px}.dashboard-chart{min-height:120px}.dashboard-pending{min-height:107px}.chart-area{height:79px}.chart-heading strong,.pending-heading>strong{font-size:9px}}
@media(max-width:430px){.hero h1{font-size:43px}.hero .eyebrow{font-size:8px;letter-spacing:.12em}.hero-actions{gap:13px}.hero-actions .btn{font-size:10px;padding-inline:12px}.hero-actions .text-button{font-size:10px;gap:7px}.product-browser-bar{height:31px;padding-inline:9px;font-size:6px;letter-spacing:.08em}.product-window{grid-template-columns:36px minmax(0,1fr)}.product-sidebar{padding-inline:2px}.system-nav{width:29px;height:30px}.product-topline{height:34px;padding-inline:7px}.topline-user>span:nth-child(3),.topline-user>span:nth-child(4){display:none}.dashboard-content{padding:11px 8px 9px}.dashboard-heading h2{font-size:15px}.dashboard-heading p{font-size:7px}.dashboard-action{font-size:6px;padding:6px}.preview-tabs{gap:9px;height:34px}.preview-tabs>button{font-size:7px}.illustrative-label{font-size:4px;letter-spacing:.05em;gap:3px}.illustrative-label i{width:4px;height:4px}.dashboard-stats{gap:4px;margin-top:9px}.dashboard-stats article{padding:7px 5px;min-height:70px}.stat-title{font-size:5px;letter-spacing:.015em}.stat-title>.icon{width:9px;height:9px}.dashboard-stats article>b{font-size:12px}.dashboard-stats article>b small{font-size:6px}.dashboard-stats article>small{font-size:5px}.dashboard-chart,.dashboard-pending{padding:8px}.dashboard-lower{margin-top:6px}.chart-area{height:73px}.chart-period{font-size:5px}.dashboard-footer{font-size:5px}}

/* A legible, product-first hero: make the software preview readable at a glance. */
body{font-family:"Nunito Sans",system-ui,-apple-system,sans-serif;font-size:16px;font-weight:500;color:#263840}
h1,h2,h3{font-family:"Nunito Sans",system-ui,-apple-system,sans-serif;font-weight:800}
.header-inner{height:82px}
.header nav>a{font-size:13px;font-weight:700}
.hero h1{font-size:clamp(48px,4.5vw,66px);font-weight:800;letter-spacing:-.05em}
.hero-description{font-size:16px;font-weight:550}
.product-window{min-height:415px}
.product-sidebar{padding:17px 12px 14px}
.sidebar-group{font-size:8px}
.system-nav{font-size:10px;font-weight:650;padding:10px}
.product-topline{height:44px}
.breadcrumb,.topline-user{font-size:9px}
.dashboard-content{padding:18px 19px 14px}
.dashboard-overline{font-size:8px}
.dashboard-heading h2{font-size:21px;font-weight:800}
.dashboard-heading p{font-size:10px}
.dashboard-action{font-size:9px;padding:9px 11px}
.preview-tabs{gap:18px;height:40px;margin-top:12px}
.preview-tabs>button{font-size:9px;font-weight:600}
.illustrative-label{font-size:7px}
.dashboard-stats{gap:9px;margin-top:15px}
.dashboard-stats article{min-height:84px;padding:11px}
.stat-title{font-size:7px;letter-spacing:.055em}
.stat-title>.icon{width:13px;height:13px}
.dashboard-stats article>b{font-size:19px}
.dashboard-stats article>b small{font-size:9px}
.dashboard-stats article>small{font-size:8px}
.dashboard-lower{min-height:151px;margin-top:11px;gap:10px}
.dashboard-chart,.dashboard-pending{padding:12px}
.chart-heading strong,.pending-heading>strong{font-size:10px}
.chart-heading small{font-size:8px}
.chart-period{font-size:7px}
.chart-area{height:85px}
.chart-y-axis,.chart-x-axis{font-size:7px}
.pending-item strong{font-size:8px}
.pending-item small{font-size:7px}
.pending-all{font-size:8px}
.dashboard-footer{font-size:7px}
.product-browser-bar{font-size:9px}
.showcase-foot{font-size:8px}
@media(max-width:1120px){.hero h1{font-size:clamp(45px,5vw,59px)}.dashboard-content{padding:15px 13px 11px}.dashboard-stats article{padding:9px 8px}.stat-title{font-size:6px}.dashboard-stats article>b{font-size:17px}.dashboard-stats article>small{font-size:7px}}
@media(max-width:900px) and (min-width:721px){.header nav>a{font-size:11px}.system-nav{font-size:8px}.dashboard-heading h2{font-size:18px}.dashboard-stats article>b{font-size:15px}}
@media(max-width:720px){.header-inner{height:72px}.hero h1{font-size:clamp(46px,8vw,60px)}.product-window{min-height:0}.dashboard-content{padding:14px 12px 11px}.dashboard-heading h2{font-size:18px}.dashboard-heading p{font-size:9px}.preview-tabs>button{font-size:9px}.stat-title{font-size:6px}.dashboard-stats article>b{font-size:15px}.dashboard-stats article>small{font-size:7px}.chart-heading strong,.pending-heading>strong{font-size:10px}.pending-item strong{font-size:8px}.dashboard-footer{font-size:6px}}
@media(max-width:430px){.hero h1{font-size:44px}.hero-description{font-size:14px}.dashboard-content{padding:11px 8px 9px}.dashboard-heading h2{font-size:15px}.dashboard-heading p{font-size:8px}.dashboard-action{font-size:7px}.preview-tabs{gap:9px}.preview-tabs>button{font-size:8px}.illustrative-label{font-size:5px}.dashboard-stats article>b{font-size:13px}.dashboard-stats article>small{font-size:6px}.pending-item strong{font-size:7px}.pending-item small,.dashboard-footer{font-size:5px}}

/* LCAD-inspired clarity and spacing, translated into the CAS brand palette. */
:root{--cas-primary:#0a5771;--cas-primary-hover:#08465c;--cas-accent:#1aadd8;--cas-success:#008f5a;--cas-warning:#e6a800;--cas-danger:#dc2626;--cas-surface:#fff;--cas-surface-subtle:#f9fafb;--cas-surface-muted:#f3f4f6;--cas-border:#e5e7eb;--cas-text-strong:#1f2937;--cas-text-main:#374151;--cas-text-secondary:#4b5563;--cas-radius-sm:4px;--cas-radius-md:8px;--cas-radius-lg:12px;--cas-shadow-low:0 1px 3px rgba(0,0,0,.10),0 1px 2px rgba(0,0,0,.06)}
.btn,.text-button,.header nav>a,.card-footer button{font-family:"Nunito Sans",system-ui,-apple-system,sans-serif}
.product-showcase{border-radius:var(--cas-radius-lg);box-shadow:0 20px 42px #042c3e38,0 0 0 1px #ffffff20}
.product-window,.dashboard-chart,.dashboard-pending,.dashboard-stats article{border-radius:var(--cas-radius-md)}
.tool-card:hover{box-shadow:0 8px 22px #0a577114}
.dashboard-stats article{box-shadow:var(--cas-shadow-low)}
.stat-title{font-size:9px;letter-spacing:.035em}
.dashboard-stats article>small{font-size:9px}
.chart-heading small,.pending-item small{font-size:9px}
.chart-period,.chart-y-axis,.chart-x-axis{font-size:8px}
.pending-item strong,.pending-all{font-size:10px}
.dashboard-footer{font-size:8px}
@media(max-width:1120px){.stat-title{font-size:8px}.dashboard-stats article>small,.chart-heading small,.pending-item small{font-size:8px}.pending-item strong,.pending-all{font-size:9px}}
@media(max-width:720px){.stat-title{font-size:7px}.dashboard-stats article>small,.chart-heading small,.pending-item small{font-size:8px}.pending-item strong,.pending-all{font-size:9px}.chart-period,.chart-y-axis,.chart-x-axis{font-size:7px}.dashboard-footer{font-size:7px}}
@media(max-width:430px){.stat-title{font-size:6px}.dashboard-stats article>small{font-size:7px}.pending-item strong,.pending-all{font-size:8px}.pending-item small,.chart-heading small{font-size:7px}.dashboard-footer{font-size:6px}}

/* A calmer first fold: one promise, one action, and a compact system snapshot. */
.hero-grid{grid-template-columns:.84fr 1.16fr;gap:clamp(28px,4vw,54px);padding:46px 0 48px}
.hero-copy{max-width:500px}
.hero h1{font-size:clamp(43px,4.2vw,58px);line-height:1.08;letter-spacing:-.045em}
.hero-description{max-width:400px;margin-top:17px;font-size:15px;line-height:1.6}
.hero-actions{margin-top:22px}
.hero-visual{padding:0;animation:casRise .75s var(--ease) both}
.product-window{min-height:350px}
.product-sidebar{padding:14px 10px}
.product-logo{padding-bottom:14px}
.sidebar-group{padding-top:14px}
.system-nav{padding:8px;font-size:9px}
.product-topline{height:38px;padding-inline:13px}
.dashboard-content{padding:14px 15px 12px}
.dashboard-heading h2{font-size:19px}
.dashboard-heading p{margin-top:4px}
.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px}
.dashboard-stats article{min-height:76px;padding:9px}
.dashboard-lower{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:8px;min-height:130px;margin-top:8px}
.dashboard-chart,.dashboard-pending{padding:10px}
.chart-area{height:68px;margin-top:7px}
.pending-item{min-height:36px}
.pending-all{padding-top:6px}
.illustrative-label{font-size:7px}
.showcase-foot,.visual-coordinate{display:none}
@media(max-width:900px) and (min-width:721px){.hero-grid{grid-template-columns:.82fr 1.18fr;gap:20px;padding-block:40px}.hero h1{font-size:clamp(40px,4.8vw,48px)}.product-window{grid-template-columns:104px minmax(0,1fr)}.product-sidebar{padding-inline:6px}.system-nav{gap:5px;padding-inline:5px;font-size:8px}.product-logo img{width:88px}.dashboard-content{padding:12px 10px}.dashboard-heading h2{font-size:17px}.dashboard-stats article{padding:8px 7px}.stat-title{font-size:7px}.dashboard-stats article>b{font-size:15px}.dashboard-lower{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}}
@media(max-width:720px){.hero-grid{grid-template-columns:1fr;gap:26px;padding:36px 0 34px}.hero-copy{max-width:570px}.hero h1{font-size:clamp(42px,8vw,56px)}.hero-description{font-size:14px;margin-top:13px}.hero-actions{margin-top:18px}.hero-visual{max-width:620px}.product-window{min-height:0}.product-sidebar{padding:11px 5px}.product-logo{padding-bottom:8px}.sidebar-group{padding:12px 4px 6px;font-size:6px}.system-nav{width:auto;height:auto;min-height:31px;justify-content:flex-start;padding:7px 5px;font-size:7px}.system-nav .icon{width:12px;height:12px}.dashboard-content{padding:12px 10px 10px}.dashboard-heading h2{font-size:17px}.dashboard-heading p{font-size:8px}.dashboard-lower{grid-template-columns:1fr;gap:7px;min-height:0}.dashboard-chart{min-height:107px}.dashboard-pending{min-height:84px}.chart-area{height:58px}.dashboard-stats article{min-height:68px}.product-browser-bar{height:32px;font-size:7px}}
@media(max-width:430px){.hero h1{font-size:40px}.hero-description{font-size:13px}.hero-actions .btn{min-height:45px;font-size:11px}.product-window{grid-template-columns:36px minmax(0,1fr)}.product-sidebar{padding-inline:2px}.product-logo{height:27px;padding:0 0 6px}.product-logo:before{font-size:10px}.sidebar-group{display:none}.system-nav{width:29px;height:30px;min-height:0;padding:0;margin:3px auto;justify-content:center;font-size:0}.system-nav .icon{width:14px;height:14px}.product-topline{height:32px;padding-inline:7px}.illustrative-label{font-size:5px}.dashboard-content{padding:10px 7px 8px}.dashboard-heading h2{font-size:15px}.dashboard-heading p{font-size:7px}.dashboard-stats{gap:5px;margin-top:9px}.dashboard-stats article{padding:7px 5px;min-height:63px}.stat-title{font-size:6px}.dashboard-stats article>b{font-size:12px}.dashboard-stats article>small{font-size:6px}.dashboard-chart,.dashboard-pending{padding:8px}.chart-heading strong,.pending-heading>strong{font-size:8px}.chart-heading small,.pending-item small{font-size:6px}.pending-item strong,.pending-all{font-size:7px}.dashboard-lower{margin-top:6px}.dashboard-chart{min-height:96px}.dashboard-pending{min-height:77px}}

/* Keep the complete first screen in view on desktop, including under browser chrome. */
@media(min-width:721px){
  .hero{min-height:calc(100vh - 82px);min-height:calc(100svh - 82px);display:flex;flex-direction:column}
  .hero-grid{flex:1;align-items:center}
}
@media(max-width:720px){.hero{min-height:0;display:block}.hero-grid{flex:initial}}