/* Website chrome follows the turquoise-to-violet detail in the official R.
   Contextual app colours, content, photographs and layout stay intact. */
:root{--brand-cyan:#60e0f0;--brand-blue:#80a0f0;--brand-violet:#b070f0;--brand-spectrum:linear-gradient(100deg,var(--brand-cyan),var(--brand-blue) 52%,var(--brand-violet))}
.site-header .brand-tagline{border-image:var(--brand-spectrum) 1}
.site-header .brand-name{background-image:linear-gradient(110deg,#252321 0%,#252321 38%,#24889c 45%,#698bce 49%,#8057a0 53%,#252321 62%,#252321 100%)}
.site-header #nav>a.nav-open-app{background:linear-gradient(125deg,#246d80,#4b527b 64%,#6b477f);box-shadow:inset 0 1px 0 #ffffff55,inset 0 -3px 0 #b070f0,0 4px 8px #30284322}
.site-header #nav>a:not(.nav-open-app):nth-child(3n+1){border-bottom-color:#60baca}
.site-header #nav>a:not(.nav-open-app):nth-child(3n+2){border-bottom-color:#809ac5}
.site-header #nav>a:not(.nav-open-app):nth-child(3n){border-bottom-color:#a587c0}
.hero-bottom{position:relative}
.hero-bottom::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--brand-spectrum);opacity:.55;pointer-events:none}
.screen-picker button[aria-pressed="true"]{background:linear-gradient(125deg,#246d80,#4b527b 64%,#6b477f);box-shadow:inset 0 1px 0 #ffffff60,inset 0 -2px 0 #b070f0,0 4px 10px #080a1026}
.chapter-nav a{transition:border-color .2s,box-shadow .2s}
.chapter-nav a:nth-child(3n+1){border-bottom-color:#60baca}
.chapter-nav a:nth-child(3n+2){border-bottom-color:#809ac5}
.chapter-nav a:nth-child(3n){border-bottom-color:#a587c0}
.motion-ready .reveal-complete{animation-duration:.58s;animation-delay:var(--reveal-delay,0ms)}
.site-header #nav.open>a{animation:website-tab-arrive .38s cubic-bezier(.2,.65,.3,1) both}
.site-header #nav.open>a:nth-child(2){animation-delay:45ms}
.site-header #nav.open>a:nth-child(3){animation-delay:90ms}
.site-header #nav.open>a:nth-child(4){animation-delay:135ms}
.site-header #nav.open>a:nth-child(5){animation-delay:180ms}
.site-header #nav.open>a:nth-child(6){animation-delay:225ms}
.site-header #nav.open>a:nth-child(7){animation-delay:270ms}
@keyframes website-tab-arrive{from{opacity:0;translate:0 9px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.site-header #nav.open>a,.motion-ready .reveal-complete{animation:none!important}.chapter-nav a{transition:none}}
.motion-is-paused .site-header #nav.open>a{animation:none}
/* One sharp, background-free mark, inheriting light/dark heading colour. */
.rebuild-wordmark .rebuild-r-vector{display:block;flex:none;width:.97em;height:.83em;max-width:none;overflow:visible;transform:none;mix-blend-mode:normal}
/* Apply the brand blend to every website primary action, including all app links. */
html body .button:not(.secondary),html body .site-header #nav>a.nav-open-app{
 background:linear-gradient(115deg,#246d80 0%,#4b527b 56%,#6b477f 100%);
 color:#fffaf4;border-color:#8279a4;
 box-shadow:inset 0 1px 0 #ffffff65,inset 0 -3px 0 #a789cb,0 5px 12px #30284330;
}
html body .button:not(.secondary):hover{background:linear-gradient(115deg,#2c7c91,#595e8e 56%,#7a528f)}
html body .button.secondary,html body .demo-try,html body .demo-enlarge{border-color:#9486b2;box-shadow:inset 0 -2px 0 #b070f055,inset 0 1px 0 #ffffff45}
html body .screen-picker button[aria-pressed="true"],html body .routine-preview-tabs button[aria-selected="true"],html body .routine-preview-tabs button[aria-pressed="true"],html body .plus-programme-tabs [aria-selected="true"],html body .area-control[aria-selected="true"]{
 background:linear-gradient(115deg,#246d80,#4b527b 56%,#6b477f);color:#fffaf4;border-color:#a598be;
 box-shadow:inset 0 1px 0 #ffffff55,inset 0 -3px 0 #b070f0,0 3px 8px #30284330;
}
html body .routine-preview-tabs button,html body .plus-programme-tabs button,html body .area-control{border-bottom-color:#a58bc5}
.site-header #nav>a .ui-icon{color:#71588d}
.site-header #nav>a.nav-open-app .ui-icon{color:#d9c2f1}

/* Shared brand treatment for website section headings, with crisp native text. */
html body .brand-heading{color:#80a0f0;background-image:linear-gradient(105deg,#60e0f0 0%,#80a0f0 52%,#b070f0 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:0;text-shadow:none}
html body .brand-heading>span:not(.rebuild-wordmark){color:inherit;-webkit-text-fill-color:inherit}
@media(forced-colors:active){html body .brand-heading{background:none;-webkit-text-fill-color:CanvasText;color:CanvasText}}
/* Plus belongs to the same REBUILD identity as the rest of the website. */
html body[data-page=plus]{--plus-cyan:#60e0f0;--plus-orange:#b070f0;--plus-orange-ink:#685086}
html body .home-plus-offer .plus-title,html body .home-plus-offer .plus-promise>strong,
html body[data-page=plus] .plus-welcome h1>span{
 background-image:var(--brand-spectrum);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#b070f0;text-shadow:none;
}
html body .home-plus-offer .plus-how .ui-icon{color:#b070f0}
html body[data-page=plus] .plus-refresh .plus-benefit>span,
html body[data-page=plus] .plus-refresh .plus-how-cards article>span,
html body[data-page=plus] .plus-group-heading>.ui-icon{
 background:linear-gradient(135deg,#def5f6,#e7ddf4);color:#685086;border-color:#b2a4c9;
}
html body .home-plus-offer .button.secondary{background:linear-gradient(115deg,#246d80,#4b527b 56%,#6b477f);color:#fffaf4;border-color:#8279a4}
html body[data-page=plus] .plus-how-band{background:linear-gradient(120deg,#e2f0f0,#e8e0f2);border-color:#c8bed7}
html body[data-page=plus] .plus-added-visual{background:linear-gradient(145deg,#edf5f4,#e8e0f0);border-color:#c8bed7}
/* A softer, continuous graphite surface for the homepage Plus comparison. */
html body .home-compare-grid>.home-plus-offer{
 background-color:#454249;
 background-image:url('assets/plus-soft-grain.svg'),radial-gradient(ellipse at 8% 0%,#b0bfc322,transparent 62%),radial-gradient(ellipse at 100% 85%,#b09ec320,transparent 65%),linear-gradient(145deg,#58545c,#3c3b40);
 background-size:100% 100%;background-repeat:no-repeat;
 border-color:#7e7882;box-shadow:inset 0 1px 0 #ffffff24,0 14px 28px -22px #332c3f66;
}
html body .home-plus-offer .plus-programme{
 background:#ffffff08;border-color:#ffffff25;box-shadow:inset 0 1px 0 #ffffff12;
}
html body .home-plus-offer .plus-programme-tabs button:not([aria-selected="true"]){background:#ffffff08;border-color:#ffffff35;color:#f1eaf4}
html body .home-plus-offer .plus-promise,html body .home-plus-offer .plus-offer-footer{border-color:#ffffff26}
html body .home-plus-offer .plus-programme p,html body .home-plus-offer .plus-promise p,html body .home-plus-offer .plus-how p{color:#ece7ed}
/* Readable programme details on the approved graphite surface. */
html body .home-plus-offer .programme-duration{
 display:inline-block;float:none;color:#ddc8ff;background:#29252f;
 border:1px solid #b99bd070;border-radius:7px;padding:5px 9px;
 font-size:.9rem;font-weight:700;line-height:1.4;margin:0 0 13px;
}
html body .home-plus-offer .plus-programme{padding:18px 15px}
html body .home-plus-offer .plus-programme h5{font-size:1.05rem;line-height:1.35;color:#fffaf4;font-weight:700;margin-bottom:10px}
html body .home-plus-offer .plus-programme p,
html body .home-plus-offer .plus-promise p,
html body .home-plus-offer .plus-how p{font-size:1rem;font-weight:500;line-height:1.65;color:#fffaf4}
html body .home-plus-offer .plus-how h4{font-size:1.05rem;line-height:1.4}
html body .home-plus-offer .plus-programme-tabs button{font-size:.9rem;min-height:48px;padding:10px 12px}
html body .home-plus-offer .plus-programme-tabs button span{font-size:.75rem;width:22px;height:22px}
html body .home-plus-offer .programme-browser-label{font-size:.85rem;color:#e4d6f4;line-height:1.5}
html body .home-plus-offer .compare-status{font-size:.875rem;color:#ece7ed;line-height:1.6}