:root{--navy:#06223e;--orange:#ff7815;--ink:#11263f;--muted:#52647b;--line:#dce5ef}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:5rem}
body{margin:0;font-family:Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6}
h1,h2,h3{line-height:1.15;font-weight:800;letter-spacing:-.035em}
h1{font-size:clamp(2rem,3.5vw,3.5rem)}
h2{font-size:clamp(1.65rem,2.6vw,2.4rem);margin:0 0 1rem}
h3{font-size:1.05rem;letter-spacing:-.02em}
p{margin:0 0 1rem;color:var(--muted)}
a{text-underline-offset:.25em}
.home-shell{width:min(100% - 3rem,1240px);margin-inline:auto}
.home-header{position:sticky;top:0;z-index:20;background:var(--navy);border-bottom:1px solid #ffffff15}
.home-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:.65rem}
.home-logo{width:175px;height:auto;border-radius:.375rem}
.home-nav-links,.home-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem}
.home-nav-links>a{color:white;text-decoration:none;font-size:.9rem;font-weight:700}
.home-nav-links>a[aria-current]{text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:3px;text-underline-offset:.65rem}
.home-button{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;border:1px solid var(--orange);background:var(--orange);color:#fff;border-radius:.5rem;padding:.75rem 1.2rem;text-decoration:none;font-weight:700;line-height:1.3;transition:background .2s,box-shadow .2s}
.home-button:hover{background:#d75900;color:#fff;box-shadow:0 4px 18px #ff781530}
.home-button-outline{background:transparent;border-color:#ccd9e8;color:white}
.home-button-outline:hover{background:#ffffff15}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ffac6c;outline-offset:4px}
.home-hero{position:relative;background:linear-gradient(90deg,#04203c 15%,#04203cf0 44%,#04203c30),url('../images/construction.png') center right/cover;color:#fff;overflow:hidden}
.home-hero:after{content:"";position:absolute;width:16rem;height:2.5rem;background:var(--orange);left:-6rem;bottom:4rem;transform:rotate(46deg);pointer-events:none}
.home-hero .home-shell{padding-block:clamp(2.5rem,5vw,5rem) 5rem}
.home-hero-copy{max-width:680px}
.home-hero h1 span,h2 span{color:var(--orange)}
.home-hero p{color:#e3eaf3;font-size:.95rem}
.home-eyebrow{text-transform:uppercase;color:#b44a00;font-size:.7rem;font-weight:800;letter-spacing:.14em;margin-bottom:.75rem}
.home-hero .home-eyebrow,.home-cta .home-eyebrow{color:#ffae72}
.home-highlights{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:white;border:1px solid var(--line);border-radius:1rem;margin-top:-2rem;box-shadow:0 6px 18px #06223e12;padding:1.1rem;z-index:1}
.home-highlights>div{display:grid;justify-items:center;text-align:center;align-content:start;padding:.5rem 1rem;border-left:1px solid var(--line);font-size:.85rem;line-height:1.3}
.home-highlights>div:first-child{border:0}
.home-highlights i,.home-category>i,.home-benefits i{color:var(--orange);font-size:2rem;margin-bottom:.4rem}
.home-section{padding-block:clamp(2.5rem,5vw,4.5rem)}
.home-tinted{background:#f4f7fc}
.home-about{display:grid;grid-template-columns:1fr 1fr;gap:3rem}
.home-about>div+div{border-left:1px solid var(--line);padding-left:2.5rem}
.home-more{border-top:1px solid var(--line);padding-top:.75rem}
.home-more summary{color:#a54600;font-weight:700;margin-bottom:.75rem;cursor:pointer}
.home-audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
.home-audience-grid details{border:1px solid var(--line);border-radius:.5rem;padding:.75rem}
.home-audience-grid summary{display:grid;gap:.5rem;font-size:.85rem;font-weight:700;cursor:pointer}
.home-audience-grid i{color:var(--orange);font-size:1.6rem}
.home-audience-grid p{font-size:.8rem;margin:.65rem 0 0}
.home-section-heading{text-align:center;max-width:850px;margin:0 auto 1.75rem}
.home-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;align-items:start}
.home-feature{border:1px solid var(--line);border-radius:.8rem;background:#fff;box-shadow:0 3px 8px #06223e08;padding:1rem}
.home-feature summary{display:flex;gap:.7rem;list-style:none;cursor:pointer}
.home-feature summary::-webkit-details-marker{display:none}
.home-feature summary>i:first-child{font-size:1.75rem;color:var(--orange)}
.home-feature summary strong{display:block;line-height:1.3;margin-bottom:.45rem;font-size:.95rem}
.home-feature summary span span{display:block;color:var(--muted);font-size:.8rem;line-height:1.5}
.home-expand{margin-left:auto;color:var(--muted)}
.home-feature[open] .home-expand{transform:rotate(45deg)}
.home-feature ul{padding-left:1rem;margin:.8rem 0 0;font-size:.85rem;color:var(--muted)}
.home-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.home-category{padding:1.5rem;border:1px solid var(--line);border-radius:.8rem;background:linear-gradient(145deg,#f3f7fd,#fff)}
.home-category ul{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:1rem 0 0}
.home-category li{padding:.3rem .6rem;border-radius:.35rem;background:#fff;border:1px solid var(--line);font-size:.8rem}
.home-caption{text-align:center;font-size:.9rem;margin:1.25rem 0 0}
.home-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
.home-steps article{padding:1rem 0;border-top:1px solid var(--line)}
.home-steps article>span{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:#ffe6d1;color:#a34300;font-weight:800;margin-bottom:.75rem}
.home-steps p{font-size:.9rem;margin:0}
.home-reasons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}
.home-reasons article{display:flex;gap:.75rem}
.home-reasons i{color:var(--orange)}
.home-reasons p{font-size:.9rem}
.home-benefits{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));text-align:center}
.home-benefits article{padding:1rem;border-left:1px solid var(--line)}
.home-benefits article:first-child{border:0}
.home-benefits p{font-size:.8rem;margin-bottom:0}
.home-growth{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.home-dashboard-preview{border:9px solid #13273e;border-radius:1rem;box-shadow:0 16px 30px #06223e20;transform:perspective(1000px) rotateY(-5deg);overflow:hidden}
.home-preview-top{display:flex;gap:.5rem;background:var(--navy);color:white;padding:.8rem;font-weight:700}
.home-preview-top>span{margin-left:auto;font-size:.65rem;align-self:center}
.home-preview-body{background:#f4f7fc;padding:1rem}
.home-preview-metrics{display:flex;gap:.5rem}
.home-preview-metrics span{flex:1;padding:.7rem;background:white;border:1px solid var(--line);border-radius:.4rem;font-size:.75rem}
.home-preview-metrics i{display:block;font-size:1.3rem;color:var(--orange)}
.home-chart{display:flex;align-items:end;gap:6%;height:180px;border-bottom:1px solid var(--line);padding:1rem 1rem 0;margin:1rem 0;background:repeating-linear-gradient(to top,transparent 0 35px,#dce5ef 35px 36px)}
.home-chart span{height:var(--bar);flex:1;background:linear-gradient(#4e9aff,#1765c6);border-radius:.25rem .25rem 0 0}
.home-preview-body p{font-size:.75rem;margin:0}
.home-cta{background:var(--navy);color:white;padding-block:3rem;text-align:center}
.home-cta p{color:#d8e3f0;max-width:800px;margin-inline:auto}
.home-cta .home-actions{justify-content:center;margin-top:1.5rem}
.home-contact{display:grid;grid-template-columns:1fr 1.4fr;gap:2rem}
.home-contact-info{padding:2rem;border-radius:1rem;background:linear-gradient(145deg,#06223e,#0c3558);color:white}
.home-contact-info p{color:#e1e9f2;font-size:.9rem}
.home-contact-info .home-eyebrow{color:#ffa563}
.home-contact-info ul{list-style:none;padding:0;margin:1.5rem 0 0}
.home-contact-info li{margin-bottom:1rem;font-size:.9rem}
.home-contact-info i{color:var(--orange);margin-right:.5rem}
.home-contact-info a{color:white}
.home-enquiry{border:1px solid var(--line);box-shadow:0 4px 14px #06223e0a;padding:1.5rem;border-radius:1rem}
.home-enquiry h3{font-size:1.5rem;margin-bottom:1rem}
.home-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem 1rem}
.home-form-grid label{font-size:.8rem;font-weight:700}
.home-form-grid label>span{color:#b34400}
.home-form-grid input,.home-form-grid select,.home-form-grid textarea{margin-top:.25rem;border-color:var(--line);font-size:.9rem}
.home-form-full{grid-column:1/-1}
.home-enquiry .home-button{width:100%;margin-top:1rem}
.home-enquiry p{font-size:.8rem;text-align:center;margin:.5rem 0 0}
@media(max-width:1100px){.home-feature-grid,.home-reasons{grid-template-columns:repeat(2,minmax(0,1fr))}.home-benefits{grid-template-columns:repeat(3,minmax(0,1fr))}.home-highlights>div{padding:.5rem}.home-contact{grid-template-columns:1fr 1fr}}
@media(max-width:767px){html{scroll-padding-top:8rem}.home-shell{width:calc(100% - 2rem)}.home-logo{width:135px}.home-nav-links{gap:.5rem}.home-nav-links .home-button{padding:.55rem .65rem;font-size:.8rem}.home-hero{background:linear-gradient(90deg,#04203cf5,#04203cc7),url('../images/construction.png') center/cover}.home-hero:after{display:none}.home-highlights{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.home-highlights>div{border:0}.home-highlights>div:last-child{grid-column:1/-1}.home-about,.home-growth,.home-contact{grid-template-columns:1fr;gap:2rem}.home-about>div+div{border:0;padding:0}.home-category-grid,.home-steps{grid-template-columns:1fr}.home-dashboard-preview{transform:none}.home-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.home-benefits article{border:0}.home-reasons{gap:1rem}.home-contact-info{padding:1.5rem}}
@media(max-width:450px){.home-nav{flex-wrap:wrap;justify-content:center}.home-nav-links{justify-content:center;width:100%}.home-feature-grid,.home-reasons,.home-form-grid{grid-template-columns:minmax(0,1fr)}.home-actions{gap:.75rem}.home-actions .home-button{width:100%}.home-audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-enquiry{padding:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.home-button{transition:none}}

.home-enquiry .form-control:focus, .home-enquiry .form-select:focus {
    border-color: #df792b;
    box-shadow: 0 0 0 .2rem #ff78151c;
}
.home-enquiry .home-field-invalid {
    border-color: #bf3939;
    background-color: #fffafa;
}
.home-enquiry .home-field-invalid:focus {
    border-color: #bf3939;
    box-shadow: 0 0 0 .2rem #bf39391a;
}
.home-enquiry .home-field-error {
    display: block;
    margin-top: .35rem;
    color: #ad2929;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.5;
}
.home-validation-summary {
    padding: .85rem 1rem;
    margin-bottom: 1.25rem;
    border: 1px solid #efc6c6;
    border-left: 3px solid #bf3939;
    border-radius: .5rem;
    color: #842727;
    background: #fff5f5;
    font-size: .85rem;
}
.home-validation-summary>div {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem 1rem;
    margin-top: .35rem;
}
.home-validation-summary a { color: #842727; text-underline-offset: .2em; }
.home-enquiry [hidden] { display: none; }
