:root{--blue:#428bca;--navy:#111827;--muted:#64748b;--border:#e3e9ef;--pale:#f4f9fd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--navy);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.6}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1130px;margin:auto;padding-left:26px;padding-right:26px}.site-header{border-bottom:1px solid var(--border)}.nav,.nav nav{display:flex;align-items:center;justify-content:space-between;gap:31px}.nav{min-height:83px}.nav nav a:not(.btn){color:#293548;font-size:14px}.logo img{width:247px;max-width:100%;height:auto;display:block}.btn{display:inline-block;padding:12px 25px;border:1px solid var(--blue);background:var(--blue);color:#fff;border-radius:5px;font-weight:600;cursor:pointer;text-align:center;font:inherit;line-height:1.4}.btn:hover{background:#3478b4;color:#fff;text-decoration:none}.btn-small{padding:9px 18px}.btn-outline{background:#fff;color:var(--blue)}.btn-outline:hover{color:#fff}.hero{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:70px;padding-top:80px;padding-bottom:75px}.hero h1{font-size:clamp(37px,4.3vw,55px);line-height:1.12;letter-spacing:-1.7px;margin:0 0 22px;max-width:660px}.hero p{font-size:18px;color:var(--muted);max-width:560px;margin:0 0 24px}.actions{display:flex;gap:12px;flex-wrap:wrap}.order-visual{min-height:250px;background:radial-gradient(ellipse,#e9f3fc 0%,#f5faff 55%,transparent 72%);display:grid;place-items:center}.sample-receipt{background:white;border:1px solid #eaf0f5;box-shadow:0 18px 55px #31516c14;border-radius:10px;padding:23px;width:320px;max-width:100%;transform:rotate(-1deg);font-size:12px}.sample-receipt>div{display:flex;justify-content:space-between;gap:10px;padding:7px 0}.sample-receipt .receipt-heading{font-weight:800;font-size:15px;border-bottom:1px solid var(--border);margin-bottom:8px}.receipt-heading span{color:var(--blue)}.sample-receipt .receipt-total{border-top:1px solid var(--border);font-size:15px;font-weight:700;margin-top:8px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);padding-top:22px;padding-bottom:22px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);gap:24px}.benefits>div+div{border-left:1px solid var(--border);padding-left:28px}.benefits h2{font-size:16px;margin:0}.benefits p{color:var(--muted);font-size:13px;margin:1px 0 0}.comparison{margin-top:55px;margin-bottom:55px}.comparison-top{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:25px}.comparison h2,.contact h2{font-size:clamp(27px,3vw,35px);letter-spacing:-.8px;line-height:1.2;margin:0 0 8px}.comparison p,.contact p{color:var(--muted);margin:0}.comparison-top label{font-size:13px;color:#344256;min-width:210px}.input-currency{display:flex;border:1px solid #cfdbe5;border-radius:5px;align-items:center;margin-top:6px;padding-left:12px}.input-currency input{border:0;outline:0;width:100%;font-size:16px;padding:10px;color:var(--navy)}.table-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:7px}.comparison-table{border-collapse:collapse;text-align:center;min-width:700px;width:100%;font-size:14px}.comparison-table th,.comparison-table td{padding:12px 14px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);white-space:nowrap}.comparison-table tr>*:last-child{border-right:0}.comparison-table tbody tr:last-child>*{border-bottom:0}.comparison-table thead th{background:#f8fafc;font-size:14px;font-weight:700}.comparison-table thead .ours{color:var(--blue);background:#ecf6fe}.comparison-table tbody th{text-align:left;font-weight:500}.comparison-table tbody td.ours{background:#f7fbff}.comparison-table .pocket th,.comparison-table .pocket td,.comparison-table .pocket td.ours{background:#e6f3e7;font-weight:800;font-size:16px}.pay-type{display:flex;flex-wrap:wrap;gap:26px;padding:17px 0 8px;font-size:14px}.pay-type label{cursor:pointer}.pay-type input{accent-color:var(--blue)}.comparison .fee-note{font-size:12px;color:#53667d;margin:5px 0}.comparison .disclaimer{font-size:12px;color:#728096;margin-top:9px}.contact{border-top:1px solid var(--border);padding-top:57px;padding-bottom:65px;display:grid;grid-template-columns:1fr 1.15fr;gap:70px}.contact p{max-width:440px}.contact-line{margin-top:20px!important;font-weight:600}.enquiry-form{display:flex;flex-direction:column;gap:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.enquiry-form label{display:flex;flex-direction:column;font-size:12px;color:#354155;font-weight:600;gap:5px}.enquiry-form input,.enquiry-form textarea{font:inherit;font-weight:400;font-size:14px;color:#1f2937;padding:10px 12px;border:1px solid #d5e0e8;border-radius:5px;width:100%;background:#fff}.enquiry-form input:focus,.enquiry-form textarea:focus{outline:2px solid #a4ceef}.enquiry-form button{align-self:flex-start;min-width:180px}.enquiry-form .form-feedback{color:#26764a;font-size:13px}.honey{position:absolute;left:-9999px}.site-footer{border-top:1px solid var(--border)}.footer-inner{display:flex;justify-content:space-between;align-items:center;min-height:80px}.footer-inner img{width:170px;height:auto}.footer-inner div{display:flex;gap:25px;font-size:13px}.footer-inner a{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:800px){.nav{min-height:72px}.nav nav{gap:15px}.nav nav a:not(.btn){display:none}.logo img{width:195px}.hero{grid-template-columns:1fr;gap:20px;padding-top:55px;padding-bottom:35px}.order-visual{display:none}.benefits{gap:10px}.benefits>div+div{padding-left:14px}.benefits h2{font-size:14px}.benefits p{font-size:12px}.comparison-top{align-items:start;flex-direction:column}.contact{grid-template-columns:1fr;gap:22px}}@media(max-width:480px){.container{padding-left:17px;padding-right:17px}.hero h1{font-size:36px}.hero p{font-size:16px}.benefits{grid-template-columns:1fr;gap:11px}.benefits>div+div{border-left:0;border-top:1px solid var(--border);padding:11px 0 0}.form-grid{grid-template-columns:1fr}.footer-inner{gap:20px}.footer-inner div{gap:12px}}

/* v1.3: light-touch additions to the original v1 appearance */
.oc-included{border-top:1px solid var(--border);padding-top:42px;padding-bottom:53px}
.oc-included-heading{text-align:center;margin:0 0 31px}
.oc-included-heading h2{font-size:clamp(26px,3vw,33px);line-height:1.25;letter-spacing:-.7px;margin:0 0 5px}
.oc-included-heading p{color:var(--muted);margin:0}
.oc-included-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 65px;max-width:880px;margin:auto}
.oc-included-item{display:flex;align-items:flex-start;gap:15px;min-width:0}
.oc-included-icon{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:50%;background:#edf6fd;color:var(--blue);font-weight:800;font-size:19px}
.oc-included-item h3{font-size:16px;line-height:1.3;margin:1px 0 5px}
.oc-included-item p{color:var(--muted);font-size:14px;line-height:1.55;margin:0}
@media(max-width:600px){.oc-included-grid{grid-template-columns:1fr;gap:20px}.oc-included{padding-top:35px;padding-bottom:38px}}

/* v1.4: simple, consistent benefit checkmarks */
.oc-included-icon{width:25px;height:25px;border-radius:50%;background:var(--blue);color:#fff;font-size:16px;line-height:1;font-weight:700;margin-top:1px}
/* Centre the mobile presentation without altering the original desktop layout. */
@media(max-width:800px){
 .nav{justify-content:center;flex-wrap:wrap;gap:12px 20px;padding-top:14px;padding-bottom:14px}
 .nav .logo{display:flex;justify-content:center;max-width:100%}
 .nav nav{justify-content:center;gap:12px}
 .hero{text-align:center;justify-items:center}
 .hero-copy{width:100%;max-width:590px}
 .hero h1,.hero p{margin-left:auto;margin-right:auto}
 .actions{justify-content:center}
 .comparison-top{text-align:center;align-items:center}
 .comparison-top>div{width:100%}
 .comparison-top label{width:100%;max-width:280px;text-align:center;min-width:0}
 .pay-type{justify-content:center}
 .comparison .fee-note,.comparison .disclaimer{text-align:center}
 .oc-included-item{justify-content:center}
 .oc-included-item>div{text-align:center}
 .oc-included-item{flex-direction:column;align-items:center;gap:9px}
 .contact{text-align:center}
 .contact>div{width:100%}
 .contact p{margin-left:auto;margin-right:auto}
 .enquiry-form{text-align:left;max-width:620px;width:100%;margin:0 auto}
 .enquiry-form button{align-self:center}
 .enquiry-form .form-feedback{text-align:center}
 .footer-inner{flex-direction:column;justify-content:center;gap:12px;padding-top:20px;padding-bottom:20px;text-align:center}
 .footer-inner div{justify-content:center;flex-wrap:wrap}
}
@media(max-width:480px){
 .nav nav{width:100%;justify-content:center}
 .hero{padding-top:42px;padding-bottom:36px}
 .hero h1{font-size:clamp(30px,9vw,36px)}
 .actions a{min-width:145px}
 .comparison{margin-top:36px;margin-bottom:36px}
 .oc-included-grid{gap:24px}
 .contact{padding-top:40px;padding-bottom:45px}
}

/* v1.5: mobile header displays logo only; desktop navigation remains unchanged. */
@media (max-width:800px){.site-header .nav nav{display:none}.site-header .nav{justify-content:center}.site-header .logo{margin-inline:auto}}
