:root{--ink:#183851;--muted:#516d80;--line:#d9eaf4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;font-family:system-ui,'Segoe UI',Arial,sans-serif;font-size:17px;line-height:1.65;color:var(--ink)}a{text-decoration:none;color:inherit}.container{max-width:1320px;padding:0 30px;margin:auto}.header{position:sticky;top:0;z-index:20;background:#fffffffa;border-bottom:1px solid var(--line)}.header-inner{max-width:1500px;min-height:94px;margin:auto;padding:10px 30px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px}.brand{display:flex;align-items:center}.brand img{width:220px;max-width:100%;height:65px;object-fit:contain;object-position:left}.brand strong{font-size:30px;color:#168eea}.nav{display:flex;gap:22px;align-items:center}.nav a{font-size:16px;font-weight:650;white-space:nowrap}.nav a:hover{color:#158fe5}.auth{display:flex;justify-content:flex-end;align-items:center;gap:12px}.login,.register{font-size:16px;font-weight:700;border-radius:11px;padding:10px 16px;white-space:nowrap}.login{border:1px solid var(--line)}.register,.primary{background:linear-gradient(120deg,#23afe9,#4178e9);color:white}.menu-button{display:none;background:white;border:1px solid var(--line);border-radius:10px;font-size:25px;padding:5px 12px}.hero{background:radial-gradient(circle at 85% 20%,#b8ebff,transparent 35%),linear-gradient(135deg,#f4fcff,#e4f6ff 60%,#ecedff);padding:95px 0}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:50px}.eyebrow{display:block;font-size:15px;letter-spacing:.09em;color:#1186d2;font-weight:800;margin-bottom:20px}.hero h1{font-size:clamp(44px,5vw,73px);line-height:1.13;letter-spacing:-.045em;margin:0 0 25px}.hero h1 em{font-style:normal;color:#168fe0}.hero p{font-size:19px;color:var(--muted);max-width:680px;margin:0 0 30px}.primary,.secondary{display:inline-block;padding:13px 24px;border-radius:12px;font-size:16px;font-weight:750;margin:0 12px 10px 0}.secondary{border:1px solid #b5d9eb;background:#fff;color:#19649d}.hero-art{min-height:370px;display:grid;place-items:center}.orb{width:min(340px,75vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 25%,#9beeff,#30a9e8 53%,#5365d7);box-shadow:0 25px 80px #2688d04a;display:flex;align-items:center;justify-content:center;flex-direction:column;color:white;text-align:center;padding:20px}.orb-icon{font-size:75px}.orb strong{font-size:23px}.orb small{font-size:16px}.section{padding:100px 0}.soft{background:#eff8ff}.section h2{font-size:clamp(34px,4vw,52px);line-height:1.2;letter-spacing:-.03em;margin:0 0 24px}.intro{font-size:18px;max-width:900px;color:var(--muted);margin:0 0 35px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{border:1px solid var(--line);border-radius:22px;padding:28px;min-height:285px;display:flex;flex-direction:column;background:#fff;transition:transform .22s,box-shadow .22s,background .22s}.card:hover{transform:translateY(-7px);box-shadow:0 18px 38px #256fa520;background:var(--soft)}.card .ico{display:grid;place-items:center;width:66px;height:66px;border-radius:18px;background:var(--soft);color:var(--accent);font-size:35px;font-weight:800}.card h3{font-size:23px;line-height:1.25;margin:20px 0 8px}.card p{font-size:16px;color:var(--muted);margin:0 0 22px}.card b{font-size:15px;color:var(--accent);margin-top:auto}.blue{--accent:#138de5;--soft:#eaf6ff}.violet{--accent:#7953d7;--soft:#f2ecff}.orange{--accent:#e48422;--soft:#fff1e2}.teal{--accent:#159e91;--soft:#e6faf5}.pink{--accent:#d54f98;--soft:#fff0f8}.indigo{--accent:#4c66d9;--soft:#edf0ff}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.steps article{background:white;border:1px solid var(--line);padding:30px;border-radius:20px}.steps strong{font-size:25px;color:#128fdf}.steps h3{font-size:23px;margin:14px 0}.steps p{font-size:16px;color:var(--muted)}.footer{background:#0b213b;color:#d8e9f7;padding:65px 0 0}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px}.footer .brand img{filter:brightness(1.5)}.footer .brand strong{color:#a7e7ff}.footer p{font-size:16px;color:#aec3d5}.footer h3{font-size:18px;margin:0 0 15px;color:#fff}.footer-grid>div>a:not(.brand){display:block;font-size:16px;color:#c2d2e1;margin:9px 0}.footer-grid>div>a:hover{color:#7cdbff}.footer-bottom{border-top:1px solid #ffffff25;margin-top:48px;padding-top:22px;padding-bottom:26px;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:14px}.footer-bottom a{color:#77d8ff;font-weight:750}@media(max-width:1180px){.header-inner{grid-template-columns:1fr auto auto}.menu-button{display:block;grid-column:3}.auth{grid-column:2;grid-row:1}.nav{display:none;grid-column:1/-1;grid-row:2;flex-direction:column;align-items:stretch;padding:15px 0}.nav.open{display:flex}.nav a{padding:6px 0}}@media(max-width:850px){.hero-grid{grid-template-columns:1fr}.cards,.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.container{padding:0 20px}.header-inner{padding:10px 16px;gap:9px}.brand img{width:145px;height:50px}.brand strong{font-size:22px}.login,.register{font-size:14px;padding:8px}.menu-button{font-size:20px;padding:4px 8px}.hero{padding:70px 0}.hero h1{font-size:42px}.hero-art{min-height:280px}.section{padding:70px 0}.cards,.steps,.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:center;text-align:center}.card{min-height:250px}}


/* GC_SOFT_FOOTER_CREDIT_COLOR_V1 */
/* Match the GC Soft credit to the surrounding footer text. */
footer a[href="https://gcsoft.com.au/"],
footer a[href="https://gcsoft.com.au"] {
    color: inherit !important;
    font-weight: inherit;
}

footer a[href="https://gcsoft.com.au/"]:hover,
footer a[href="https://gcsoft.com.au"]:hover {
    color: inherit !important;
    text-decoration: underline;
}


/* GC_SOFT_CREDIT_FINAL_V2 */
footer .gcsoft-credit-link,
footer .gcsoft-credit-link:link,
footer .gcsoft-credit-link:visited,
footer .gcsoft-credit-link:hover,
footer .gcsoft-credit-link:focus,
footer .gcsoft-credit-link:active {
    color: inherit !important;
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}


/* AUTOHELLO_HEADER_LOGO_SIZE_V1 */
/* Header logo only - footer remains unchanged */

header .brand img,
header .header-brand img {
    width: 253px !important;
    max-width: 253px !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: left center !important;
}

@media (max-width: 991px) {
    header .brand img,
    header .header-brand img {
        width: 215px !important;
        max-width: 215px !important;
    }
}

@media (max-width: 480px) {
    header .brand img,
    header .header-brand img {
        width: 185px !important;
        max-width: 185px !important;
    }
}
