/* FITRICH Obsidian Cobalt v54
   Frost #F5F6F8 · White #FFFFFF · Obsidian #090A0C · Cobalt #245BFF
   Ice #DCE6FF · Ink #101216 · Steel #68707D · Silver #D8DCE3 */

:root{
  --oc-frost:#f5f6f8;
  --oc-white:#fff;
  --oc-black:#090a0c;
  --oc-gloss:#030406;
  --oc-cobalt:#245bff;
  --oc-ice:#dce6ff;
  --oc-ink:#101216;
  --oc-steel:#68707d;
  --oc-line:#d8dce3;
  --oc-shadow:0 24px 70px rgba(16,18,22,.09);
}

/* Shared brand materials */
.website-page,
.info-page{
  --aqua:var(--oc-cobalt);
  --ice:var(--oc-cobalt);
  --paper:var(--oc-white);
  --mist:var(--oc-frost);
  --ink:var(--oc-ink);
  --fitrich-black:var(--oc-black);
  --fitrich-ink:var(--oc-ink);
  --fitrich-charcoal:#343941;
  --fitrich-muted:var(--oc-steel);
  --fitrich-line:var(--oc-line);
  --fitrich-canvas:var(--oc-frost);
  --fitrich-paper:var(--oc-white);
  --fitrich-stone:#eef0f3;
  --fitrich-mint:var(--oc-cobalt);
  --fitrich-sage:var(--oc-ice);
  --fitrich-sage-deep:var(--oc-cobalt);
  background:var(--oc-frost);
  color:var(--oc-ink);
}

.website-page::selection,.info-page::selection{background:var(--oc-cobalt);color:#fff}
.website-page #atmosphere{opacity:.08;filter:grayscale(1)}
.website-page .scroll-progress span{background:var(--oc-cobalt)}
.website-page .loader{background:radial-gradient(circle at 50% 40%,#171a20 0,var(--oc-black) 56%,#000 100%)}
.website-page .loader p{color:#9eb7ff}
.website-page .preview-bar,.info-page .info-topbar{background:var(--oc-cobalt);color:#fff}

/* Static black brand frame */
.website-page .site-header,
.website-page .site-header.scrolled,
.info-page .info-header{
  background:rgba(9,10,12,.97);
  border-color:rgba(255,255,255,.12);
  color:#fff;
  box-shadow:0 14px 40px rgba(0,0,0,.16);
  backdrop-filter:blur(20px);
}
.website-page .site-header nav{border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.035)}
.website-page .site-header nav a:after{background:var(--oc-cobalt)}
.website-page .brand-wordmark small,.info-page .brand-wordmark small{color:#9eb7ff!important}
.website-page .lang-toggle{color:#80858e}
.website-page .lang-toggle .active{color:#fff}
.website-page .bag-button b{background:var(--oc-cobalt);color:#fff}

/* Editorial hero: one clean white panel over the photography */
.website-page .hero{background:var(--oc-frost)!important;color:var(--oc-ink)!important}
.website-page .hero-shade{background:linear-gradient(0deg,var(--oc-frost) 0 10%,rgba(245,246,248,.72) 18%,transparent 42%)!important}
.website-page .hero-media:after{background:linear-gradient(0deg,var(--oc-frost),rgba(245,246,248,.6) 10%,transparent 27%),linear-gradient(90deg,rgba(9,10,12,.11),transparent 28%,transparent 78%,rgba(9,10,12,.08))!important}
.website-page .hero-copy{
  background:rgba(255,255,255,.96);
  border:0;
  border-left:5px solid var(--oc-cobalt);
  border-radius:0 3px 3px 0;
  color:var(--oc-ink);
  box-shadow:var(--oc-shadow);
}
.website-page .hero .eyebrow{color:#555c67}
.website-page .hero .eyebrow .aqua,.website-page .hero h1 em,.website-page .hero-metrics strong{color:var(--oc-cobalt)!important}
.website-page .hero h1{color:var(--oc-black)}
.website-page .hero-copy>p{color:#555c67!important;max-width:42rem}
.website-page .button.primary,.website-page .hero .button.primary{
  border-color:var(--oc-cobalt)!important;
  background:var(--oc-cobalt)!important;
  color:#fff!important;
  box-shadow:0 14px 34px rgba(36,91,255,.22);
}
.website-page .button.primary:hover,.website-page .hero .button.primary:hover{border-color:var(--oc-black)!important;background:var(--oc-black)!important;color:#fff!important}
.website-page .button.ghost{border-color:#aeb4bd;color:var(--oc-ink);background:#fff}
.website-page .button.ghost:hover{border-color:var(--oc-cobalt);color:var(--oc-cobalt)}
.website-page .hero-metrics{border:0;background:rgba(255,255,255,.94);box-shadow:var(--oc-shadow)}
.website-page .hero-metrics div{border-color:var(--oc-line);background:transparent}
.website-page .hero-metrics span{color:var(--oc-steel)}
.website-page .kinetic-line{background:var(--oc-black);color:#fff;border:0}
.website-page .kinetic-diamond{color:var(--oc-cobalt)}

/* Reduce the boxed/prototype feeling */
.website-page .section-no,
.website-page .overline,
.website-page .mode-card small,
.website-page .mode-card>b,
.website-page .product-meta>span,
.website-page .world-card span,
.website-page .world-card button,
.website-page .app-copy li span{color:var(--oc-cobalt)!important}
.website-page .modes,.website-page .store-guide,.website-page .routine{background:var(--oc-frost)!important;color:var(--oc-ink)}
.website-page .modes .section-head p,.website-page .store-guide .section-head p,.website-page .routine-intro>p:not(.overline){color:var(--oc-steel)}
.website-page .mode-card{border:0;border-radius:4px;box-shadow:var(--oc-shadow);overflow:hidden}
.website-page .mode-card:before{background:radial-gradient(circle at 72% 25%,rgba(36,91,255,.46),transparent 34%),linear-gradient(150deg,#191d25,var(--oc-gloss) 70%)}
.website-page .mode-card.reset:before{background:radial-gradient(circle at 72% 25%,rgba(36,91,255,.62),transparent 34%),linear-gradient(150deg,#152245,var(--oc-gloss) 70%)}
.website-page .mode-card.refresh:before{background:radial-gradient(circle at 72% 25%,rgba(220,230,255,.34),transparent 34%),linear-gradient(150deg,#202633,var(--oc-gloss) 70%)}
.website-page .mode-card.recover:before{background:radial-gradient(circle at 72% 25%,rgba(36,91,255,.4),transparent 34%),linear-gradient(150deg,#131923,var(--oc-gloss) 70%)}
.website-page .mode-orbit:after{background:var(--oc-cobalt);box-shadow:0 0 22px var(--oc-cobalt)}

/* Product section: consistent white cards, no alternating pastel blocks */
.website-page .product-drop{background:var(--oc-white)!important;color:var(--oc-ink)}
.website-page .product-drop .section-head p,.website-page .concept-note{color:var(--oc-steel)}
.website-page .filters button{border-color:var(--oc-line);color:var(--oc-steel);background:#fff}
.website-page .filters button.active{border-color:var(--oc-cobalt);background:var(--oc-cobalt);color:#fff}
.website-page .product-card,.website-page .product-card:nth-child(even),.website-page .product-card:nth-child(3n){
  border:1px solid var(--oc-line)!important;
  border-radius:3px;
  background:#fff;
  color:var(--oc-ink);
  box-shadow:0 14px 36px rgba(16,18,22,.055);
}
.website-page .product-card:hover{border-color:#aebfff!important;box-shadow:0 22px 54px rgba(16,18,22,.1)}
.website-page .product-art{background:radial-gradient(circle at 50% 54%,rgba(36,91,255,.16),transparent 45%),linear-gradient(145deg,#fff,#f0f2f5)}
.website-page .product-meta{border-top-color:var(--oc-line)}
.website-page .product-meta p{color:var(--oc-steel)}

.website-page .store-category{border:0;border-radius:4px;box-shadow:var(--oc-shadow)}
.website-page .store-category>span,.website-page .store-category b{color:#a9beff}
.website-page .routine-commerce{border:0;border-left:5px solid var(--oc-cobalt);background:#fff;color:var(--oc-ink);box-shadow:var(--oc-shadow)}
.website-page .routine-commerce>div>span,.website-page .routine-commerce a{color:var(--oc-cobalt)}
.website-page .routine-commerce-objects i{border-color:var(--oc-black);background:linear-gradient(145deg,#171b22,var(--oc-gloss));color:#9eb7ff}
.website-page .store-assurance{background:var(--oc-black);color:#fff}
.website-page .store-assurance b{color:#9eb7ff}

.website-page .content-lab{background:var(--oc-frost);color:var(--oc-ink);border-block:1px solid var(--oc-line)}
.website-page .content-lab .section-head p{color:var(--oc-steel)}
.website-page .reel-card{border-radius:4px;background:var(--oc-black);box-shadow:var(--oc-shadow)}
.website-page .reel-visual:before{background:radial-gradient(circle at 65% 35%,rgba(36,91,255,.7),transparent 29%),repeating-linear-gradient(90deg,transparent 0 30px,rgba(255,255,255,.035) 31px)}
.website-page .reel-visual.two:before{background:radial-gradient(circle at 40% 35%,rgba(36,91,255,.8),transparent 29%),repeating-linear-gradient(0deg,transparent 0 36px,rgba(255,255,255,.04) 37px)}
.website-page .reel-live{background:var(--oc-cobalt);color:#fff}
.website-page .reel-card>em{color:#9eb7ff}

.website-page .routine-step{border-top-color:var(--oc-line)}
.website-page .routine-step>p,.website-page .segmented button{color:var(--oc-steel)}
.website-page .segmented button{border-color:var(--oc-line);background:#fff}
.website-page .segmented button.active{border-color:var(--oc-black);background:var(--oc-black);color:#fff}
.website-page .routine-screen{border-color:#242a35!important;background:radial-gradient(circle at 50% 35%,rgba(36,91,255,.2),transparent 35%),linear-gradient(155deg,#171b22,var(--oc-gloss) 72%)!important;box-shadow:0 36px 90px rgba(0,0,0,.22)!important}
.website-page .routine-screen:before{border-color:rgba(36,91,255,.35)!important}
.website-page .routine-object i{border-color:rgba(36,91,255,.58)!important;background:radial-gradient(circle,rgba(36,91,255,.48),transparent 69%)!important}

/* Strong cobalt is reserved for one brand statement */
.website-page .code{background:var(--oc-cobalt);color:#fff}
.website-page .world{background:#fff;color:var(--oc-ink)}
.website-page .ecosystem-line{background:var(--oc-black)}
.website-page .ecosystem-line i{color:#9eb7ff}
.website-page .app-preview{background:radial-gradient(circle at 82% 18%,rgba(36,91,255,.2),transparent 32%),linear-gradient(145deg,#171a20,var(--oc-gloss));color:#fff}
.website-page .app-preview .overline,.website-page .app-copy li span{color:#9eb7ff!important}
.website-page .phone{border-color:#282d36;background:linear-gradient(165deg,#171b22,var(--oc-gloss) 68%);box-shadow:0 40px 95px rgba(0,0,0,.42),0 0 0 1px rgba(36,91,255,.2)}
.website-page .site-footer,.website-page footer{background:var(--oc-black);color:#fff;border-color:rgba(255,255,255,.12)}
.website-page .site-footer a,.website-page footer a{color:#d9dde5}
.website-page .whatsapp-fab{border-color:var(--oc-black);background:var(--oc-cobalt);color:#fff;box-shadow:0 16px 38px rgba(36,91,255,.2)}

/* Information pages */
.info-page .info-nav a.active,.info-page .info-nav a:hover{color:#9eb7ff}
.info-page .info-lang button.active{background:var(--oc-cobalt);color:#fff}
.info-page .info-hero{border-color:var(--oc-line);background:linear-gradient(135deg,#fff 0 67%,var(--oc-ice) 67%)}
.info-page .info-kicker,.info-page .info-hero h1 em,.info-page .info-section>header>span,.info-page .info-card>span,.info-page .info-contact>b{color:var(--oc-cobalt)}
.info-page .info-hero p,.info-page .info-copy,.info-page .info-note{color:var(--oc-steel)}
.info-page .info-hero-aside{border:0;border-left:5px solid var(--oc-cobalt);background:#fff;box-shadow:var(--oc-shadow)}
.info-page .info-section{border-color:var(--oc-line)}
.info-page .info-card,.info-page .info-card:nth-child(2),.info-page .info-contact,.info-page .info-contact:nth-child(2n){border-color:var(--oc-line);background:#fff;box-shadow:0 12px 34px rgba(16,18,22,.045)}
.info-page .info-footer{background:var(--oc-black);color:#fff;border-color:rgba(255,255,255,.12)}
.info-page .info-footer a{color:#d9dde5}
.info-page .whatsapp-fab{background:var(--oc-cobalt);color:#fff}

/* FITRICH app */
.fitrich-app-page{
  --aqua:var(--oc-cobalt);
  --blue:var(--oc-cobalt);
  --fitrich-sage:var(--oc-ice);
  --fitrich-sage-deep:var(--oc-cobalt);
  --fitrich-canvas:var(--oc-frost);
  --fitrich-paper:var(--oc-white);
  --fitrich-stone:#eef0f3;
  --fitrich-black:var(--oc-black);
  --paper:var(--oc-white);
  --line:var(--oc-line);
  background:var(--oc-black);
}
.fitrich-app-page::selection{background:var(--oc-cobalt);color:#fff}
.fitrich-app-page .phase-ribbon{background:var(--oc-cobalt);color:#fff;border:0}
.fitrich-app-page .side-nav,.fitrich-app-page .app-header{background:rgba(9,10,12,.98);border-color:rgba(255,255,255,.12)}
.fitrich-app-page .side-nav .brand-wordmark small,.fitrich-app-page .app-header .brand-wordmark small,.fitrich-app-page .mobile-logo .brand-wordmark small{color:#9eb7ff!important}
.fitrich-app-page .nav-item{color:#858b95}
.fitrich-app-page .nav-item:hover,.fitrich-app-page .nav-item.active{background:#161920;color:#fff}
.fitrich-app-page .nav-item i,.fitrich-app-page .side-status{border-color:#343941}
.fitrich-app-page .nav-item.active i{border-color:var(--oc-cobalt);background:var(--oc-cobalt);color:#fff}
.fitrich-app-page .side-status i{background:var(--oc-cobalt);box-shadow:0 0 13px rgba(36,91,255,.7)}
.fitrich-app-page .header-title span,.fitrich-app-page .language-button span.active,.fitrich-app-page .avatar-button{color:#9eb7ff}
.fitrich-app-page .language-button,.fitrich-app-page .notification-button,.fitrich-app-page .avatar-button{border-color:#343941;background:#151820}
.fitrich-app-page .notification-button b{background:var(--oc-cobalt);color:#fff}
.fitrich-app-page .app-main{background:var(--oc-frost);color:var(--oc-ink)}
.fitrich-app-page .app-view:not(#view-live){color:var(--oc-ink)}
.fitrich-app-page .app-stories-note,.fitrich-app-page .home-product-hint{color:var(--oc-steel)}
.fitrich-app-page .app-story-ring{background:conic-gradient(from 205deg,var(--oc-cobalt),#9eb7ff 45%,#e4e7ed 73%,var(--oc-cobalt));box-shadow:0 7px 20px rgba(36,91,255,.16)}
.fitrich-app-page .app-story-ring>span{border-color:#fff;background:linear-gradient(145deg,#171b22,var(--oc-gloss))}
.fitrich-app-page .app-story-chip:first-child .app-story-ring>span{background:var(--oc-ice);color:var(--oc-ink)}
.fitrich-app-page .app-story-chip b{color:#515863}
.fitrich-app-page .home-product-head>div:first-child>span,.fitrich-app-page .home-product-copy>small{color:var(--oc-cobalt)}
.fitrich-app-page .home-product-controls button{border-color:var(--oc-line);background:#fff;color:var(--oc-ink)}
.fitrich-app-page .home-product-controls button:hover{border-color:var(--oc-cobalt);background:var(--oc-cobalt);color:#fff}
.fitrich-app-page .home-product-card,.fitrich-app-page .home-product-card:nth-child(even){border-color:var(--oc-line);background:#fff;color:var(--oc-ink);box-shadow:0 14px 34px rgba(16,18,22,.055)}
.fitrich-app-page .home-product-art{background:radial-gradient(circle,rgba(36,91,255,.15),transparent 47%),linear-gradient(145deg,#fff,#f0f2f5)}
.fitrich-app-page .home-product-copy{border-color:var(--oc-line)}
.fitrich-app-page .campaign-shade{background:linear-gradient(0deg,rgba(3,4,6,.97),rgba(3,4,6,.02) 74%)}
.fitrich-app-page .campaign-copy>span,.fitrich-app-page .campaign-copy button{color:#b6c8ff;border-color:#b6c8ff}
.fitrich-app-page .sovereign-mini,.fitrich-app-page .member-hero,.fitrich-app-page .routine-result{background:radial-gradient(circle at 72% 18%,rgba(36,91,255,.28),transparent 34%),linear-gradient(145deg,#171b22,var(--oc-gloss) 72%);color:#fff}
.fitrich-app-page .mini-top i,.fitrich-app-page .mini-mark,.fitrich-app-page .member-hero-top i,.fitrich-app-page .member-hero-mark,.fitrich-app-page .routine-result>small,.fitrich-app-page .routine-result li:before{color:#9eb7ff}
.fitrich-app-page .quick-grid button{border-color:var(--oc-line);background:#fff;color:#555c67}
.fitrich-app-page .quick-grid button:hover{border-color:var(--oc-cobalt);color:var(--oc-cobalt)}
.fitrich-app-page .quick-grid i{background:var(--oc-ice);color:var(--oc-cobalt)}
.fitrich-app-page .quick-grid b{color:var(--oc-cobalt)}
.fitrich-app-page .shop-tools{border-color:var(--oc-line)}
.fitrich-app-page .app-filters button,.fitrich-app-page .bag-preview{border-color:var(--oc-line);color:#555c67;background:#fff}
.fitrich-app-page .app-filters button.active{border-color:var(--oc-cobalt);background:var(--oc-cobalt);color:#fff}
.fitrich-app-page .bag-preview b{background:var(--oc-cobalt);color:#fff}
.fitrich-app-page .app-product,.fitrich-app-page .app-product:nth-child(even){border-color:var(--oc-line);background:#fff;color:var(--oc-ink)}
.fitrich-app-page .app-product.ready{border-color:var(--oc-cobalt);box-shadow:inset 0 3px 0 var(--oc-cobalt)}
.fitrich-app-page .app-product-art{background:radial-gradient(circle at 50% 53%,rgba(36,91,255,.16),transparent 46%),linear-gradient(150deg,#fff,#f0f2f5)}
.fitrich-app-page .app-product-copy{border-color:var(--oc-line)}
.fitrich-app-page .app-product-copy>span,.fitrich-app-page .app-product-buy small.ready,.fitrich-app-page .builder-row p span,.fitrich-app-page .routine-builder .card-head>b{color:var(--oc-cobalt)}
.fitrich-app-page .app-product-copy p,.fitrich-app-page .builder-row button{color:var(--oc-steel)}
.fitrich-app-page .app-product-copy .product-plus,.fitrich-app-page .builder-row button.active{border-color:var(--oc-black);background:var(--oc-black);color:#fff}
.fitrich-app-page .app-product-copy .product-plus:hover,.fitrich-app-page .app-product-copy .product-plus.added{background:var(--oc-cobalt);color:#fff}
.fitrich-app-page .routine-layout{background:var(--oc-frost)!important}
.fitrich-app-page .builder-row{border-color:var(--oc-line)}
.fitrich-app-page .builder-row button{border-color:var(--oc-line);background:#fff}
.fitrich-app-page .result-orbit{border-color:rgba(36,91,255,.5);color:#9eb7ff}
.fitrich-app-page .result-orbit i{background:var(--oc-cobalt);box-shadow:0 0 14px rgba(36,91,255,.45)}
.fitrich-app-page .member-panel .card,.fitrich-app-page .member-panel .card:nth-child(even),.fitrich-app-page .benefit-grid article,.fitrich-app-page .benefit-grid article:nth-child(even){border-color:var(--oc-line);background:#fff;color:var(--oc-ink)}
.fitrich-app-page .member-panel article>span,.fitrich-app-page .benefit-grid i{color:var(--oc-cobalt)}
.fitrich-app-page .member-panel p,.fitrich-app-page .benefit-grid p{color:var(--oc-steel)}
.fitrich-app-page .profile-card{background:linear-gradient(145deg,var(--oc-ice),#fff);color:var(--oc-ink)}
.fitrich-app-page .profile-avatar,.fitrich-app-page .profile-card>span{color:var(--oc-cobalt)}
.fitrich-app-page .profile-card button{border-color:var(--oc-black);background:var(--oc-black);color:#fff}
.fitrich-app-page .setting-row{border-color:var(--oc-line);color:#555c67}
.fitrich-app-page .setting-row i{border-color:var(--oc-line);color:var(--oc-cobalt)}
.fitrich-app-page .bottom-nav{background:rgba(9,10,12,.99);border-color:rgba(255,255,255,.12)}
.fitrich-app-page .bottom-nav .nav-item.active,.fitrich-app-page .bottom-nav .nav-centre i{background:var(--oc-cobalt);border-color:var(--oc-cobalt);color:#fff}
.fitrich-app-page .app-whatsapp-fab{border-color:var(--oc-black);background:var(--oc-cobalt);color:#fff}
.fitrich-app-page .app-sheet{border-color:#343941;background:linear-gradient(145deg,#171b22,var(--oc-gloss));color:#fff}
.fitrich-app-page .app-sheet>span,.fitrich-app-page .sheet-ack{color:#9eb7ff;border-color:#9eb7ff}
.fitrich-app-page .app-product-detail{background:var(--oc-frost);color:var(--oc-ink)}
.fitrich-app-page .product-detail-hero,.fitrich-app-page .product-detail-information,.fitrich-app-page .product-detail-buybox{background:#fff}
.fitrich-app-page .product-detail-gallery{background:radial-gradient(circle at 50% 46%,rgba(36,91,255,.18),transparent 36%),#f0f2f5}
.fitrich-app-page .product-detail-benefits{background:var(--oc-ice)}
.fitrich-app-page .product-detail-section-head span,.fitrich-app-page .product-detail-accordion summary b{color:var(--oc-cobalt)}
.fitrich-app-page .product-detail-add{background:var(--oc-cobalt);color:#fff}

@media(max-width:760px){
  .website-page .site-header{background:var(--oc-black)}
  .website-page .site-header nav{background:linear-gradient(180deg,#151820,var(--oc-black))}
  .website-page .hero-copy{border-left:0;border-top:4px solid var(--oc-cobalt);border-radius:0}
  .website-page .mode-card{box-shadow:none}
  .fitrich-app-page .app-shell{background:var(--oc-frost);box-shadow:0 0 0 1px #343941,0 30px 120px rgba(0,0,0,.65)}
  .fitrich-app-page .app-header{background:var(--oc-black)}
}