246 lines
19 KiB
HTML
246 lines
19 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="RTOSure Privacy Policy — how we collect, use, and protect your personal information under the Australian Privacy Act 1988.">
|
|
<title>Privacy Policy — 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; }
|
|
|
|
|
|
</style>
|
|
</head>
|
|
<body class="">
|
|
|
|
<div id="site-header"></div>
|
|
|
|
|
|
<section class="page-hero" aria-labelledby="priv-hero-h1">
|
|
<div class="container">
|
|
<div class="page-hero-inner" style="max-width:900px;">
|
|
<span class="page-hero-label">Legal</span>
|
|
<h1 id="priv-hero-h1">Privacy Policy</h1>
|
|
<p>This Privacy Policy explains how RTO Software Pty Ltd (“we”, “us”, “our”) collects, uses, and handles personal information in connection with RTOSure and rtosure.com.au. It is prepared in accordance with the <em>Privacy Act 1988</em> (Cth) and the Australian Privacy Principles (APPs).</p>
|
|
<p style="font-size:13px;color:var(--color-on-dark-muted);">Last updated: [Date to be confirmed before launch] | Version 1.0</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="content-section" aria-label="Privacy policy content">
|
|
<div class="container" style="max-width:800px;">
|
|
<div style="display:flex;flex-direction:column;gap:var(--space-xl);">
|
|
|
|
<div>
|
|
<h2 style="font-size:20px;color:var(--color-navy);margin-bottom:var(--space-md);">1. Who we are</h2>
|
|
<p style="color:var(--color-slate);line-height:1.8;">[PLACEHOLDER — Company name, ABN, registered address, contact details for privacy enquiries. To be completed by legal counsel before launch.]</p>
|
|
</div>
|
|
|
|
<div>
|
|
<h2 style="font-size:20px;color:var(--color-navy);margin-bottom:var(--space-md);">2. What information we collect</h2>
|
|
<p style="color:var(--color-slate);line-height:1.8;margin-bottom:var(--space-md);">We collect personal information in connection with:</p>
|
|
<ul style="display:flex;flex-direction:column;gap:8px;list-style:none;color:var(--color-slate);">
|
|
<li>— Demo bookings (name, organisation, email, framework information)</li>
|
|
<li>— Account creation and subscription management</li>
|
|
<li>— Product usage data for the RTOSure platform</li>
|
|
<li>— Support and customer service communications</li>
|
|
<li>— Website analytics (anonymised where possible)</li>
|
|
</ul>
|
|
<p style="color:var(--color-slate);line-height:1.8;margin-top:var(--space-md);">[PLACEHOLDER — Full collection detail to be completed by legal counsel.]</p>
|
|
</div>
|
|
|
|
<div>
|
|
<h2 style="font-size:20px;color:var(--color-navy);margin-bottom:var(--space-md);">3. How we use your information</h2>
|
|
<p style="color:var(--color-slate);line-height:1.8;">[PLACEHOLDER — Use cases, legal basis, third-party sharing. To be completed by legal counsel before launch.]</p>
|
|
</div>
|
|
|
|
<div>
|
|
<h2 style="font-size:20px;color:var(--color-navy);margin-bottom:var(--space-md);">4. Storage and security</h2>
|
|
<p style="color:var(--color-slate);line-height:1.8;">Personal information collected through RTOSure is stored on Australian servers. We apply reasonable technical and organisational measures to protect your information from unauthorised access, disclosure, or loss. See our <a href="security.html" style="color:var(--color-teal);">Security page</a> for detail.</p>
|
|
</div>
|
|
|
|
<div>
|
|
<h2 style="font-size:20px;color:var(--color-navy);margin-bottom:var(--space-md);">5. Your rights</h2>
|
|
<p style="color:var(--color-slate);line-height:1.8;">Under the Privacy Act 1988, you have the right to access personal information we hold about you, and to request corrections where it is inaccurate. To make a request, contact us at <a href="mailto:privacy@rtosure.com.au" style="color:var(--color-teal);">privacy@rtosure.com.au</a>.</p>
|
|
</div>
|
|
|
|
<div>
|
|
<h2 style="font-size:20px;color:var(--color-navy);margin-bottom:var(--space-md);">6. Contact</h2>
|
|
<p style="color:var(--color-slate);line-height:1.8;">Privacy enquiries: <a href="mailto:privacy@rtosure.com.au" style="color:var(--color-teal);">privacy@rtosure.com.au</a><br>For complaints unresolved after contacting us, you may contact the Office of the Australian Information Commissioner (OAIC) at <a href="https://www.oaic.gov.au" style="color:var(--color-teal);" target="_blank" rel="noopener">oaic.gov.au</a>.</p>
|
|
</div>
|
|
|
|
<p style="font-size:13px;color:var(--color-muted);padding-top:var(--space-xl);border-top:1px solid var(--color-border);font-style:italic;">This is a v1 privacy policy draft for planning purposes. It must be reviewed and finalised by a qualified Australian privacy lawyer before RTOSure launches and collects any personal information.</p>
|
|
</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> |