.sais-v2 {
    --navy: #213B5D;
    --navy-900: #152840;
    --navy-800: #1a3050;
    --navy-700: #22456e;
    --amber: #F5A216;
    --amber-600: #e29208;
    --paper: #ffffff;
    --mist: #F5F6F7;
    --mist-2: #eef1f4;
    --ink: #26333f;
    --muted: #5f6e7b;
    --line: #e3e2e2;
    --line-soft: #e9edf1;
    --coral-glow: rgba(251, 114, 76, .32);h1
    --navy-glow: rgba(40, 63, 97, .42);
    --r: 14px;
    --r-pill: 40px;
    --shadow-s: 0 2px 10px rgba(33, 59, 93, .07);
    --shadow-m: 0 16px 40px -18px rgba(21, 40, 64, .30);
    --shadow-l: 0 34px 70px -28px rgba(21, 40, 64, .45);
    --ease: cubic-bezier(.22, 1, .36, 1);
    font-family: 'Roboto', sans-serif;
    color: var(--ink);
    line-height: 1.65;
    font-size: 17px;
    -webkit-font-smoothing: antialiased;
    max-width: 100%;
}

.sais-v2 * {
    box-sizing: border-box;
}

.sais-v2 a {
    color: var(--amber-600);
    text-decoration: none;
}

.sais-v2 a:hover {
    text-decoration: underline;
    color: var(--amber-600);
}

.sais-v2 img {
    max-width: 100%;
    display: block;
}

/* ---- full-bleed helper ---- */
.sais-v2 .bleed {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    width: 100vw;
    max-width: 100vw;
}

.sais-v2 .wrap {
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 28px;
}

/* ---- shared type ---- */
.sais-v2 .eyebrow {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: .74rem;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--amber);
    margin: 0 0 1.1rem;
}

.sais-v2 .eyebrow::before {
    content: "";
    width: 30px;
    height: 2px;
    background: var(--amber);
    display: inline-block;
}

.sais-v2 h2 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 900;
    letter-spacing: -.018em;
    font-size: clamp(1.9rem, 3.6vw, 2.7rem);
    line-height: 1.08;
    color: var(--navy);
    margin: 0 0 1.1rem;
}

.sais-v2 h3 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
    font-size: 1.22rem;
    color: var(--navy);
    margin: 0 0 .55rem;
    letter-spacing: -.01em;
}

.sais-v2 p {
    margin: 0 0 1.05rem;
    color: var(--ink);
}

.sais-v2 .lead {
    font-size: 1.18rem;
    line-height: 1.6;
    color: #3a4653;
}

.sais-v2 .section {
    padding: clamp(3.5rem, 7vw, 6rem) 0;
}

.sais-v2 .section--mist {
    background: var(--mist);
}


/* clearance for the theme footer's floating quote card, which overhangs 150px into the page's last section (desktop) */
@media (min-width:992px) {
    .sais-v2 .section:last-of-type {
        padding-bottom: calc(clamp(3.5rem, 7vw, 6rem) + 160px);
    }
}

.sais-v2 .shead {
    max-width: 680px;
    margin: 0 0 2.6rem;
}

.sais-v2 .shead.center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.sais-v2 .shead.center .eyebrow {
    justify-content: center;
}

/* =================== AREAS WE SERVICE =================== */
.sais-v2 .areas-list{ columns:3; column-gap:2.4rem; margin:0 0 1.6rem; padding:0; list-style:none; }
.sais-v2 .areas-list li{ break-inside:avoid; display:flex; align-items:flex-start; gap:.6rem; padding:.5rem 0; font-size:1rem; color:var(--ink); border-bottom:1px solid var(--line-soft); }
.sais-v2 .areas-list li svg{ width:16px; height:16px; fill:var(--amber); flex:none; margin-top:4px; }
.sais-v2 .areas-note{ background:var(--mist); border:1px solid var(--line-soft); border-left:4px solid var(--amber); border-radius:0 var(--r) var(--r) 0; padding:1.1rem 1.4rem; font-size:.97rem; color:var(--muted); }
.sais-v2 .areas-note strong{ color:var(--navy); font-weight:700; }
@media (max-width:880px){ .sais-v2 .areas-list{ columns:2; } }
@media (max-width:520px){ .sais-v2 .areas-list{ columns:1; } }

/* ---- split-pill CTA (the brand signature, done right) ---- */
.sais-v2 .pill {
    display: inline-flex;
    vertical-align: middle;
    box-shadow: var(--shadow-m);
    border-radius: var(--r-pill);
}

.sais-v2 .pill a {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    height: 58px;
    padding: 0 1.9rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 1.02rem;
    letter-spacing: .01em;
    transition: all .35s var(--ease);
    white-space: nowrap;
}
@media (max-width: 767px){
    .sais-v2 .pill a{
     	padding: 0 1.5rem;
    }
}

.sais-v2 .pill .q {
    background: var(--amber);
    color: #fff;
    border-radius: var(--r-pill) 0 0 var(--r-pill);
    box-shadow: inset 0 0 0 0 var(--amber-600);
}

.sais-v2 .pill .p {
    background: #fff;
    color: var(--navy);
    border-radius: 0 var(--r-pill) var(--r-pill) 0;
    font-weight: 700;
}

.sais-v2 .pill .q:hover {
    background: var(--amber-600);
    padding-left: 2.1rem;
}

.sais-v2 .pill .p:hover {
    background: var(--navy);
    color: #fff;
}

.sais-v2 .pill a:focus-visible {
    outline: 3px solid var(--amber);
    outline-offset: 3px;
}

.sais-v2 .pill .q svg {
    width: 17px;
    height: 17px;
    fill: currentColor;
}

.sais-v2 .pill--ghost .p {
    background: transparent;
    color: #fff;
    box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .5);
}

.sais-v2 .pill--ghost .p:hover {
    background: #fff;
    color: var(--navy);
}

/* =================== HERO =================== */
.sais-v2 .hero {
    position: relative;
    overflow: hidden;
    background: var(--navy-900);
    color: #fff;
}

.sais-v2 .hero::before {
    /* photo wash — flat navy, no gradient */
    content: "";
    position: absolute;
    inset: 0;
    background: url('https://www.saishygiene.com.au/wp-content/uploads/2023/10/banner-image.png') center/cover no-repeat;
    opacity: .16;
}

.sais-v2 .hero::after {
    /* signature amber corner triangle */
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-right: 230px solid var(--amber);
    border-top: 230px solid transparent;
    opacity: .92;
    pointer-events: none;
}

.sais-v2 .hero-grain {
    position: absolute;
    inset: 0;
    opacity: .05;
    pointer-events: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

.sais-v2 .hero-inner {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1.08fr .92fr;
    gap: 3.2rem;
    align-items: center;
    padding: clamp(3.4rem, 6vw, 5.6rem) 0 clamp(3.4rem, 6vw, 5rem);
}
.page-template-template-staticcmspage .sais-v2 .hero-inner{
	display: block;
}
.sais-v2 .hero .eyebrow {
    color: #ffce7a;
}

.sais-v2 .hero .eyebrow::before {
    background: var(--amber);
}

.sais-v2 .hero h1 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 900;
    letter-spacing: -.022em;
    font-size: clamp(2.5rem, 5.4vw, 4rem);
    line-height: 1.03;
    margin: 0 0 1.2rem;
}

.sais-v2 .hero h1 .hl {
    color: var(--amber);
}

.sais-v2 .hero .sub {
    font-size: 1.2rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, .86);
    max-width: 36em;
    margin: 0 0 2rem;
}

.sais-v2 .hero-cta {
    display: flex;
    align-items: center;
    gap: 1.4rem;
    flex-wrap: wrap;
}

.sais-v2 .hero-note {
    font-size: .92rem;
    color: rgba(255, 255, 255, .6);
}

.sais-v2 .hero-figure {
    position: relative;
}

.sais-v2 .hero-figure .ba {
    box-shadow: var(--shadow-l);
}

.sais-v2 .hero-figure .figcap {
    margin: .9rem 2px 0;
    font-size: .86rem;
    color: rgba(255, 255, 255, .62);
    display: flex;
    align-items: center;
    gap: .5rem;
}

.sais-v2 .hero-figure .figcap svg {
    width: 15px;
    height: 15px;
    fill: #ffce7a;
    flex: none;
}

/* ---- trust strip ---- */
.sais-v2 .trust {
    background: var(--navy-800);
    color: #fff;
    position: relative;
    z-index: 2;
}

.sais-v2 .trust-in {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding: 1.5rem 0;
    flex-wrap: wrap;
}

.sais-v2 .trust-lab {
    font-size: .78rem;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .55);
    font-weight: 700;
    white-space: nowrap;
}

.sais-v2 .trust-logos {
    display: flex;
    align-items: center;
    gap: 2.4rem;
    flex-wrap: wrap;
}

.sais-v2 .trust-logos img {
    height: 52px;
    width: auto;
    max-width: 120px;
    object-fit: contain;
    background: #fff;
    padding: 10px 16px;
    border-radius: 10px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, .18);
    transition: transform .3s;
}

.sais-v2 .trust-logos img:hover {
    transform: translateY(-2px);
}


.sais-v2 .trust-creds{ display:flex; align-items:center; gap:.7rem 1rem; flex-wrap:wrap; }
.sais-v2 .trust-creds .tc{ display:inline-flex; align-items:center; gap:.6rem; font-size:.92rem; font-weight:500; color:rgba(255,255,255,.92); }
.sais-v2 .trust-creds .tc svg{ width:18px; height:18px; stroke:var(--amber); fill:none; stroke-width:2; flex:none; }
.sais-v2 .trust-creds .tc + .tc{ padding-left:1rem; box-shadow:inset 1px 0 0 rgba(255,255,255,.14); }
@media (max-width:680px){ .sais-v2 .trust-creds .tc + .tc{ padding-left:0; box-shadow:none; } }



.sais-v2 .trust-chips{ display:flex; align-items:center; gap:.6rem; flex-wrap:wrap; }
.sais-v2 .trust-chip{ display:inline-flex; align-items:center; gap:.5rem; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.16);
    color:#fff; font-size:.82rem; font-weight:600; letter-spacing:.02em; padding:.5rem .95rem; border-radius:40px; white-space:nowrap; }
.sais-v2 .trust-chip svg{ width:15px; height:15px; stroke:var(--amber); fill:none; stroke-width:2; flex:none; }

/* =================== CARDS / SUPPORT =================== */
.sais-v2 .grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.4rem;
}
.sais-v2 .grid-2 p a:visited{
	    color: var(--amber-600);
}

.sais-v2 .grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.4rem;
}

@media screen and (max-width: 767px){
	.sais-v2 .grid-3{
    grid-template-columns: repeat(1, 1fr);
    }
}

.sais-v2 .card {
    position: relative;
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: var(--r);
    padding: 2rem 1.9rem;
    box-shadow: var(--shadow-s);
    overflow: hidden;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease);
}

.sais-v2 .card::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-right: 22px solid var(--amber);
    border-bottom: 22px solid transparent;
    opacity: 0;
    transition: opacity .35s;
}

.sais-v2 .card:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-m);
}

.sais-v2 .card:hover::after {
    opacity: 1;
}

.sais-v2 .card .ic {
    width: 46px;
    height: 46px;
    border-radius: 11px;
    background: rgba(245, 162, 22, .12);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.1rem;
}

.sais-v2 .card .ic svg {
    width: 24px;
    height: 24px;
    stroke: var(--amber);
    fill: none;
    stroke-width: 1.9;
}

.sais-v2 .card p {
    font-size: .97rem;
    color: var(--muted);
    margin: 0;
}
.sais-v2 .card .go {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-top: 1rem;
    font-size: .9rem;
    font-weight: 600;
    color: var(--amber-600);
}
.sais-v2 .card .go svg {
    width: 14px;
    height: 14px;
    fill: currentColor;
    transition: transform .3s var(--ease);
}
.sais-v2 a.card:hover {
    text-decoration: none;
}
.sais-v2 .card:hover .go svg {
    transform: translateX(3px);
}

/* =================== COMPLIANCE WEDGE =================== */
.sais-v2 .compliance {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.6rem;
    align-items: center;
}

.sais-v2 .compliance .reveal.in p a:hover{
	color: var(--amber-600);
}
.sais-v2 .compliance .reveal.in p a:visited{
    color: var(--amber-600);
}

.sais-v2 .panel {
    position: relative;
    background: var(--navy);
    color: #fff;
    border-radius: var(--r);
    padding: 2.4rem 2.3rem;
    box-shadow: var(--shadow-m);
    overflow: hidden;
}

.sais-v2 .panel::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 120px solid var(--amber);
    border-top: 120px solid transparent;
    opacity: .14;
}

.sais-v2 .compliance .panel p .ptag{
	 margin-bottom: 0;
}

.sais-v2 .panel .ptag {
    display: inline-block;
    font-size: .72rem;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--amber);
    font-weight: 700;
    margin-bottom: .9rem;
}

.sais-v2 .panel p {
    color: rgba(255, 255, 255, .9);
    font-size: 1rem;
    position: relative;
}

.sais-v2 .panel strong {
    color: #fff;
}

.sais-v2 .panel .rule {
    height: 1px;
    background: rgba(255, 255, 255, .16);
    margin: 1.3rem 0;
}

.compliance .panel.reveal.in ul li {
    position: relative;
    padding-left: 32px;
}

.compliance .panel.reveal.in ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17 4 12' fill='none' stroke='%23f5a216' stroke-width='3'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}


.sais-v2 .panel ul{ list-style:none; margin:.2rem 0 0; padding:0; }
.sais-v2 .panel li{ display:flex; gap:.7rem; align-items:flex-start;
color:rgba(255,255,255,.9); font-size:.98rem; margin-bottom:.7rem; }
.sais-v2 .panel li svg{ width:18px; height:18px; stroke:var(--amber); fill:none; stroke-width:2.2; flex:none; margin-top:3px; }

/* =================== STAT BAND =================== */
.sais-v2 .statband {
    position: relative;
    overflow: hidden;
    background: var(--navy);
    color: #fff;
    border-radius: 18px;
    padding: clamp(2.4rem, 4vw, 3.2rem) clamp(1.5rem, 4vw, 3rem);
    box-shadow: var(--shadow-m);
}

.sais-v2 .statband .hero-grain {
    opacity: .06;
}

.sais-v2 .stats {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
    text-align: center;
}

.sais-v2 .stat .num {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 900;
    font-size: clamp(2.4rem, 4.6vw, 3.4rem);
    line-height: 1;
    color: var(--amber);
    letter-spacing: -.02em;
    display: block;
}

.sais-v2 .stat .num small {
    font-size: .42em;
    font-weight: 700;
}

.sais-v2 .stat .lbl {
    display: block;
    margin-top: .6rem;
    font-size: .85rem;
    color: rgba(255, 255, 255, .78);
    line-height: 1.4;
}

.sais-v2 .stat+.stat {
    border-left: 1px solid rgba(255, 255, 255, .12);
}

.sais-v2 .statband .skicker {
    position: relative;
    z-index: 2;
    text-align: center;
    margin: 1.9rem auto 0;
    max-width: 660px;
    color: rgba(255, 255, 255, .82);
    font-size: 1.02rem;
}

.sais-v2 .statband .skicker b {
    color: #fff;
}

/* =================== BEFORE / AFTER SLIDER =================== */
.sais-v2 .ba {
    position: relative;
    aspect-ratio: 4/3;
    border-radius: var(--r);
    overflow: hidden;
    background: #0d1b2a;
    user-select: none;
    box-shadow: var(--shadow-s);
}

.sais-v2 .ba img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sais-v2 .ba__after {
    position: absolute;
    inset: 0;
    clip-path: inset(0 0 0 var(--pos, 50%));
}

.sais-v2 .ba__div {
    position: absolute;
    top: 0;
    bottom: 0;
    left: var(--pos, 50%);
    width: 3px;
    background: var(--amber);
    transform: translateX(-50%);
    pointer-events: none;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .15);
}

.sais-v2 .ba__handle {
    position: absolute;
    top: 50%;
    left: var(--pos, 50%);
    transform: translate(-50%, -50%);
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: var(--amber);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 16px rgba(0, 0, 0, .35);
    pointer-events: none;
}

.sais-v2 .ba__handle svg {
    width: 22px;
    height: 22px;
    fill: #fff;
}

.sais-v2 .ba__range {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: ew-resize;
    z-index: 3;
}

.sais-v2 .ba__tag {
    position: absolute;
    top: 12px;
    z-index: 2;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: .32rem .7rem;
    border-radius: 40px;
    color: #fff;
    backdrop-filter: blur(3px);
}

.sais-v2 .ba__tag.b {
    left: 12px;
    background: rgba(21, 40, 64, .72);
}

.sais-v2 .ba__tag.a {
    right: 12px;
    background: rgba(245, 162, 22, .92);
}

.sais-v2 .ba-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.6rem;
}

.sais-v2 .ba-cell figcaption {
    margin-top: .7rem;
    font-size: .92rem;
    color: var(--muted);
    display: flex;
    align-items: center;
    gap: .5rem;
}

.sais-v2 .ba-cell figcaption b {
    color: var(--navy);
}

.sais-v2 .work-video {
    width: 100%;
    border-radius: var(--r);
    margin-top: 1.6rem;
    box-shadow: var(--shadow-s);
    display: block;
}

.sais-v2 .caption {
    font-size: .9rem;
    color: var(--muted);
    font-style: italic;
    margin-top: .7rem;
}

/* =================== ACCREDITATIONS =================== */
.sais-v2 .creds {
    position: relative;
    overflow: hidden;
    background: var(--navy);
    border-radius: 18px;
    box-shadow: var(--shadow-m);
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.sais-v2 .creds .hero-grain {
    opacity: .06;
}

.sais-v2 .cred {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 1.7rem 1.6rem;
}

.sais-v2 .cred+.cred {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .1);
}

.sais-v2 .cred svg {
    width: 30px;
    height: 30px;
    stroke: var(--amber);
    fill: none;
    stroke-width: 1.7;
    flex: none;
}

.sais-v2 .cred b {
    display: block;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
    font-size: 1.02rem;
    color: #fff;
    line-height: 1.15;
}

.sais-v2 .cred span {
    font-size: .8rem;
    color: rgba(255, 255, 255, .66);
}

@media (max-width:680px) {
    .sais-v2 .creds {
        grid-template-columns: 1fr 1fr;
    }

    .sais-v2 .cred:nth-child(odd) {
        box-shadow: none;
    }
}

/* =================== TESTIMONIALS =================== */
.sais-v2 .quotes {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.6rem;
}

.sais-v2 .quote {
    position: relative;
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: var(--r);
    padding: 2.2rem 2rem 1.8rem;
    box-shadow: var(--shadow-s);
}

.sais-v2 .quote::before {
    content: "\201C";
    position: absolute;
    top: .2rem;
    left: 1.2rem;
    font-family: 'Source Sans Pro', serif;
    font-size: 4.5rem;
    line-height: 1;
    color: var(--amber);
    opacity: .32;
}

.sais-v2 .quote p {
    position: relative;
    font-size: 1.05rem;
    line-height: 1.6;
    color: #36424e;
    margin: 0 0 1.1rem;
}

.sais-v2 .quote .by {
    font-weight: 700;
    color: var(--navy);
    font-size: .92rem;
}

.sais-v2 .quote .by span {
    display: block;
    font-weight: 400;
    color: var(--muted);
    font-size: .85rem;
    margin-top: .15rem;
}

/* logos row */
.sais-v2 .logos {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3rem;
    flex-wrap: wrap;
    margin-bottom: 2.2rem;
}

.sais-v2 .logos img {
    height: 46px;
    width: auto;
    object-fit: contain;
    filter: grayscale(1);
    opacity: .62;
    transition: all .35s;
}

.sais-v2 .logos img:hover {
    filter: grayscale(0);
    opacity: 1;
}

/* =================== FAQ =================== */
.sais-v2 .faq {
    max-width: 820px;
    margin: 0 auto;
}

.sais-v2 details {
    border-bottom: 1px solid var(--line);
}

.sais-v2 details summary {
    list-style: none;
    cursor: pointer;
    padding: 1.3rem 2.5rem 1.3rem 0;
    position: relative;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
    font-size: 1.12rem;
    color: var(--navy);
}

.sais-v2 details summary::-webkit-details-marker {
    display: none;
}

.sais-v2 details summary::after {
    content: "+";
    position: absolute;
    right: .2rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.5rem;
    color: var(--amber);
    transition: transform .3s;
    font-weight: 400;
}

.sais-v2 details[open] summary::after {
    content: "\2013";
}

.sais-v2 details .a {
    padding: 0 0 1.4rem;
    color: var(--muted);
    font-size: 1rem;
}

/* =================== CTA BAND =================== */
.sais-v2 .ctaband {
    position: relative;
    overflow: hidden;
    background: var(--navy);
    color: #fff;
    text-align: center;
    padding: clamp(3.4rem, 6vw, 5rem) 28px;
}

.sais-v2 .ctaband::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    border-right: 180px solid var(--amber);
    border-bottom: 180px solid transparent;
    opacity: .9;
}

.sais-v2 .ctaband-in {
    position: relative;
    z-index: 2;
    max-width: 680px;
    margin: 0 auto;
}

.sais-v2 .ctaband h2 {
    color: #fff;
    font-size: clamp(1.9rem, 4vw, 2.8rem);
    margin-bottom: .9rem;
}

.sais-v2 .ctaband p {
    color: rgba(255, 255, 255, .86);
    font-size: 1.12rem;
    margin-bottom: 2rem;
}

/* =================== INTERNAL LINKS =================== */
.sais-v2 .siblings {
    display: flex;
    flex-wrap: wrap;
    gap: .7rem;
    justify-content: center;
}

.sais-v2 .chip {
    display: inline-block;
    padding: .55rem 1.15rem;
    border: 1px solid var(--line);
    border-radius: 40px;
    font-size: .92rem;
    font-weight: 500;
    color: var(--navy);
    background: #fff;
    transition: all .3s;
}

.sais-v2 .chip:hover {
    border-color: var(--amber);
    color: var(--amber-600);
    text-decoration: none;
    transform: translateY(-2px);
}
.sais-v2 .serve a:visited{
color: var(--navy);
}
.sais-v2 .serve a:hover{
color: var(--amber-600);
}

/* =================== MOTION =================== */
/* fail-visible: reveals are only hidden once JS marks the root .is-ready (so no-JS = everything shows) */
.sais-v2.is-ready .reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .7s var(--ease), transform .7s var(--ease);
}

.sais-v2 .reveal.in {
    opacity: 1;
    transform: none;
}

.sais-v2 [data-stagger]>* {
    opacity: 0;
    transform: translateY(18px);
    animation: saisUp .8s var(--ease) forwards;
}

@keyframes saisUp {
    to {
        opacity: 1;
        transform: none;
    }
}

.sais-v2 .hero-inner[data-stagger]>*:nth-child(1) {
    animation-delay: .05s;
}

.sais-v2 .hero-inner[data-stagger]>*:nth-child(2) {
    animation-delay: .22s;
}

/* =================== HOW IT WORKS (3 steps) =================== */
.sais-v2 .steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.2rem;
    position: relative;
    margin-top: .5rem;
}

.sais-v2 .step {
    position: relative;
}

.sais-v2 .step .snum {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: var(--amber);
    color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 900;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 22px -8px var(--coral-glow);
    margin-bottom: 1.2rem;
    position: relative;
    z-index: 2;
}

.sais-v2 .step h3 {
    margin-bottom: .5rem;
}

.sais-v2 .step p {
    color: var(--muted);
    font-size: .98rem;
    margin: 0;
}

.sais-v2 .step:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 28px;
    left: 64px;
    right: -2.4rem;
    height: 2px;
    background: var(--line);
    z-index: 1;
}

@media (max-width:680px) {
    .sais-v2 .steps {
        grid-template-columns: 1fr;
        gap: 1.6rem;
    }

    .sais-v2 .step:not(:last-child)::before {
        display: none;
    }
}

/* =================== RESPONSIVE =================== */
@media (max-width:980px) {
    .sais-v2 .hero-inner {
        grid-template-columns: 1fr;
        gap: 2.4rem;
    }

    .sais-v2 .compliance {
        grid-template-columns: 1fr;
        gap: 1.8rem;
    }

    .sais-v2 .trust-in {
        justify-content: center;
        text-align: center;
    }
}

@media (max-width:680px) {
    .sais-v2 {
        font-size: 16px;
    }

    .sais-v2 .grid-2,
    .sais-v2 .ba-grid,
    .sais-v2 .quotes {
        grid-template-columns: 1fr;
    }

    .sais-v2 .stats {
        grid-template-columns: 1fr 1fr;
        gap: 1.8rem 1rem;
    }

    .sais-v2 .stat:nth-child(3) {
        border-left: none;
    }

    .sais-v2 .pill {
        width: 100%;
    }

    .sais-v2 .pill a {
        flex: 1;
        justify-content: center;
    }

    .sais-v2 .hero-cta {
        gap: 1rem;
    }
}

@media (prefers-reduced-motion:reduce) {

    .sais-v2 .reveal,
    .sais-v2 [data-stagger]>* {
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
        transition: none !important;
    }
}

/* =================== HERO ELEVATION (2026-07-15) — cinematic photo + evidence-card slider, ported from the Design Lab concept =================== */
.sais-v2 .hero {
    isolation: isolate;
}

.sais-v2 .hero::before {
    /* full-strength photo (replaces the 16% wash) */
    /* NAVIN: hero-canopy-cleaning.jpg ships in new-media-assets.zip -> /wp-content/uploads/2026/07/ (same image the footer CSS uses) */
    background: url('https://www.saishygiene.com.au/wp-content/uploads/2026/08/hero-canopy-cleaning-footer.jpg') center 32%/cover no-repeat;
    opacity: 1;
    z-index: -2;
}

.sais-v2 .hero::after {
    /* directional navy wash for headline readability (replaces the corner triangle) */
    inset: 0;
    width: auto;
    height: auto;
    border: 0;
    opacity: 1;
    z-index: -1;
    pointer-events: none;
    background: linear-gradient(92deg, rgba(18, 32, 52, .94) 0%, rgba(25, 41, 63, .86) 44%, rgba(33, 59, 93, .62) 100%);
}

.sais-v2 .hero-grain {
    display: none;
}

.sais-v2 .hero-figure {
    transform: rotate(-1.4deg);
    transition: transform .5s var(--ease);
}

.sais-v2 .hero-figure:hover {
    transform: rotate(0deg) scale(1.01);
}

.sais-v2 .hero-figure .ba {
    border-radius: 14px;
    box-shadow: 0 34px 70px -22px rgba(0, 0, 0, .65), 0 0 0 10px #fff, 0 0 0 11px rgba(0, 0, 0, .06);
}

.sais-v2 .hero-figure .figcap {
    margin-top: 1.35rem;
    color: rgba(255, 255, 255, .72);
}

.sais-v2 .hero-figure .figcap svg {
    fill: rgba(255, 255, 255, .55);
}

@media (max-width:980px) {
    .sais-v2 .hero-figure {
        transform: none;
        max-width: 560px;
    }
}

@media (prefers-reduced-motion:reduce) {
    .sais-v2 .hero-figure {
        transform: none !important;
    }
}

/* ============ SAIS mega footer (Jasper-density, on-brand). Injected 2026-07-01. ============ */
.saismf-scope{--mf-navy:#213b5d;--mf-navy2:#19293f;--mf-amber:#f5a216;}
/* 1) Contain the floating form inside the navy hero so nothing below it overlaps */
.site-footer{background-color:#213b5d!important;}
/* the theme's decorative wedge/hero layers span the whole footer and swallow clicks — make them click-transparent */
.site-footer::before,.site-footer::after,.site-footer .footer-top::before{pointer-events:none!important;}
.saismf,.saismf-creds{position:relative;z-index:2;}
/* Full-bleed hero photo (2026-07-02): cover layer sized to the hero band via .footer-top::before,
   original diagonal top recreated with clip-path (alpha slope 192/2600 = 7.4% of width). Desktop only. */
@media (min-width:992px){
.site-footer::after{background-image:none!important;}
.site-footer .footer-top::before{content:"";position:absolute;left:0;right:0;top:-150px;bottom:0;z-index:-1;background:linear-gradient(90deg,rgba(21,38,60,.88) 0%,rgba(33,59,93,.72) 45%,rgba(33,59,93,.62) 100%),url(https://www.saishygiene.com.au/wp-content/uploads/2026/08/hero-canopy-cleaning-footer.jpg) center/cover no-repeat;clip-path:polygon(0 0,100% 7.4vw,100% 100%,0 calc(100% - 7.4vw));}
/* ^ bottom edge clipped along the SAME diagonal as the creds band's top (below). Both clips must coincide: when the
   HubSpot embed hydrates, the theme's backdrop-filter card promotes this photo layer above the creds band in paint
   order, so the photo's own bottom edge must carry the diagonal too or the seam renders flat (bit us 2026-07-15). */
}
.site-footer .footer-top .right-col{margin-bottom:0!important;}
.site-footer .footer-top .right-col .form-wrap{margin-bottom:0!important;transform:none!important;}
/* replace the legacy 3-column menu + old copyright with the mega footer below */
.site-footer .footer-btm{display:none!important;}

/* 1b) Footer CTA band polish (2026-07-15, page-side only — HubSpot iframe internals styled in the form editor):
   complete the theme's orphaned split-pill half (was border-radius:0 40px 40px 0, no icon), refine the form-card frame, add the eyebrow */
.site-footer .footer-top .left-col .button-wrap a{border-radius:40px;gap:8px;width:auto;padding:0 28px;color:#213b5d;font-weight:700;transition:all .3s ease-in-out;}
.site-footer .footer-top .left-col .button-wrap a::before{content:"";width:15px;height:15px;flex:0 0 auto;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23213b5d'%3E%3Cpath d='M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.6 21 3 13.4 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.2.2 2.4.6 3.6.1.4 0 .8-.2 1l-2.3 2.2z'/%3E%3C/svg%3E") center/contain no-repeat;}
.site-footer .footer-top .left-col .button-wrap a:hover{transform:translateY(-2px);box-shadow:5px 5px 12px 0 rgba(40,63,97,.55);}
/* card frame: 5.09px amber border + blunt 0 4px 4px black shadow -> slim 2px border, soft navy-tinted lift */
.site-footer .footer-top .right-col .form-wrap{border-width:2px;border-radius:20px;box-shadow:0 20px 50px 0 rgba(15,32,54,.25);}
/* eyebrow per the sitewide section grammar. Preview-only technique — NAVIN: implement as a real eyebrow heading in the theme markup */
.site-footer .footer-top .left-col h2::before{content:"Free quote";display:block;font-family:Roboto,sans-serif;color:#f5a216;font-size:14px;font-weight:700;letter-spacing:3.5px;text-transform:uppercase;margin-bottom:14px;}

/* 2) Clean-break credential band (fills the old dead zone, gives a clean break into the mega footer) */
.saismf-creds{background:#f5f6f7;padding:70px 20px 74px;text-align:center;position:relative;font-family:Roboto,sans-serif;}
.saismf-creds .saismf-eyebrow{color:var(--mf-amber);font-weight:700;font-size:14px;letter-spacing:3.5px;text-transform:uppercase;margin:0 0 10px;}
.saismf-creds h3{font-family:'source_sans_probold','Cabin',sans-serif;color:#213b5d;font-weight:normal;font-size:26px;line-height:1.25;margin:0 auto 34px;max-width:640px;}
.saismf-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;max-width:960px;margin:0 auto;}
.saismf-badge{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:#fff;border:1px solid #e6e8ec;border-radius:12px;padding:18px 26px;min-width:180px;box-shadow:0 2px 12px rgba(15,32,54,.05);transition:all .3s ease-in-out;}
/* theme signature: folded-corner amber triangle (card-scale accent) */
.saismf-badge::after{content:"";position:absolute;top:0;right:0;border-style:solid;border-width:0 22px 22px 0;border-color:transparent var(--mf-amber) transparent transparent;}
.saismf-badge:hover{transform:translateY(-3px);border-color:rgba(245,162,22,.55);box-shadow:5px 5px 14px 0 rgba(40,63,97,.18);}
.saismf-badge strong{color:#213b5d;font-size:17px;font-weight:700;line-height:1.15;}
.saismf-badge span{color:#6a7686;font-size:13.5px;margin-top:3px;}
/* diagonal top seam (2026-07-15): the hero->creds join was the only straight seam in the stack. 7.4vw = the same slope as the hero band's top edge, so the navy photo band reads as a parallelogram; all widths */
.saismf-creds{margin-top:-7.4vw;clip-path:polygon(0 0,100% 7.4vw,100% 100%,0 100%);padding-top:calc(70px + 7.4vw);}
.site-footer .footer-top .right-col{position:relative;z-index:3;} /* keep the floating form card above the seam overlap */

/* 3) The mega footer */
.saismf{background:var(--mf-navy2);color:#fff;position:relative;overflow:hidden;font-family:Roboto,sans-serif;clip-path:polygon(0 0,100% 1.8vw,100% 100%,0 100%);}
/* corner triangle removed per request */
.saismf-inner{max-width:1200px;margin:0 auto;padding:60px 24px 34px;position:relative;}

/* brand band across the top */
.saismf-brandrow{display:flex;justify-content:space-between;align-items:flex-start;gap:44px;flex-wrap:wrap;padding-bottom:40px;margin-bottom:44px;border-bottom:1px solid rgba(255,255,255,.11);}
.saismf-brand{flex:1 1 460px;max-width:560px;}
.saismf-brand .saismf-word{font-family:'source_sans_probold','Cabin',sans-serif;font-weight:normal;font-size:27px;letter-spacing:.01em;margin:0 0 15px;color:#fff;}
.saismf-brand .saismf-word b{color:var(--mf-amber);font-weight:normal;}
.saismf-brand p.saismf-blurb{font-family:'Cabin',sans-serif;color:rgba(255,255,255,.68);font-size:15.5px;line-height:1.75;margin:0;}
.saismf-brandcontact{flex:0 0 auto;text-align:right;}
/* theme signature: split-pill CTA (two halves, 15px gap, 40px radii, paired glow shadows) */
.saismf-pill{display:inline-flex;align-items:center;gap:15px;flex-wrap:wrap;}
.saismf-pill a{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:42px;padding:0 26px;font-family:Roboto,sans-serif;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s ease-in-out;}
.saismf-pill-quote{background:var(--mf-amber);color:#fff;border-radius:40px 0 0 40px;box-shadow:2px 4px 10px 0 rgba(251,114,76,.3);}
.saismf-pill-quote:hover{transform:translateY(-2px);box-shadow:2px 8px 18px 0 rgba(251,114,76,.45);}
.saismf-pill-phone{background:#fff;color:#213b5d;font-weight:700;border-radius:0 40px 40px 0;box-shadow:2px 4px 10px 0 rgba(40,63,97,.5);}
.saismf-pill-phone svg{width:15px;height:15px;fill:#213b5d;}
.saismf-pill-phone:hover{transform:translateY(-2px);box-shadow:5px 5px 12px 0 rgba(40,63,97,.55);}
.saismf-contact{margin-top:14px;font-size:14px;line-height:1.85;}
.saismf-contact a{color:rgba(255,255,255,.85);text-decoration:none;}
.saismf-contact a:hover{color:var(--mf-amber);}
.saismf-branches{margin-top:6px;color:rgba(255,255,255,.5);font-size:13.5px;}
.saismf-social{display:inline-flex;align-items:center;gap:7px;color:rgba(255,255,255,.85);text-decoration:none;font-size:14px;margin-top:4px;transition:all .3s ease-in-out;}
.saismf-social:hover{color:var(--mf-amber);}
.saismf-social svg{width:16px;height:16px;fill:currentColor;}

/* link columns: one row of six on desktop */
.saismf-cols{display:grid;grid-template-columns:repeat(6,1fr);gap:34px 26px;}
.saismf-col h5{color:#fff;font-size:13.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px;position:relative;padding-bottom:10px;}
.saismf-col h5:after{content:"";position:absolute;left:0;bottom:0;width:26px;height:2px;background:var(--mf-amber);}
.saismf-col ul{list-style:none;margin:0 0 4px;padding:0;}
.saismf-col li{margin:0;}
.saismf-col a{display:inline-block;color:rgba(255,255,255,.70) !important;font-size:14.5px;line-height:1.55;text-decoration:none;padding:4px 0;transition:all .3s ease-in-out;}
.saismf-col a:hover{color:var(--mf-amber);transform:translateX(3px);}
.saismf-substate{display:block;color:var(--mf-amber);font-size:11.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;margin:12px 0 3px;}
.saismf-substate.first{margin-top:0;}
.saismf-col a:hover {
    color: var(--mf-amber) !important;
}
#menu-locations-locations li.highlighted a{
    all: unset;
        display: block;
    color: var(--mf-amber) !important;
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .13em;
    text-transform: uppercase;
    margin: 12px 0 3px;
    pointer-events: none;
    cursor: text;
}

.saismf-bar{border-top:1px solid rgba(255,255,255,.12);margin-top:50px;padding-top:24px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;}
.saismf-copy{color:rgba(255,255,255,.62);font-size:14px;font-weight:300;letter-spacing:.01em;text-align:center;}
.saismf-copy a{color:rgba(255,255,255,.75) !important;text-decoration:underline;text-underline-offset:2px;transition:color .3s ease-in-out;}
.saismf-copy a:hover{color:var(--mf-amber);}
.saismf-legal{display:flex;flex-wrap:wrap;gap:22px;}
.saismf-legal a{color:rgba(255,255,255,.6);font-size:13.5px;text-decoration:none;}
.saismf-legal a:hover{color:var(--mf-amber);}

/* quality floor: keyboard focus + reduced motion (theme provides neither) */
.saismf-scope a:focus-visible{outline:2px solid var(--mf-amber);outline-offset:3px;border-radius:2px;}
@media (prefers-reduced-motion:reduce){.saismf-scope *,.saismf-scope *::after{transition:none!important;}}

@media(max-width:1100px){
  .saismf-cols{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:680px){
  .saismf-cols{grid-template-columns:repeat(2,1fr);}
  .saismf-inner{padding:48px 20px 30px;}
  .saismf-brandcontact{text-align:left;}
  .saismf-brand{flex-basis:100%;}
  .saismf-creds h3{font-size:22px;}
  .saismf-badge{min-width:140px;flex:1 1 40%;}
}
@media(max-width:480px){
  .saismf-pill{width:100%;}
  .saismf-pill a{flex:1 1 100%;border-radius:40px;}
}
@media(max-width:430px){
  .saismf-cols{grid-template-columns:1fr;}
}


/* Privacy Policy */

.sais-v2 .page-hero {
    background: var(--navy-900);
    color: #fff;
    padding: clamp(2.6rem, 5vw, 4rem) 0;
    position: relative;
    overflow: hidden;
}

.sais-v2 .page-hero::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-right: 140px solid var(--amber);
    border-top: 140px solid transparent;
    opacity: .92;
    pointer-events: none;
}

.sais-v2 {
    --navy:#213B5D; --navy-900:#152840;
    --amber:#F5A216; --amber-600:#e29208;
    --ink:#26333f; --muted:#5f6e7b; --line:#e3e2e2;
    font-family:'Roboto',sans-serif; color:var(--ink); line-height:1.7;
    font-size:17px; -webkit-font-smoothing:antialiased; max-width:100%;
}
.sais-v2 *{box-sizing:border-box;}
.sais-v2 a{color:var(--amber-600); text-decoration:none;}
.sais-v2 a:hover{text-decoration:underline;}
.sais-v2 .bleed{ margin-left:calc(-50vw + 50%); margin-right:calc(-50vw + 50%); width:100vw; max-width:100vw; }
.page-template-template-privacypolicy .sais-v2 .wrap{ max-width:820px; margin:0 auto; padding:0 28px; }
.sais-v2 .page-hero{ background:var(--navy-900); color:#fff; padding:clamp(2.6rem,5vw,4rem) 0; position:relative; overflow:hidden; }
.sais-v2 .page-hero::after{ content:""; position:absolute; right:0; bottom:0; width:0; height:0;
    border-right:140px solid var(--amber); border-top:140px solid transparent; opacity:.92; pointer-events:none; }
.sais-v2 .page-hero .eyebrow{ font-weight:700; font-size:.74rem; letter-spacing:.22em; text-transform:uppercase; color:#ffce7a; margin:0 0 .9rem; }
.sais-v2 .page-hero h1{ font-family:'Source Sans Pro',sans-serif; font-weight:900; letter-spacing:-.02em;
    font-size:clamp(2rem,4.4vw,3rem); line-height:1.05; margin:0 0 .7rem; }
.sais-v2 .page-hero .updated{ color:rgba(255,255,255,.65); font-size:.95rem; margin:0; }
.sais-v2 .policy{ padding:clamp(2.6rem,5vw,4rem) 0 clamp(3rem,6vw,4.5rem); }
.sais-v2 .policy h2{ font-family:'Source Sans Pro',sans-serif; font-weight:700; color:var(--navy);
    font-size:1.35rem; margin:2.2rem 0 .7rem; letter-spacing:-.01em; }
.sais-v2 .policy h2:first-child{ margin-top:0; }
.sais-v2 .policy p{ margin:0 0 1rem; }
.sais-v2 .policy ul{ margin:0 0 1rem 1.2rem; padding:0; }
.sais-v2 .policy li{ margin:0 0 .45rem; }
.sais-v2 .contact-block{ background:#F5F6F7; border-left:3px solid var(--amber); border-radius:0 10px 10px 0;
    padding:1.3rem 1.5rem; margin-top:2.4rem; }
.sais-v2 .contact-block p{ margin:0 0 .3rem; }
/* clearance for the theme footer's floating quote card, which overhangs ~150px into the page's last section (desktop) */
@media (min-width:992px){ .sais-v2 .policy{ padding-bottom:calc(clamp(3rem,6vw,4.5rem) + 170px); } }

/* frequency table */
.sais-v2 table{ width:100%; border-collapse:collapse; margin:1.2rem 0 .6rem; font-size:.97rem; }
.sais-v2 th{ text-align:left; font-family:'Source Sans Pro',sans-serif; font-weight:700; color:var(--navy);
    border-bottom:2px solid var(--amber); padding:.6rem .8rem; }
.sais-v2 td{ border-bottom:1px solid var(--line-soft); padding:.6rem .8rem; vertical-align:top; }
.sais-v2 tr:nth-child(even) td{ background:#fafbfc; }
.sais-v2 .tnote{ font-size:.88rem; color:var(--muted); font-style:italic; }
.sais-guide .sais-v2 .ba-cell figcaption {
	display: block;
    margin-top: 0.7rem;
    font-size: 0.85rem;
    color: var(--grey-text);
    text-align: center;
    font-style: italic;
    line-height: 1.5;
}

/* =================== AREAS WE SERVICE (in template style language) =================== */
.sais-v2 .areas-cols{ columns:4; column-gap:1.6rem; margin:0; padding:0; list-style:none; }
.sais-v2 .areas-cols li{ break-inside:avoid; display:flex; align-items:center; gap:.6rem; padding:.5rem 0; font-size:1rem; color:var(--ink); border-bottom:1px solid var(--line-soft); }
.sais-v2 .areas-cols li svg{ width:16px; height:16px; stroke:var(--amber); fill:none; stroke-width:2; flex:none; }
.sais-v2 .areas-note{ background:var(--mist); border:1px solid var(--line-soft); border-left:4px solid var(--amber); border-radius:0 12px 12px 0;
    padding:1.1rem 1.4rem; margin-top:2rem; font-size:.97rem; color:var(--muted); line-height:1.6; }
.sais-v2 .areas-note strong{ color:var(--navy); font-weight:700; }
@media (max-width:980px){ .sais-v2 .areas-cols{ columns:3; } }
@media (max-width:680px){ .sais-v2 .areas-cols{ columns:2; } }