665 lines
36 KiB
HTML
665 lines
36 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en-AU">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<meta name="description" content="Explore RTOSure's compliance management features — dashboard, checklists, evidence register, monitoring alerts, risk indicators, and guided workflows.">
|
||
<title>Features — RTOSure</title>
|
||
<link rel="stylesheet" href="styles.css">
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<style>
|
||
body { padding-top: 68px; }
|
||
/* ── Page hero (reused across interior pages) ── */
|
||
.page-hero {
|
||
background: var(--color-navy);
|
||
padding-block: clamp(48px,7vw,88px);
|
||
position: relative; overflow: hidden;
|
||
}
|
||
.page-hero::before {
|
||
content:''; position:absolute; inset:0; pointer-events:none;
|
||
background: radial-gradient(ellipse 70% 60% at 80% 50%, var(--color-teal-on-dark-bg), transparent 70%);
|
||
}
|
||
.page-hero::after {
|
||
content:''; position:absolute; inset:0; pointer-events:none;
|
||
background-image: radial-gradient(var(--color-on-dark-surface) 1px, transparent 1px);
|
||
background-size: 32px 32px;
|
||
}
|
||
.page-hero-inner { position:relative; z-index:1; max-width:700px; }
|
||
.page-hero-label { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:var(--color-teal); margin-bottom:var(--space-md); display:block; }
|
||
.page-hero h1 { font-family:var(--font-display); font-size:clamp(34px,5vw,60px); line-height:1.08; letter-spacing:-.025em; color:var(--color-white); margin-bottom:var(--space-lg); }
|
||
.page-hero h1 .accent { color:var(--color-teal); }
|
||
.page-hero p { font-size:clamp(16px,1.6vw,19px); color:var(--color-on-dark-text); line-height:1.7; max-width:600px; margin-bottom:var(--space-xl); }
|
||
.page-hero-ctas { display:flex; gap:var(--space-md); flex-wrap:wrap; }
|
||
|
||
/* ── Content sections ── */
|
||
.content-section { padding-block:var(--space-3xl); }
|
||
.content-section.alt { background:var(--color-surface); border-top:1px solid var(--color-border); border-bottom:1px solid var(--color-border); }
|
||
.content-section.teal-tint { background:var(--color-teal-light); border-top:1px solid var(--color-teal-mid); border-bottom:1px solid var(--color-teal-mid); }
|
||
.content-section.navy { background:var(--color-navy); }
|
||
|
||
/* ── Two-col layout ── */
|
||
.two-col { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-2xl); align-items:start; }
|
||
.two-col.center { align-items:center; }
|
||
@media(max-width:768px){ .two-col { grid-template-columns:1fr; } }
|
||
|
||
/* ── Feature rows (alternating) ── */
|
||
.feature-row { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-2xl); align-items:center; padding-block:var(--space-2xl); border-bottom:1px solid var(--color-border); }
|
||
.feature-row:last-child { border-bottom:none; }
|
||
.feature-row.flip { }
|
||
.feature-row .feature-row-visual { background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); min-height:200px; display:flex; align-items:center; justify-content:center; }
|
||
@media(max-width:768px){ .feature-row { grid-template-columns:1fr; } .feature-row.flip .feature-row-visual { order:-1; } }
|
||
|
||
/* ── Icon box ── */
|
||
.icon-box { width:56px; height:56px; background:var(--color-teal-light); border:1px solid var(--color-teal-mid); border-radius:var(--radius-md); display:flex; align-items:center; justify-content:center; margin-bottom:var(--space-md); }
|
||
.icon-box svg { width:28px; height:28px; color:var(--color-teal-dark); }
|
||
|
||
/* ── Capability card grid ── */
|
||
.cap-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||
@media(max-width:900px){ .cap-grid { grid-template-columns:repeat(2,1fr); } }
|
||
@media(max-width:560px){ .cap-grid { grid-template-columns:1fr; } }
|
||
.cap-card { border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); background:var(--color-white); }
|
||
.cap-card h3 { font-size:16px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||
.cap-card p { font-size:14px; line-height:1.65; color:var(--color-slate); }
|
||
|
||
/* ── Pricing cards ── */
|
||
.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||
@media(max-width:900px){ .pricing-grid { grid-template-columns:1fr; max-width:480px; margin-inline:auto; } }
|
||
.pricing-card { border:1.5px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); background:var(--color-white); display:flex; flex-direction:column; }
|
||
.pricing-card.featured { border-color:var(--color-teal); box-shadow:var(--shadow-teal); }
|
||
.pricing-tag { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:var(--color-teal); margin-bottom:var(--space-sm); }
|
||
.pricing-tag.featured-tag { background:var(--color-teal); color:var(--color-white); padding:3px 10px; border-radius:4px; display:inline-block; }
|
||
.pricing-name { font-size:22px; font-weight:800; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||
.pricing-price { font-size:36px; font-weight:700; color:var(--color-navy); line-height:1; margin-bottom:4px; }
|
||
.pricing-price span { font-size:16px; font-weight:400; color:var(--color-muted); }
|
||
.pricing-desc { font-size:14px; color:var(--color-slate); margin-bottom:var(--space-lg); padding-bottom:var(--space-lg); border-bottom:1px solid var(--color-border); }
|
||
.pricing-features { list-style:none; margin-bottom:var(--space-xl); flex:1; }
|
||
.pricing-features li { display:flex; gap:8px; font-size:14px; color:var(--color-charcoal); padding:5px 0; border-bottom:1px solid var(--color-surface); }
|
||
.pricing-features li:last-child { border-bottom:none; }
|
||
.pf-check { width:16px; height:16px; background:var(--color-teal); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:9px; color:var(--color-white); flex-shrink:0; margin-top:2px; }
|
||
|
||
/* ── FAQ ── */
|
||
.faq-item { border-bottom:1px solid var(--color-border); padding-block:var(--space-lg); }
|
||
.faq-item:last-child { border-bottom:none; }
|
||
.faq-q { font-size:17px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); }
|
||
.faq-a { font-size:15px; color:var(--color-slate); line-height:1.7; }
|
||
|
||
/* ── Team cards ── */
|
||
.team-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-xl); }
|
||
@media(max-width:900px){ .team-grid { grid-template-columns:repeat(2,1fr); } }
|
||
@media(max-width:560px){ .team-grid { grid-template-columns:1fr; } }
|
||
.team-card { text-align:center; }
|
||
.team-avatar { width:96px; height:96px; border-radius:50%; background:var(--color-teal-light); border:3px solid var(--color-teal-mid); margin-inline:auto; margin-bottom:var(--space-md); display:flex; align-items:center; justify-content:center; font-size:28px; font-weight:700; color:var(--color-teal-dark); }
|
||
.team-name { font-size:18px; font-weight:700; color:var(--color-navy); margin-bottom:4px; }
|
||
.team-role { font-size:13px; font-weight:600; color:var(--color-teal); text-transform:uppercase; letter-spacing:.08em; margin-bottom:var(--space-sm); }
|
||
.team-bio { font-size:14px; color:var(--color-slate); line-height:1.65; }
|
||
|
||
/* ── Form ── */
|
||
.form-field { margin-bottom:var(--space-md); }
|
||
.form-label { display:block; font-size:13px; font-weight:600; color:var(--color-navy); margin-bottom:6px; }
|
||
.form-input { width:100%; padding:12px 14px; border:1.5px solid var(--color-border); border-radius:8px; font-size:15px; font-family:var(--font-body); color:var(--color-charcoal); background:var(--color-white); transition:border-color var(--duration); }
|
||
.form-input:focus { outline:none; border-color:var(--color-teal); box-shadow:0 0 0 3px var(--color-teal-light); }
|
||
select.form-input { appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394a3b8' stroke-width='1.5' fill='none'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 14px center; padding-right:36px; }
|
||
textarea.form-input { resize:vertical; min-height:100px; }
|
||
|
||
/* ── Resource cards ── */
|
||
.resource-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-lg); }
|
||
@media(max-width:900px){ .resource-grid { grid-template-columns:repeat(2,1fr); } }
|
||
@media(max-width:560px){ .resource-grid { grid-template-columns:1fr; } }
|
||
.resource-card { border:1px solid var(--color-border); border-radius:var(--radius-lg); overflow:hidden; background:var(--color-white); transition:box-shadow var(--duration),transform var(--duration); }
|
||
.resource-card:hover { box-shadow:var(--shadow-md); transform:translateY(-2px); }
|
||
.resource-card-type { padding:var(--space-md) var(--space-lg); border-bottom:1px solid var(--color-border); }
|
||
.resource-type-badge { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; }
|
||
.resource-card-body { padding:var(--space-lg); }
|
||
.resource-card-body h3 { font-size:16px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-sm); line-height:1.35; }
|
||
.resource-card-body p { font-size:14px; color:var(--color-slate); line-height:1.6; margin-bottom:var(--space-md); }
|
||
.resource-card-link { font-size:14px; font-weight:600; color:var(--color-teal); display:inline-flex; align-items:center; gap:4px; transition:gap 150ms; }
|
||
.resource-card-link:hover { gap:8px; }
|
||
|
||
/* ── Stat blocks ── */
|
||
.stat-row { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-lg); }
|
||
@media(max-width:900px){ .stat-row { grid-template-columns:repeat(2,1fr); } }
|
||
.stat-block { text-align:center; padding:var(--space-xl); border-radius:var(--radius-lg); background:var(--color-white); border:1px solid var(--color-border); }
|
||
.stat-number { font-family:var(--font-display); font-size:48px; font-weight:400; color:var(--color-teal); line-height:1; margin-bottom:var(--space-sm); }
|
||
.stat-label { font-size:14px; color:var(--color-slate); }
|
||
|
||
/* ── Breadcrumb ── */
|
||
.breadcrumb { display:flex; align-items:center; gap:var(--space-sm); padding:var(--space-md) 0; margin-bottom:var(--space-md); }
|
||
.breadcrumb a { font-size:13px; color:var(--color-muted); text-decoration:none; }
|
||
.breadcrumb a:hover { color:var(--color-teal); }
|
||
.breadcrumb span { font-size:13px; color:var(--color-border); }
|
||
.breadcrumb .current { font-size:13px; color:var(--color-slate); font-weight:500; }
|
||
|
||
/* ── Placeholder box (for screenshots etc.) ── */
|
||
.placeholder-box { background:var(--color-surface); border:2px dashed var(--color-border); border-radius:var(--radius-lg); padding:var(--space-3xl); text-align:center; color:var(--color-muted); font-size:14px; }
|
||
|
||
/* ── Integration data flow ── */
|
||
.integration-flow { display:grid; grid-template-columns:1fr auto 1fr; gap:var(--space-lg); align-items:center; }
|
||
.integration-system { background:var(--color-white); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); text-align:center; }
|
||
.integration-arrow { font-size:24px; color:var(--color-teal); text-align:center; }
|
||
@media(max-width:640px){ .integration-flow { grid-template-columns:1fr; } .integration-arrow { transform:rotate(90deg); margin-inline:auto; } }
|
||
|
||
/* ── CTA strip (reusable close-of-page strip) ── */
|
||
.cta-strip { background:var(--color-teal); padding-block:var(--space-2xl); }
|
||
.cta-strip-inner { display:flex; align-items:center; justify-content:space-between; gap:var(--space-xl); }
|
||
.cta-strip h2 { font-family:var(--font-display); font-size:clamp(22px,3vw,38px); color:var(--color-white); letter-spacing:-.02em; }
|
||
.cta-strip p { font-size:16px; color:var(--color-on-dark-text); margin-top:var(--space-sm); }
|
||
.cta-strip-actions { display:flex; gap:var(--space-md); flex-shrink:0; flex-wrap:wrap; }
|
||
.btn-cta-white { background:var(--color-white); color:var(--color-teal-dark); box-shadow:var(--shadow-md); }
|
||
.btn-cta-white:hover { background:var(--color-surface); transform:translateY(-1px); }
|
||
@media(max-width:768px){ .cta-strip-inner { flex-direction:column; text-align:center; } }
|
||
|
||
/* ── Sub-brand pill (for framework pages) ── */
|
||
.framework-badge { display:inline-flex; align-items:center; gap:8px; padding:6px 14px; border-radius:100px; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; margin-bottom:var(--space-lg); }
|
||
.fb-teal { background:var(--color-teal-light); color:var(--color-teal-dark); border:1px solid var(--color-teal-mid); }
|
||
.fb-blue { background:var(--color-cricos-light); color:var(--color-cricos); border:1px solid var(--color-cricos); }
|
||
.fb-purple { background:var(--color-elicos-light); color:var(--color-elicos); border:1px solid var(--color-elicos); }
|
||
|
||
/* ── Security trust badges ── */
|
||
.trust-badges { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-lg); }
|
||
@media(max-width:900px){ .trust-badges { grid-template-columns:repeat(2,1fr); } }
|
||
.trust-badge { border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-xl); text-align:center; background:var(--color-white); }
|
||
.trust-badge-icon { width:48px; height:48px; background:var(--color-teal-light); border-radius:12px; margin-inline:auto; margin-bottom:var(--space-md); display:flex; align-items:center; justify-content:center; border:1px solid var(--color-teal-mid); }
|
||
.trust-badge-icon svg { width:24px; height:24px; color:var(--color-teal-dark); }
|
||
.trust-badge h3 { font-size:15px; font-weight:700; color:var(--color-navy); margin-bottom:var(--space-xs); }
|
||
.trust-badge p { font-size:13px; color:var(--color-slate); line-height:1.55; }
|
||
|
||
|
||
/* Premium product showcase - full image, side-by-side */
|
||
.feature-row.premium {
|
||
grid-template-columns:1fr;
|
||
gap:clamp(36px,4vw,70px);
|
||
align-items:center;
|
||
padding-block:clamp(72px,8vw,118px);
|
||
overflow:visible;
|
||
}
|
||
|
||
.feature-row.premium.visual-left > div:first-child {
|
||
order:2;
|
||
z-index:auto;
|
||
}
|
||
|
||
.feature-row.premium.visual-left > div:nth-child(2) {
|
||
order:1;
|
||
}
|
||
|
||
.feature-row.premium > div:first-child {
|
||
position:relative;
|
||
z-index:2;
|
||
}
|
||
|
||
|
||
|
||
.feature-row.premium .feature-row-visual {
|
||
position:relative;
|
||
min-height:0;
|
||
padding:28px;
|
||
border:0;
|
||
border-radius:32px;
|
||
background:
|
||
radial-gradient(circle at 76% 18%, rgba(20,184,166,.18), transparent 34%),
|
||
linear-gradient(145deg,#eefaf8 0%,#f7fbff 58%,#eef3ff 100%);
|
||
overflow:visible;
|
||
isolation:isolate;
|
||
}
|
||
|
||
.feature-row.premium .feature-row-visual::before {
|
||
content:'';
|
||
position:absolute;
|
||
inset:42px -34px -34px 34px;
|
||
border-radius:28px;
|
||
background:linear-gradient(145deg,rgba(13,148,136,.09),rgba(37,99,235,.06));
|
||
z-index:-2;
|
||
filter:blur(2px);
|
||
}
|
||
|
||
.feature-row.premium .feature-row-visual::after {
|
||
content:'';
|
||
position:absolute;
|
||
width:190px;
|
||
height:190px;
|
||
right:-58px;
|
||
top:-58px;
|
||
border-radius:50%;
|
||
border:1px solid rgba(13,148,136,.16);
|
||
box-shadow:0 0 0 28px rgba(13,148,136,.045),0 0 0 56px rgba(13,148,136,.025);
|
||
z-index:-1;
|
||
}
|
||
|
||
.product-window {
|
||
position:relative;
|
||
width:100%;
|
||
overflow:hidden;
|
||
border:1px solid rgba(148,163,184,.30);
|
||
border-radius:18px;
|
||
background:#fff;
|
||
box-shadow:0 32px 80px rgba(15,23,42,.18),0 10px 30px rgba(15,23,42,.10);
|
||
transform:none;
|
||
}
|
||
|
||
.product-window-bar {
|
||
height:42px;
|
||
display:flex;
|
||
align-items:center;
|
||
justify-content:space-between;
|
||
padding:0 16px;
|
||
background:rgba(255,255,255,.96);
|
||
border-bottom:1px solid #e8eef4;
|
||
}
|
||
|
||
.window-dots {
|
||
display:flex;
|
||
gap:7px;
|
||
}
|
||
|
||
.window-dots i {
|
||
width:8px;
|
||
height:8px;
|
||
border-radius:50%;
|
||
display:block;
|
||
background:#d5dde7;
|
||
}
|
||
|
||
.window-title {
|
||
font-size:11px;
|
||
font-weight:700;
|
||
color:#64748b;
|
||
letter-spacing:.04em;
|
||
}
|
||
|
||
.window-live {
|
||
display:flex;
|
||
align-items:center;
|
||
gap:6px;
|
||
font-size:10px;
|
||
font-weight:800;
|
||
color:#0f766e;
|
||
text-transform:uppercase;
|
||
letter-spacing:.08em;
|
||
}
|
||
|
||
.window-live::before {
|
||
content:'';
|
||
width:6px;
|
||
height:6px;
|
||
border-radius:50%;
|
||
background:#14b8a6;
|
||
box-shadow:0 0 0 4px rgba(20,184,166,.12);
|
||
}
|
||
|
||
.product-window img {
|
||
display:block;
|
||
width:100%;
|
||
height:auto;
|
||
max-width:100%;
|
||
object-fit:contain;
|
||
position:static;
|
||
transform:none;
|
||
}
|
||
|
||
.showcase-chip {
|
||
position:absolute;
|
||
z-index:3;
|
||
display:flex;
|
||
align-items:center;
|
||
gap:10px;
|
||
padding:12px 15px;
|
||
border:1px solid rgba(148,163,184,.25);
|
||
border-radius:14px;
|
||
background:rgba(255,255,255,.94);
|
||
backdrop-filter:blur(12px);
|
||
box-shadow:0 14px 35px rgba(15,23,42,.12);
|
||
}
|
||
|
||
.showcase-chip strong {
|
||
display:block;
|
||
font-size:14px;
|
||
line-height:1.05;
|
||
color:#0f2746;
|
||
}
|
||
|
||
.showcase-chip span {
|
||
display:block;
|
||
margin-top:3px;
|
||
font-size:10px;
|
||
font-weight:700;
|
||
color:#64748b;
|
||
text-transform:uppercase;
|
||
letter-spacing:.06em;
|
||
}
|
||
|
||
.showcase-chip.health {
|
||
left:-28px;
|
||
bottom:18px;
|
||
}
|
||
|
||
.showcase-chip.risk {
|
||
right:-22px;
|
||
top:78px;
|
||
}
|
||
|
||
.chip-icon {
|
||
width:34px;
|
||
height:34px;
|
||
border-radius:10px;
|
||
display:grid;
|
||
place-items:center;
|
||
font-size:16px;
|
||
font-weight:800;
|
||
}
|
||
|
||
.health .chip-icon {
|
||
color:#047857;
|
||
background:#dcfce7;
|
||
}
|
||
|
||
.risk .chip-icon {
|
||
color:#c2410c;
|
||
background:#ffedd5;
|
||
}
|
||
|
||
/* ── Feature callout chips ── */
|
||
.product-window-body {
|
||
position:relative;
|
||
}
|
||
|
||
@media(max-width:1250px) {
|
||
.feature-row.premium {
|
||
grid-template-columns:1fr;
|
||
}
|
||
|
||
.feature-row.premium .feature-row-visual {
|
||
padding:24px;
|
||
margin-top:12px;
|
||
}
|
||
|
||
.showcase-chip.health {
|
||
left:0;
|
||
}
|
||
|
||
.showcase-chip.risk {
|
||
right:0;
|
||
}
|
||
}
|
||
|
||
@media(max-width:640px) {
|
||
.feature-row.premium {
|
||
padding-block:56px;
|
||
}
|
||
|
||
.feature-row.premium .feature-row-visual {
|
||
padding:10px;
|
||
border-radius:22px;
|
||
}
|
||
|
||
.product-window {
|
||
border-radius:13px;
|
||
}
|
||
|
||
.product-window-bar {
|
||
height:34px;
|
||
padding-inline:10px;
|
||
}
|
||
|
||
.window-title {
|
||
font-size:9px;
|
||
}
|
||
|
||
.window-live {
|
||
font-size:8px;
|
||
}
|
||
|
||
.showcase-chip {
|
||
display:none;
|
||
}
|
||
}
|
||
|
||
|
||
</style>
|
||
</head>
|
||
<body class="">
|
||
|
||
<div id="site-header"></div>
|
||
|
||
|
||
<!-- FEAT-S1: PAGE HERO -->
|
||
<section class="page-hero" aria-labelledby="features-hero-h1">
|
||
<div class="container">
|
||
<div class="page-hero-inner">
|
||
<span class="page-hero-label">Platform features</span>
|
||
<h1 id="features-hero-h1">Everything you need to <span class="accent">manage compliance</span> — nothing you don't.</h1>
|
||
<p>Six purpose-built capabilities, each designed around a real compliance problem your team deals with every day. No feature bloat. No configuration burden. Built around your Standards from day one.</p>
|
||
<div class="page-hero-ctas">
|
||
<a href="demo.html" class="btn btn-primary btn-lg">See it in action</a>
|
||
<a href="pricing.html" class="btn btn-outline-white btn-lg">View pricing →</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- FEAT-S2: FEATURE ROWS (alternating detail) -->
|
||
<section class="content-section" aria-label="Feature details">
|
||
<div class="container">
|
||
|
||
<!-- FEAT-S2-F1: Dashboard -->
|
||
<div class="feature-row premium">
|
||
<div>
|
||
<div class="icon-box" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="7"/><rect x="14" y="3" width="7" height="7"/><rect x="14" y="14" width="7" height="7"/><rect x="3" y="14" width="7" height="7"/></svg></div>
|
||
<div class="section-label">01 — Compliance Dashboard</div>
|
||
<h2 class="section-heading">Know your compliance status<br>without asking anyone.</h2>
|
||
<p class="text-lead">A live dashboard maps every obligation across your registered frameworks. See what's compliant, what's due, and what's at risk — filtered by Standard, Quality Area, or staff member.</p>
|
||
<ul style="margin-top:var(--space-lg);display:flex;flex-direction:column;gap:10px;list-style:none;">
|
||
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> Filter by NVR Standard, ESOS obligation, or National Code requirement</li>
|
||
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> See open evidence gaps, upcoming deadlines, and overdue items</li>
|
||
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> Drill down from summary to individual Standard-level detail</li>
|
||
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> Export board-ready compliance reports in one click</li>
|
||
</ul>
|
||
</div>
|
||
<div class="feature-row-visual" aria-label="RTOSure compliance dashboard product preview">
|
||
<div class="product-window">
|
||
<div class="product-window-bar" aria-hidden="true">
|
||
<div class="window-dots"><i></i><i></i><i></i></div>
|
||
<div class="window-title">RTOSure · Compliance overview</div>
|
||
<div class="window-live">Live data</div>
|
||
</div>
|
||
<div class="product-window-body">
|
||
<img src="images/NVRDashboard.webp" alt="RTOSure dashboard showing framework health, quality area risk and compliance activity">
|
||
</div>
|
||
</div>
|
||
<div class="showcase-chip health" aria-hidden="true">
|
||
<div class="chip-icon">48%</div>
|
||
<div><strong>Health score</strong><span>Weighted overview</span></div>
|
||
</div>
|
||
<div class="showcase-chip risk" aria-hidden="true">
|
||
<div class="chip-icon">!</div>
|
||
<div><strong>Priority risks</strong><span>Visible instantly</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- FEAT-S2-F2: Checklists -->
|
||
<div class="feature-row premium visual-left">
|
||
<div class="feature-row-visual" aria-label="RTOSure checklist and workflow guided compliance task">
|
||
<div class="product-window">
|
||
<div class="product-window-bar" aria-hidden="true">
|
||
<div class="window-dots"><i></i><i></i><i></i></div>
|
||
<div class="window-title">RTOSure · Checklist & Workflow</div>
|
||
<div class="window-live">Live data</div>
|
||
</div>
|
||
<div class="product-window-body">
|
||
<img src="images/checklist.webp" alt="RTOSure checklist and workflow guided compliance task">
|
||
</div>
|
||
</div>
|
||
<div class="showcase-chip health" aria-hidden="true">
|
||
<div class="chip-icon">✓</div>
|
||
<div><strong>Task complete</strong><span>Audit trail logged</span></div>
|
||
</div>
|
||
<div class="showcase-chip risk" aria-hidden="true">
|
||
<div class="chip-icon">3</div>
|
||
<div><strong>Step 4 of 5</strong><span>In progress</span></div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="icon-box" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 11 12 14 22 4"/><path d="M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11"/></svg></div>
|
||
<div class="section-label">02 — Checklists & Workflows</div>
|
||
<h2 class="section-heading">Compliance tasks done correctly,<br>every time, by anyone.</h2>
|
||
<p class="text-lead">Guided workflows walk your team through compliance tasks step by step — built around the specific Standards that apply to your college. No interpretation required. No steps skipped.</p>
|
||
<ul style="margin-top:var(--space-lg);display:flex;flex-direction:column;gap:10px;list-style:none;">
|
||
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> Pre-built checklists for trainer PD, student monitoring, training package updates</li>
|
||
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> Customisable checklists for organisation-specific workflows</li>
|
||
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> Role-based task assignment with automated reminders</li>
|
||
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> Task completion audit trail — who did what and when</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- FEAT-S2-F3: Forms -->
|
||
<div class="feature-row">
|
||
<div>
|
||
<div class="icon-box" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/></svg></div>
|
||
<div class="section-label">03 — Forms & Quizzes</div>
|
||
<h2 class="section-heading">Evidence captured at the point<br>it's created.</h2>
|
||
<p class="text-lead">Built-in forms and quizzes capture evidence directly against the relevant Standard — at the moment the activity happens. External stakeholders (students, agents, employers) complete forms via a unique link. No login required.</p>
|
||
<ul style="margin-top:var(--space-lg);display:flex;flex-direction:column;gap:10px;list-style:none;">
|
||
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> Forms auto-tagged to the Standard or obligation they satisfy</li>
|
||
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> External stakeholder links — no login, no friction</li>
|
||
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> Quizzes for compliance knowledge verification (trainers, staff)</li>
|
||
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> Responses flow directly into the evidence register</li>
|
||
</ul>
|
||
</div>
|
||
<div class="feature-row-visual">
|
||
<div class="placeholder-box">
|
||
<div style="font-size:32px;margin-bottom:var(--space-md)">📝</div>
|
||
<strong>Forms screenshot</strong><br>External stakeholder form with Standard tagging
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- FEAT-S2-F4: Evidence Register -->
|
||
<div class="feature-row">
|
||
<div class="feature-row-visual">
|
||
<div class="placeholder-box">
|
||
<div style="font-size:32px;margin-bottom:var(--space-md)">🗂</div>
|
||
<strong>Evidence register screenshot</strong><br>Documents mapped to Standards with version history
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="icon-box" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2z"/><line x1="12" y1="11" x2="12" y2="17"/><line x1="9" y1="14" x2="15" y2="14"/></svg></div>
|
||
<div class="section-label">04 — Evidence Register</div>
|
||
<h2 class="section-heading">Your audit response<br>starts here.</h2>
|
||
<p class="text-lead">When the auditor asks for evidence of Standard 1.3, you don't search — you click. Every document, policy, and record is stored, mapped, and retrievable in the format auditors expect.</p>
|
||
<ul style="margin-top:var(--space-lg);display:flex;flex-direction:column;gap:10px;list-style:none;">
|
||
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> Every document tagged to the Standard or requirement it addresses</li>
|
||
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> Version control — always know which document is current</li>
|
||
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> Activity log — who uploaded or updated each item, and when</li>
|
||
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> Audit pack export — share a structured evidence bundle in one action</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- FEAT-S2-F5: Monitoring -->
|
||
<div class="feature-row premium">
|
||
<div>
|
||
<div class="icon-box" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9"/><path d="M13.73 21a2 2 0 01-3.46 0"/></svg></div>
|
||
<div class="section-label">05 — Monitoring & Alerts</div>
|
||
<h2 class="section-heading">Stop things falling through<br>the cracks.</h2>
|
||
<p class="text-lead">RTOSure doesn't just store your compliance data. It actively monitors it and alerts the right people when action is needed — before a gap becomes an audit finding.</p>
|
||
<ul style="margin-top:var(--space-lg);display:flex;flex-direction:column;gap:10px;list-style:none;">
|
||
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> Automated reminders at 30, 14, and 7 days before deadlines</li>
|
||
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> Alerts for expiring trainer credentials, WWCC records, and CPD logs</li>
|
||
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> Escalation workflows if tasks remain incomplete</li>
|
||
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> Email and in-app notifications to responsible staff</li>
|
||
</ul>
|
||
</div>
|
||
<div class="feature-row-visual" aria-label="RTOSure notification and alerts interface">
|
||
<div class="product-window">
|
||
<div class="product-window-bar" aria-hidden="true">
|
||
<div class="window-dots"><i></i><i></i><i></i></div>
|
||
<div class="window-title">RTOSure · Notifications & Alerts</div>
|
||
<div class="window-live">Live data</div>
|
||
</div>
|
||
<div class="product-window-body">
|
||
<img src="images/notification.webp" alt="RTOSure notification and alerts dashboard">
|
||
</div>
|
||
</div>
|
||
<div class="showcase-chip health" aria-hidden="true">
|
||
<div class="chip-icon">14</div>
|
||
<div><strong>Upcoming actions</strong><span>Next 7 days</span></div>
|
||
</div>
|
||
<div class="showcase-chip risk" aria-hidden="true">
|
||
<div class="chip-icon">!</div>
|
||
<div><strong>Overdue alerts</strong><span>Requires attention</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- FEAT-S2-F6: Risk Indicators -->
|
||
<div class="feature-row premium">
|
||
<div>
|
||
<div class="icon-box" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="20" x2="18" y2="10"/><line x1="12" y1="20" x2="12" y2="4"/><line x1="6" y1="20" x2="6" y2="14"/><line x1="2" y1="20" x2="22" y2="20"/></svg></div>
|
||
<div class="section-label">06 — Risk Indicators</div>
|
||
<h2 class="section-heading">Know your risk<br>before ASQA does.</h2>
|
||
<p class="text-lead">Purpose-built risk indicator frameworks — mapped to NVR, ESOS, National Code, and ELICOS — give you structured, evidence-based visibility into compliance exposure across every object type your college operates.</p>
|
||
<ul style="margin-top:var(--space-lg);display:flex;flex-direction:column;gap:10px;list-style:none;">
|
||
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> 180+ NVR risk indicators across six object types</li>
|
||
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> 85+ CRICOS / ESOS indicators across all 11 National Code Standards</li>
|
||
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> 56+ ELICOS indicators across Parts A–E</li>
|
||
<li style="display:flex;gap:10px;font-size:15px;color:var(--color-charcoal);"><span style="color:var(--color-teal);font-weight:700">✓</span> Traffic-light risk scoring with priority weighting</li>
|
||
</ul>
|
||
</div>
|
||
<div class="feature-row-visual" aria-label="RTOSure risk indicators interface">
|
||
<div class="product-window">
|
||
<div class="product-window-bar" aria-hidden="true">
|
||
<div class="window-dots"><i></i><i></i><i></i></div>
|
||
<div class="window-title">RTOSure · Risk Indicators</div>
|
||
<div class="window-live">Live data</div>
|
||
</div>
|
||
<div class="product-window-body">
|
||
<img src="images/risk_indicator.webp" alt="RTOSure risk indicators dashboard">
|
||
</div>
|
||
</div>
|
||
<div class="showcase-chip health" aria-hidden="true">
|
||
<div class="chip-icon">▲</div>
|
||
<div><strong>Risk score</strong><span>Moderate</span></div>
|
||
</div>
|
||
<div class="showcase-chip risk" aria-hidden="true">
|
||
<div class="chip-icon">!</div>
|
||
<div><strong>High priority</strong><span>3 indicators</span></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<section class="cta-strip" aria-label="Call to action">
|
||
<div class="container">
|
||
<div class="cta-strip-inner">
|
||
<div>
|
||
<h2>See RTOSure in action.</h2>
|
||
<p>30 minutes. Tailored to your framework. No hard sell.</p>
|
||
</div>
|
||
<div class="cta-strip-actions">
|
||
<a href="demo.html" class="btn btn-cta-white btn-lg">Book a Demo</a>
|
||
<a href="pricing.html" class="btn btn-outline-white btn-lg">View Pricing</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<div id="site-footer"></div>
|
||
|
||
<script>
|
||
(function(){
|
||
function loadComp(id,f){var el=document.getElementById(id);if(!el)return;fetch(f).then(function(r){return r.text();}).then(function(h){el.innerHTML=h;el.querySelectorAll('script').forEach(function(s){var n=document.createElement('script');n.textContent=s.textContent;document.head.appendChild(n);});});}
|
||
loadComp('site-header','header.html');
|
||
loadComp('site-footer','footer.html');
|
||
var obs=new IntersectionObserver(function(e){e.forEach(function(en){if(en.isIntersecting){en.target.style.opacity='1';en.target.style.transform='translateY(0)';}});},{threshold:.1,rootMargin:'0px 0px -40px 0px'});
|
||
document.querySelectorAll('.cap-card,.pricing-card,.team-card,.resource-card,.trust-badge,.stat-block,.faq-item').forEach(function(el){el.style.opacity='0';el.style.transform='translateY(20px)';el.style.transition='opacity .5s ease,transform .5s ease';obs.observe(el);});
|
||
})();
|
||
</script>
|
||
|
||
</body>
|
||
</html> |