@font-face{font-family:Archivo;src:url('/fonts/Archivo-400.ttf') format('truetype');font-weight:400}
@font-face{font-family:Archivo;src:url('/fonts/Archivo-600.ttf') format('truetype');font-weight:600}
@font-face{font-family:Archivo;src:url('/fonts/Archivo-700.ttf') format('truetype');font-weight:700}
@font-face{font-family:Archivo;src:url('/fonts/Archivo-800.ttf') format('truetype');font-weight:800}
:root{--review-navy:#14213a;--review-cream:#f1e8d8;--review-ivory:#f8f0e2;--review-sand:#e9dec9;--review-muted:#3d4a63;--review-yellow:#f7c243;--review-terracotta:#d27659}
html{scroll-padding-top:80px}
body,button,input,select,textarea{font-family:Archivo,system-ui,sans-serif}
.sec{background:var(--review-cream);color:var(--review-navy);padding-block:clamp(72px,7vw,112px)}
.sec.dark{background:var(--review-navy);color:var(--review-cream);margin-inline:12px;border-radius:40px}
.sec .wrap{width:min(1320px,100% - 48px)}
.sec h2{font-family:Archivo,system-ui,sans-serif;font-weight:700;font-stretch:106%;letter-spacing:-.03em;line-height:1.04;text-transform:none}
.sec .intro{font-family:Archivo,system-ui,sans-serif;line-height:1.55}
.sec .eyebrow{font-family:Archivo,system-ui,sans-serif;font-weight:600;letter-spacing:.02em;color:#a7412c;text-transform:none}
.sec.dark .eyebrow{color:var(--review-yellow)}
.sec.final{background:var(--review-navy);color:var(--review-cream)}
.sec.final h2{color:var(--review-cream)}
.sec.final .intro{color:#dce3e1}
.sec .btn,.sec button{border-radius:14px}
.sec .btn-primary{background:var(--review-yellow);color:var(--review-navy)}
.sec .btn-line{border-color:var(--review-navy);color:var(--review-navy)}
.sec.dark .btn-line{border-color:var(--review-cream);color:var(--review-cream)}
.facts li,.control-mock,.control-explain details,.feature-card,.step,.checks li,.sequence-image{border-radius:20px;box-shadow:0 30px 80px -24px rgba(20,33,58,.24)}
#control-centre,#features,#how{background:var(--review-cream)}
#places,#security{background:var(--review-sand)}
#video{background:var(--review-sand);color:var(--review-navy);margin-inline:12px;border-radius:40px}
#video .eyebrow{color:#a7412c}
#video .video-band{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:clamp(32px,5vw,75px);align-items:center;perspective:1400px}
#video .tour-screen{display:block;padding:5px;border-radius:22px;background:#14213a;box-shadow:0 44px 80px -28px rgba(20,33,58,.55);transform:rotateY(6deg);transform-origin:right center}
#video .tour-screen video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;border:0;border-radius:17px;background:#0b1426}
#video .chapters{padding:18px;border:1px solid #c7bba7;border-radius:22px;background:#f8f0e2;box-shadow:0 30px 80px -24px rgba(20,33,58,.2);transform:rotateY(-8deg);transform-origin:left center}
#video .chapters li{border-bottom-color:#d8ccb8;color:#14213a}
#video .chapters time{color:#a7412c}
.sequence-preview{overflow:hidden}
#example-website .sequence-layout{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.4fr);gap:clamp(24px,4vw,64px);align-items:center}
.own-demo{background:var(--review-ivory);border:1px solid #d8ccb8;border-radius:24px;box-shadow:0 30px 80px -24px rgba(20,33,58,.3);overflow:hidden}
.own-demo-tabs{display:flex;justify-content:space-between;padding:13px 18px;background:var(--review-navy);color:var(--review-cream);font-weight:700;font-size:13px}
.own-demo-body{display:grid;grid-template-columns:minmax(210px,.75fr) minmax(0,1.25fr);gap:14px;padding:14px}
.own-controls{display:grid;align-content:start;gap:10px}
.own-controls>img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:left top;border:1px solid #d8ccb8;border-radius:12px}
.own-controls label{display:grid;gap:5px;font-size:12px;font-weight:700;color:var(--review-muted)}
.own-controls input{width:100%;min-height:39px;padding:7px 9px;border:0;border-bottom:2px solid var(--review-navy);border-radius:0;background:var(--review-ivory);color:var(--review-navy);font:500 13px Archivo,sans-serif}
.own-controls input:focus-visible{outline:2px solid var(--review-terracotta);outline-offset:2px}
.own-colours{display:flex;gap:9px;padding-block:5px}
.own-colours button{width:28px;height:28px;padding:0;border:2px solid var(--review-ivory);border-radius:50%;background:var(--review-navy);cursor:pointer}
.own-colours button[data-own-theme=sand]{background:#a7754e}
.own-colours button[data-own-theme=blue]{background:#5488aa}
.own-colours button[aria-pressed=true]{outline:2px solid var(--review-terracotta)}
.own-live{position:relative;min-height:330px;overflow:hidden;border-radius:16px;background:var(--review-navy);color:var(--review-cream)}
.own-live[data-theme=sand]{background:#5d432f}
.own-live[data-theme=blue]{background:#284e66}
.own-live>img{width:100%;height:100%;min-height:330px;object-fit:cover;opacity:.7;filter:saturate(.65)}
.own-live-copy{position:absolute;inset-inline:18px;bottom:18px;display:grid;gap:6px;padding:15px;border-radius:12px;background:rgba(20,33,58,.86);color:var(--review-cream);font-size:13px}
.own-live-copy strong{font-size:19px;line-height:1.1}
@media(max-width:1100px){#example-website .sequence-layout{grid-template-columns:1fr}}
@media(max-width:1000px){#video .video-band{grid-template-columns:1fr}#video .tour-screen,#video .chapters{transform:none}}
@media(max-width:680px){.sec .wrap{width:min(100% - 32px,1320px)}.sec.dark,#video{margin-inline:0;border-radius:28px}.own-demo-body{grid-template-columns:1fr}.own-live{min-height:250px}.own-live>img{min-height:250px}}
@media(max-width:680px){.security .mark,.security .checks{min-width:0;width:100%}.security .actions .btn{white-space:normal;text-align:center;max-width:100%;line-height:1.3}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}