
.coutts-demo{--yellow:#d9a52a;background:#fff;color:#111315}.coutts-demo .ct-header{height:82px;background:#0b0d0f}.coutts-demo .ct-nav{max-width:1280px;grid-template-columns:280px 1fr auto;padding:0 32px}.coutts-demo .ct-links{gap:20px}.coutts-demo .ct-links a{height:82px}.coutts-demo .ct-brand-mark{width:64px!important;height:44px!important;object-fit:contain}.coutts-demo .ct-brand-words strong{font-size:20px}.coutts-demo .ct-header-actions .ct-phone{display:none}.experience-hero{background:#111315;color:#fff;position:relative;overflow:hidden}.experience-hero:before{content:'';position:absolute;width:650px;height:650px;right:-300px;top:-300px;border:1px solid #d9a52a26;border-radius:50%;box-shadow:0 0 0 80px #d9a52a06,0 0 0 160px #d9a52a03;pointer-events:none}.experience-shell{position:relative;max-width:1280px;margin:auto;padding:64px 32px 56px;display:grid;grid-template-columns:1.1fr 1fr;gap:72px;align-items:center}.experience-copy h1{font-size:clamp(44px,5.3vw,72px);letter-spacing:-3px;line-height:.98;margin:22px 0}.experience-copy h1 span{color:var(--yellow)}.experience-copy>p{font-size:18px;color:#c3c5c7;line-height:1.5}.experience-copy .ct-kicker{font-size:11px;letter-spacing:.14em;max-width:380px}.primary-actions{display:flex;gap:12px;margin-top:28px}.primary-actions a{display:flex;align-items:center;gap:12px;padding:17px 18px;border-radius:10px;flex:1;transition:transform .2s;min-height:76px;font-size:22px}.primary-actions a:hover{transform:translateY(-3px)}.primary-actions a>span:nth-child(2){flex:1;font-size:14px;font-weight:800}.primary-actions strong{display:block;font-size:12px;margin-top:5px;font-weight:500}.action-call{background:var(--yellow);color:#111315}.action-wa{background:#212426;color:#fff;border:1px solid #444}.quiet-points{margin-top:24px;font-size:12px;color:#bfc1c3}.quiet-points span{color:var(--yellow);padding:0 10px}.search-card{background:#fff;color:#111315;border-radius:20px;padding:30px;box-shadow:0 20px 70px #0005;scroll-margin-top:95px}.search-heading>span{font-size:10px;font-weight:800;letter-spacing:.16em;color:#8c6717}.search-heading h2{font-size:32px;letter-spacing:-1px;margin:10px 0}.search-heading p{font-size:14px;color:#666;line-height:1.6;margin:0 0 22px}.search-tabs{display:flex;background:#f1f2f2;padding:5px;gap:5px;border-radius:9px;margin-bottom:24px}.search-tabs button{flex:1;border:0;background:transparent;padding:12px 4px;border-radius:6px;font-weight:700;font-size:14px;color:#555;cursor:pointer}.search-tabs button[aria-selected=true]{background:#111315;color:#fff;box-shadow:0 2px 5px #0002}.size-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.size-fields label,.reg-label{font-size:12px;font-weight:700;color:#555}.size-fields select{display:block;width:100%;margin-top:8px;border:1px solid #d9dcdf;background:#fff;border-radius:8px;min-height:52px;padding:0 9px;font-size:18px;color:#111315}.find-button{margin-top:20px;display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;min-height:54px;border:0;border-radius:8px;background:var(--yellow);color:#111315;font-size:16px;font-weight:800;cursor:pointer}.search-help{font-size:12px;line-height:1.6;margin:19px 0 0;color:#666}.search-help a{color:#111315;text-decoration:underline}.numberplate{display:flex;background:#f5d535;border:1px solid #d4b521;border-radius:8px;overflow:hidden;margin-top:9px}.numberplate>span{display:grid;place-items:center;background:#213879;color:#fff;padding:0 12px;font-weight:700}.numberplate input{width:100%;min-width:0;background:transparent;border:0;min-height:56px;text-transform:uppercase;text-align:center;font-size:20px;font-weight:800;padding:8px}.numberplate input::placeholder{color:#675b20}.hero-bottom{position:relative;max-width:1216px;margin:auto;border-top:1px solid #ffffff16;display:flex;align-items:center;gap:18px;padding:19px 0;font-size:10px;color:#b8babc}.hero-bottom>span{letter-spacing:.15em;margin-right:auto}.hero-bottom button{background:none;border:0;color:#c9cacc;cursor:pointer;padding:8px}.hero-bottom a{color:var(--yellow)}.coutts-demo .ct-trust{background:#fafafa}.coutts-demo .ct-trust-inner{box-shadow:none;border-radius:0;background:#f5f5f4;color:#111315;max-width:1280px;height:auto;padding:20px 32px}.coutts-demo .ct-google,.coutts-demo .ct-trust-item{border-color:#ddd}.coutts-demo .ct-trust-item small{color:#666}.coutts-demo .ct-content{max-width:1280px;margin:50px auto;gap:30px;padding:0 32px}.coutts-demo .ct-services h2{font-size:30px;line-height:1.12}.coutts-demo .ct-work,.coutts-demo .ct-reviews{max-width:1280px;padding:0 32px;margin:50px auto}.video-section{max-width:1216px;margin:50px auto;background:#f5f5f3;border-radius:18px;padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.video-section h2{font-size:32px;letter-spacing:-1px;margin:12px 0}.video-section p{color:#666;line-height:1.6}.video-status{font-size:12px;color:#666}.video-placeholder{height:220px;position:relative;border-radius:12px;overflow:hidden;background:#111}.video-placeholder img{width:100%;height:100%;object-fit:cover;filter:brightness(.55)}.video-placeholder>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;color:#111;width:56px;height:56px;border-radius:50%;display:grid;place-items:center}.video-placeholder small{position:absolute;bottom:20px;left:20px;color:#fff;letter-spacing:.12em;font-size:10px}.welcome{display:none;position:fixed;inset:0;background:#0b0d0f;z-index:500;color:#fff;overflow:hidden;pointer-events:none}.welcome.is-playing{display:block;animation:welcome-off 2.2s both}.welcome #skip-intro{position:absolute;right:22px;top:22px;background:none;color:#ccc;border:1px solid #555;border-radius:24px;padding:12px 18px;pointer-events:auto;cursor:pointer}.welcome-copy{position:absolute;left:0;right:0;top:25%;text-align:center;animation:welcome-text 2.2s both}.welcome-copy img{height:64px;width:auto;margin:0 auto 24px}.welcome-copy p{font-size:10px;letter-spacing:.4em;color:#d9a52a}.welcome-copy strong{display:block;font-size:clamp(30px,5vw,56px);letter-spacing:.06em}.welcome-copy>span{display:block;color:#999;margin-top:12px;font-size:14px}.wheel-track{position:absolute;top:58%;left:0;width:100%;height:150px}.rolling-wheel{width:130px;height:130px;animation:roll-across 1.8s cubic-bezier(.4,0,.3,1) both;filter:drop-shadow(0 10px 12px #000)}@keyframes roll-across{0%{transform:translateX(-160px) rotate(-180deg)}100%{transform:translateX(calc(100vw + 160px)) rotate(1000deg)}}@keyframes welcome-text{0%,15%{opacity:0;transform:translateY(12px)}30%,70%{opacity:1;transform:translateY(0)}100%{opacity:0}}@keyframes welcome-off{0%,80%{opacity:1}100%{opacity:0;visibility:hidden}}.coutts-demo :focus-visible{outline:3px solid #b98516;outline-offset:4px}.coutts-demo [hidden]{display:none!important}
@media(max-width:1000px){.experience-shell{gap:32px}.primary-actions{flex-direction:column}.coutts-demo .ct-nav{grid-template-columns:250px 1fr}.coutts-demo .ct-header-actions{display:none}.hero-bottom{margin:0 32px}.video-section{margin:32px}.coutts-demo .ct-content{grid-template-columns:1fr}.coutts-demo .ct-coverage{display:none}}
@media(max-width:760px){.coutts-demo .ct-header{height:70px}.coutts-demo .ct-nav{padding:0 20px;grid-template-columns:1fr auto}.coutts-demo .ct-menu{display:block;min-width:44px;min-height:44px;background:none;color:#fff;border:1px solid #555;border-radius:8px;font-size:22px}.coutts-demo .ct-links{display:none;position:absolute;top:70px;left:0;right:0;background:#111315;padding:12px 20px;flex-direction:column;gap:0}.coutts-demo .ct-links.open{display:flex}.coutts-demo .ct-links a{height:44px}.coutts-demo .ct-brand-words strong{font-size:18px}.experience-shell{padding:32px 20px;grid-template-columns:1fr;gap:28px}.experience-copy h1{font-size:44px;letter-spacing:-1.5px;line-height:1;margin:15px 0}.experience-copy h1 br{display:none}.experience-copy h1 span{display:block}.experience-copy>p{font-size:15px;margin:12px 0}.primary-actions{flex-direction:row;gap:10px;margin-top:22px}.primary-actions a{padding:14px 10px;gap:8px;min-height:68px;font-size:18px}.primary-actions a>span:last-child{display:none}.primary-actions a>span:nth-child(2){font-size:13px}.primary-actions strong{font-size:10px}.quiet-points{font-size:11px;margin-top:18px}.search-card{padding:22px;border-radius:14px}.search-heading h2{font-size:27px}.search-heading p{font-size:13px;margin-bottom:16px}.search-tabs{margin-bottom:18px}.size-fields{gap:8px}.size-fields select{font-size:17px;padding:0 5px}.hero-bottom{margin:0 20px;flex-wrap:wrap;gap:8px;font-size:9px}.hero-bottom>span{width:100%;margin-bottom:4px}.hero-bottom a{margin-left:auto}.coutts-demo .ct-trust-inner{display:flex;flex-wrap:wrap;padding:16px 20px;gap:14px}.coutts-demo .ct-google{width:100%;height:auto;padding:0;border:0}.coutts-demo .ct-google strong{font-size:15px}.coutts-demo .ct-trust-item{height:auto;padding:0;border:0;flex:1 1 40%}.coutts-demo .ct-content,.coutts-demo .ct-work,.coutts-demo .ct-reviews{padding:0 20px;margin:32px auto}.coutts-demo .ct-service-grid{grid-template-columns:1fr 1fr}.coutts-demo .ct-services h2,.coutts-demo .ct-reviews h2{font-size:26px}.coutts-demo .ct-work-grid{grid-template-columns:1fr 1fr}.video-section{margin:32px 20px;padding:22px;grid-template-columns:1fr;gap:18px}.video-section h2{font-size:26px}.coutts-demo .ct-mobile-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:130;height:60px;background:#111315;box-shadow:0 -4px 15px #0002}.coutts-demo .ct-mobile-bar a{display:grid;place-items:center;flex:1;color:#fff;font-size:14px;min-height:48px}.coutts-demo .ct-mobile-bar a:first-child{background:#d9a52a;color:#111315}.coutts-demo .wa-chat-launcher{display:none}.coutts-demo .ct-footer{padding-bottom:70px}.welcome-copy{top:28%}.rolling-wheel{width:100px;height:100px}.wheel-track{top:60%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.welcome{display:none!important}}

/* Slower welcome: wheel reveals a choice and waits for the visitor. */
.welcome{pointer-events:auto}.welcome.is-playing{display:block;animation:none}.welcome-copy{top:18%;animation:welcome-arrive 1s ease both}.wheel-track{top:49%;height:150px}.rolling-wheel{animation:roll-across 4s linear both}.welcome-actions{position:absolute;top:68%;left:50%;transform:translateX(-50%);width:min(620px,calc(100% - 40px));display:grid;grid-template-columns:1fr 1fr;gap:16px;clip-path:inset(0 100% 0 0);animation:reveal-choice 4s linear forwards}.welcome-actions a,.welcome-actions button{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:84px;padding:18px;border-radius:12px;font-family:inherit;font-weight:700;font-size:17px;line-height:1.4;cursor:pointer}.welcome-call{background:#d9a52a;color:#111}.welcome-call small{font-size:13px;margin-top:5px}.welcome-actions button{background:#232628;color:#fff;border:1px solid #666}.welcome #skip-intro{z-index:2}.hero-film{position:absolute;inset:0;background: url('/assets/hero-van-v12.webp') center/cover no-repeat;pointer-events:none;overflow:hidden;opacity:.22}.hero-film:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111315 0%,#11131588 65%,#11131533)}.hero-film iframe{position:absolute;width:180%;height:180%;left:-40%;top:-40%;border:0}.hero-bottom,.experience-shell{z-index:1}@keyframes welcome-arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal-choice{0%,18%{clip-path:inset(0 100% 0 0)}85%,100%{clip-path:inset(0 0 0 0)}}
@media(max-width:760px){.welcome-copy{top:18%}.wheel-track{top:46%}.welcome-actions{top:65%;grid-template-columns:1fr;gap:12px}.welcome-actions a,.welcome-actions button{min-height:66px;padding:12px;font-size:15px}.hero-film iframe{width:320%;height:120%;left:-110%;top:-10%}}
@media(max-height:560px){.welcome-copy{top:10%}.welcome-copy img{height:35px;margin-bottom:10px}.welcome-copy strong{font-size:28px}.wheel-track{top:42%}.rolling-wheel{width:80px;height:80px}.welcome-actions{top:68%;grid-template-columns:1fr 1fr}.welcome-actions a,.welcome-actions button{min-height:60px;padding:8px}}
@media(prefers-reduced-motion:reduce){.welcome.is-playing{display:block!important}.welcome-actions{clip-path:none}.rolling-wheel,.hero-film{display:none}.welcome-copy{opacity:1}}

#intro-sound{position:absolute;left:22px;top:22px;z-index:2;background:#232628;color:#fff;border:1px solid #666;border-radius:24px;padding:12px 16px;cursor:pointer;font-family:inherit}@media(max-width:400px){#intro-sound{left:12px;font-size:11px;padding:12px}.welcome #skip-intro{right:12px;font-size:11px}}
