/* RAKEZ Brand Book 1.1, p24: core blues and official highlight colours.
   p23: the triangular visual language may extend and morph. Logo untouched. */
:root{--navy:#00a9a9;--brand-blue:#4cbbbc;--brand-red:#fe3b1f;--brand-orange:#ff5f00;--brand-yellow:#ffdd00;--brand-sapphire:#00a9a9}

/* Marketing: a warmer opening, with continuous, visible movement. */
.launch-hero.compact-hero{background:linear-gradient(115deg,#ffffff 25%,#ff5f000f 68%,#9dd4d623);border-bottom:1px solid #9dd4d64b}
.launch-hero .compact-hero-grid{gap:50px;padding-block:40px 38px;align-items:center}
.launch-hero h1 .hero-accent{color:var(--brand-red)}
.launch-hero h1 .hero-accent:after{background:var(--brand-yellow);height:10px;bottom:-.025em;transform:rotate(-1deg)}
.launch-hero .eyebrow{font:600 .875rem/1.5 Arial,sans-serif;letter-spacing:1.3px;color:var(--brand-sapphire)}
.launch-hero .small-line{background:var(--brand-orange)}
.launch-hero .hero-copy>p{color:#58585a;font-size:29px;line-height:1.4}
.launch-hero .btn[data-instant]{background:var(--brand-red);border-color:var(--brand-red);color:#ffffff;font-size:24px;font-weight:600;min-height:58px;box-shadow:0 7px 0 #fe3b1f18}
.launch-hero .btn[data-instant]:hover{transform:translateY(-2px);box-shadow:0 9px 0 #fe3b1f20}
.launch-hero .compact-voice{border:1px solid #9dd4d6;background:#9dd4d621;color:#0e3a5c;font-size:23px;min-height:58px}
.launch-hero .hero-copy>.launch-proof{font-size:22px;color:#0e3a5c;max-width:480px}
.launch-terms{font:.875rem/1.6 Arial,sans-serif;color:#58585a;display:block;max-width:470px}
.launch-scene{padding:22px 22px 0;background:#ffffffc9;border:1px solid #9dd4d6;border-radius:20px;box-shadow:0 20px 50px #00a9a908}
.launch-top>span{font:600 .875rem/1.4 Arial,sans-serif;letter-spacing:.8px;color:#0e3a5c;max-width:155px}
.launch-controls{gap:5px}.launch-controls>button{font:.875rem/1.4 Arial,sans-serif;min-height:42px;padding:5px 8px;color:#58585a}.launch-controls>button:hover{background:#9dd4d625;border-radius:7px}
.launch-controls .motion-label{display:none}.launch-controls .pause-glyph{font-size:20px}
.launch-meter{width:320px;height:320px;margin:16px auto 10px}
.launch-digits strong{color:var(--brand-red);font-size:272px;font-weight:600;letter-spacing:-8px;filter:drop-shadow(4px 6px 0 #ffdd002c)}
.launch-digits .less-than,.launch-digits .minutes{font:600 .875rem/1.5 Arial,sans-serif;letter-spacing:2px;background:#ffffff;color:#0e3a5c}
.clock-track{stroke:#9dd4d6;stroke-width:2}.clock-ticks{stroke:#6ec4c4;stroke-width:1.6}.clock-progress{stroke:var(--brand-blue);stroke-width:5;opacity:1}.clock-satellite{fill:var(--brand-red)}
.clock-hand{stroke:var(--brand-orange);fill:var(--brand-orange);stroke-width:3;stroke-linecap:round;transform-origin:210px 210px;opacity:.65}
.story-playing .clock-satellite{animation:brand-orbit 6s linear infinite}.story-playing .clock-hand{animation:brand-orbit 12s linear infinite}.story-playing .clock-progress{animation:brand-ring 6s ease-in-out infinite}.story-playing .launch-digits strong{animation:digit-in .8s cubic-bezier(.16,1,.3,1) both}
.launch-facet{position:absolute;clip-path:polygon(50% 0,100% 100%,0 100%);z-index:-1;pointer-events:none;animation:brand-float 5s ease-in-out infinite;animation-play-state:paused}
.hero-in-view:not(.unused) .launch-facet{animation-play-state:running}
.facet-blue{width:65px;height:60px;background:#4cbbbc;left:-10px;top:45px;rotate:-18deg}
.facet-orange{width:44px;height:42px;background:#ff5f00;right:8px;top:22px;rotate:25deg;animation-delay:-1.5s}
.facet-yellow{width:73px;height:65px;background:#ffdd00;left:15px;bottom:10px;rotate:-35deg;animation-delay:-3s}
.launch-note{background:var(--brand-yellow);border-color:var(--brand-yellow);color:#0e3a5c;right:-14px;bottom:28px;width:184px;padding:14px 16px;box-shadow:0 12px 20px #00a9a914;rotate:0deg}
.note-kicker{font:.75rem/1.4 Arial,sans-serif;color:#0e3a5c;text-decoration-color:#0e3a5c}.launch-note strong{font-size:30px;font-weight:600}.launch-note>.icon{color:#0e3a5c}
.launch-stage-copy{padding-block:16px;min-height:124px}.launch-stage-copy>span{font:.875rem/1.5 Arial,sans-serif;letter-spacing:.8px;color:#58585a}.launch-stage-copy strong{font-size:29px;color:#0e3a5c}.launch-hero .launch-stage-copy p{font-size:21px;line-height:1.3;color:#58585a;margin-top:7px;min-height:52px}
.launch-steps{border-color:#9dd4d6}.launch-steps>button{font-size:19px;line-height:1.2;white-space:normal;min-height:62px;color:#58585a}.launch-steps>button>span{font:.875rem Arial,sans-serif;color:#58585a}.launch-steps>button:before{background:var(--brand-orange);height:4px}.launch-steps>button[aria-pressed=true]{color:#0e3a5c;background:#9dd4d61f}
.journey-bar>button:nth-of-type(1)>.icon:first-child{color:#fe3b1f}.journey-bar>a>.icon:first-child{color:#34657f}.journey-bar>button:nth-of-type(2)>.icon:first-child{color:#ff5f00}
.ai-copy h2 span{color:#ffdd00;text-decoration-color:#ff5f00}.agent-scenarios button.active{background:#ffdd0047;color:#0e3a5c}.quote-seal{background:#ffdd00;color:#0e3a5c}.compass-copy{border-top:7px solid #4cbbbc}.compass-tags span{background:#ffffff;border-color:#9dd4d6}.closing h2 span{color:#ffdd00;text-decoration-color:#ff5f00}.closing .btn-white{background:#ffdd00;color:#0e3a5c}
@keyframes brand-orbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes brand-ring{0%,100%{stroke-dashoffset:80}50%{stroke-dashoffset:560}}
@keyframes brand-float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-13px) rotate(8deg)}}

/* Workspaces: the same palette, with the readable type from version 07. */
.app-shell .sidebar nav a.active{background:#9dd4d62a;border-left:4px solid #4cbbbc;padding-left:9px}
.app-shell .page-heading>.btn.primary{background:#00a9a9;box-shadow:0 4px 0 #ffdd00}
.welcome-panel,.welcome-panel.with-photo{background:#00a9a9;min-height:320px;isolation:isolate}
.welcome-panel:after{display:none}.welcome-panel>div:first-child,.welcome-panel.with-photo>div:first-child{width:61%;background:transparent;padding:36px 34px}.welcome-panel h2{font-size:46px;line-height:1.1}.welcome-panel .brand-warm{color:#ffdd00}.welcome-panel .eyebrow{color:#ffffff}.welcome-panel p{color:#ffffff;max-width:450px}.welcome-panel .light-link{background:#ffdd00;color:#0e3a5c;padding:11px 16px;border-radius:7px;font-size:1rem}.welcome-panel .light-link:hover{background:#ffdd00}
.brand-art{position:absolute;right:0;top:0;bottom:0;width:43%;background:#9dd4d62a;clip-path:polygon(10% 0,100% 0,100% 100%,0 100%);overflow:hidden;z-index:-1;display:flex;align-items:center;justify-content:center}
.brand-art svg{width:100%;height:auto;overflow:visible}.art-halo{fill:#ffffff;stroke:#9dd4d6;stroke-width:1.5;stroke-dasharray:3 8}.art-route{fill:none;stroke:#4cbbbc;stroke-width:2;stroke-dasharray:6 6}
.art-facet{animation:facet-rise 6s ease-in-out infinite;animation-play-state:paused;transform-origin:center}.art-orange{animation-delay:-2s}.art-yellow{animation-delay:-4s}.art-route{animation:route-dash 8s linear infinite;animation-play-state:paused}.art-traveller{animation:triangle-trip 8s linear infinite;animation-play-state:paused}
.brand-art.is-moving .art-facet,.brand-art.is-moving .art-route,.brand-art.is-moving .art-traveller{animation-play-state:running}
.art-label{position:absolute;background:white;color:#0e3a5c;font:600 1rem/1.4 Arial,sans-serif;padding:9px 14px;border:1px solid #9dd4d6;border-radius:7px;box-shadow:0 8px 15px #00a9a90a}
.art-idea{left:15%;top:21%;rotate:-6deg}.art-next{right:6%;bottom:15%;background:#ffdd00;border-color:#ffdd00;rotate:5deg}
.brand-motion-toggle{position:absolute;right:15px;top:11px;font:.875rem/1.4 Arial,sans-serif;min-height:36px;padding:7px 10px;background:white;color:#0e3a5c;border:1px solid #9dd4d6;border-radius:20px;z-index:4}
.stats-grid>.stat{border-top:4px solid #4cbbbc}.stats-grid>.stat:nth-child(2){border-top-color:#ff5f00;background:#ff5f000f}.stats-grid>.stat:nth-child(3){border-top-color:#fe3b1f;background:#ff5f000f}.stats-grid>.stat:nth-child(4){border-top-color:#ffdd00;background:#ffdd000f}.stats-grid>.stat:first-child{background:#9dd4d616}
.membership-card:nth-child(1){border-top:4px solid #4cbbbc}.membership-card:nth-child(2){border-top:4px solid #ff5f00}.membership-card:nth-child(3){border-top:4px solid #ffdd00}.service-catalog button:nth-child(2){background:#ff5f0012}.service-catalog button:nth-child(3){background:#ffdd001b}.service-catalog button:nth-child(4){background:#9dd4d621}.next-panel{border-left:4px solid #ffdd00}.guide-symbol{background:#ffdd0031;border-color:#ffdd00;color:#0e3a5c}
.entry-story{background:#9dd4d625}.entry-story:before{border-color:#4cbbbc;box-shadow:0 0 0 35px #4cbbbc08,0 0 0 70px #4cbbbc08}.entry-story:after{content:'';position:absolute;right:-30px;bottom:50px;width:190px;height:170px;background:linear-gradient(55deg,#ffdd00 0 33%,#ff5f00 33% 66%,#fe3b1f 66%);clip-path:polygon(50% 0,100% 100%,0 100%);opacity:.95;pointer-events:none}.entry-story>div,.entry-story>small{z-index:1}.role-option.selected{border-color:#4cbbbc;box-shadow:inset 4px 0 #4cbbbc;background:#9dd4d61a}.demo-person .avatar{background:#ffdd004d;color:#0e3a5c}
.brand-palette-note{margin:28px 0 18px;border-left:4px solid #ff5f00;padding-left:20px}.brand-palette-note p{font-size:1rem;line-height:1.65;margin-top:8px;max-width:900px}.highlight-swatches{grid-template-columns:repeat(4,1fr)}
@keyframes facet-rise{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes route-dash{to{stroke-dashoffset:-96}}
@keyframes triangle-trip{0%{transform:translate(70px,225px)}33.333%{transform:translate(225px,40px)}66.666%{transform:translate(385px,225px)}100%{transform:translate(70px,225px)}}
.brand-motion-paused .brand-art *,.motion-paused .launch-scene *,.motion-paused .launch-facet,.page-hidden .launch-scene *{animation-play-state:paused!important}
.brand-motion-paused .art-traveller{transform:translate(225px,40px)}
@media(max-width:1100px){.launch-hero .compact-hero-grid{gap:25px}.launch-scene{padding:18px 16px 0}.launch-meter{width:280px;height:280px}.launch-digits strong{font-size:238px}.launch-note{width:162px;right:-8px}.launch-note strong{font-size:27px}.launch-top>span{font-size:.75rem;max-width:125px}.launch-controls>button{font-size:.8125rem}.launch-hero .btn[data-instant]{font-size:22px}.launch-hero .compact-voice{font-size:21px}.launch-steps>button{font-size:18px}.welcome-panel h2{font-size:40px}.art-label{font-size:.875rem;padding:8px 10px}}
@media(max-width:1023px){.entry-story,.mobile-preview .entry-story{background:#00a9a9}.entry-story:after{width:100px;height:80px;bottom:-15px;right:0;opacity:.4}.entry-story h1{max-width:none;position:relative;z-index:2}.welcome-panel>div:first-child,.welcome-panel.with-photo>div:first-child{width:60%;padding:30px}.welcome-panel h2{font-size:40px}.welcome-panel p{font-size:1.0625rem}.brand-art{width:43%}.highlight-swatches{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.launch-hero .compact-hero-grid{gap:26px;padding-block:28px}.launch-hero h1{font-size:clamp(62px,15.5vw,93px)}.launch-hero .hero-copy>p{font-size:25px}.launch-hero .button-row{flex-wrap:wrap}.launch-hero .btn[data-instant],.launch-hero .compact-voice{font-size:22px;min-height:52px;padding:12px 16px}.launch-hero .eyebrow{font-size:.8125rem}.launch-hero .hero-copy>.launch-proof{font-size:21px;max-width:none}.launch-terms{font-size:.875rem;max-width:none}.launch-scene{padding:15px 15px 0}.launch-top>span{font-size:.8125rem;max-width:145px}.launch-controls>button{font-size:.875rem}.launch-meter{width:270px;height:270px;margin-top:15px}.launch-digits strong{font-size:230px}.launch-note{right:-5px;width:165px;bottom:15px}.launch-note strong{font-size:27px}.launch-stage-copy{min-height:132px}.launch-stage-copy strong{font-size:27px}.launch-hero .launch-stage-copy p{font-size:20px;min-height:52px}.launch-steps>button{font-size:18px;gap:6px;padding:12px 5px;display:block}.launch-steps>button>span{display:block;font-size:.8125rem;margin-bottom:4px}.launch-steps>button>.icon{display:none}.utility .container>div>a:nth-child(3){display:none}.welcome-panel,.welcome-panel.with-photo{display:flex;flex-direction:column;align-items:stretch;min-height:0}.welcome-panel>div:first-child,.welcome-panel.with-photo>div:first-child{width:100%;padding:30px 24px 23px;background:none}.welcome-panel h2{font-size:39px}.welcome-panel .eyebrow{font-size:.875rem;max-width:85%}.welcome-panel p{font-size:1.125rem}.brand-art{position:relative;width:100%;height:220px;top:auto;bottom:auto;clip-path:none;z-index:0}.brand-art svg{width:330px;max-width:100%;height:220px}.art-label{font-size:.875rem}.art-idea{top:20%;left:10%}.art-next{bottom:12%;right:8%}.brand-motion-toggle{top:auto;bottom:183px;right:10px;font-size:.8125rem;padding:5px 9px;min-height:32px}.mobile-preview .welcome-panel.with-photo>div:first-child{background:none}.entry-story:after{opacity:.25}.highlight-swatches{grid-template-columns:1fr 1fr}}
@media(max-width:370px){.launch-meter{width:240px;height:240px}.launch-digits strong{font-size:205px}.launch-note{right:-6px;width:150px}.launch-top>span{max-width:110px}.launch-steps>button{font-size:17px}}
@media(prefers-reduced-motion:reduce){.launch-scene *,.launch-facet,.brand-art *{animation:none!important;transition:none!important}.art-traveller{transform:translate(225px,40px)}.launch-digits strong{opacity:1;transform:none}.launch-note{opacity:1;transform:rotate(-7deg)}}
