@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&family=Noto+Sans+Malayalam:wght@400;500;600;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');

:root{
  --rb-green:#08a85b;
  --rb-green-2:#1ecb72;
  --rb-navy:#0a1b35;
  --rb-text:#152238;
  --rb-muted:#5d6878;
  --rb-border:#e7ebef;
  --rb-bg:#fff;
}
html{scroll-behavior:smooth}
body{font-family:"DM Sans",sans-serif;color:var(--rb-text);background:#fff}
h1,h2,h3,h4,.font-display{font-family:"Manrope",sans-serif}
.site-header{height:80px;border-bottom:1px solid #eef1f4;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);position:sticky;top:0;z-index:50}
.nav-wrap{height:100%;max-width:1390px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--rb-navy)}
.brand-mark{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#071b32;color:#8be22d;font-weight:800;font-size:20px;box-shadow:0 5px 18px rgba(10,27,53,.12)}
.brand-name{font:800 20px/1 "Manrope";letter-spacing:.12em}
.brand-tag{font-size:11px;color:#687386;margin-top:4px}
.nav-links{display:flex;align-items:center;gap:34px;font-weight:600;font-size:14px}
.nav-links a{color:#182238;text-decoration:none;transition:.2s}
.nav-links a:hover{color:var(--rb-green)}
.lang-toggle{border:1px solid #dce3e9;border-radius:999px;padding:5px 10px;display:flex;align-items:center;gap:7px;background:#fff}
.lang-toggle button{border:0;background:transparent;cursor:pointer;font-weight:700;font-size:12px}
.lang-toggle .active{background:var(--rb-green);color:white;border-radius:999px;padding:7px 11px}
.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#ffffff 0%,#ffffff 48%,#f6fbff 100%)}
.hero:before{content:"";position:absolute;left:-90px;top:0;width:360px;height:260px;background:#e6f8ef;border-radius:0 0 110px 0}
.hero:after{content:"";position:absolute;right:-140px;bottom:-160px;width:430px;height:430px;background:#eaf4ff;border-radius:50%}
.hero-grid{max-width:1390px;margin:auto;min-height:555px;padding:52px 60px 45px;display:grid;grid-template-columns:1fr 1.12fr;gap:30px;align-items:center;position:relative;z-index:2}
.hero-copy{padding-left:28px;max-width:650px}
.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#647083;margin-bottom:16px}
.hero h1{font-size:60px;line-height:1.08;letter-spacing:-.055em;margin:0 0 18px;font-weight:800}
.gradient-word{color:var(--rb-green)}
.hero-desc{font-size:16px;line-height:1.65;color:#4f5d70;max-width:600px}
.cta-row{display:flex;gap:14px;align-items:center;margin-top:25px}
.btn-primary-rb{background:var(--rb-green);color:#fff;border-radius:999px;border:0;padding:13px 21px;font-weight:700;box-shadow:0 8px 20px rgba(8,168,91,.18)}
.btn-primary-rb:hover{background:#078f4d}
.btn-outline-rb{border:1px solid #ccd4dd;background:#fff;color:#182238;border-radius:999px;padding:12px 20px;font-weight:700}
.stats{margin-top:30px;display:flex;max-width:600px;border:1px solid #e7ebef;border-radius:15px;overflow:hidden;background:#fff}
.stat-item{flex:1;padding:14px 17px;display:flex;align-items:center;gap:11px;border-right:1px solid #edf0f3}
.stat-item:last-child{border-right:0}
.stat-icon{font-size:25px;color:var(--rb-green)}
.stat-num{font:800 20px/1 "Manrope"}
.stat-label{font-size:12px;color:#5c6879;line-height:1.35;margin-top:3px}
.wheel-wrap{display:grid;place-items:center;position:relative;min-height:510px}
.wheel{width:min(490px,42vw);aspect-ratio:1;border-radius:50%;position:relative;display:grid;place-items:center;filter:drop-shadow(0 12px 24px rgba(16,40,70,.08))}
.wheel-segment{position:absolute;width:43%;height:43%;transform-origin:50% 115%;left:28.5%;top:1%;border-radius:12px 12px 42px 42px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:14px;border:7px solid #fff;box-shadow:0 2px 8px rgba(20,35,55,.03)}
.wheel-segment .icon{font-size:31px}
.s1{transform:rotate(0deg);background:#dff6cb;color:#14884e}
.s2{transform:rotate(51.43deg);background:#ffdcdc;color:#ec3e3e}
.s3{transform:rotate(102.86deg);background:#d9e9ff;color:#1264d5}
.s4{transform:rotate(154.29deg);background:#fff0cb;color:#ed9d00}
.s5{transform:rotate(205.72deg);background:#d8f3f4;color:#0b9ca0}
.s6{transform:rotate(257.15deg);background:#ffe0e0;color:#e53f3f}
.s7{transform:rotate(308.58deg);background:#eadfff;color:#7544df}
.wheel-segment:nth-child(1) .label{transform:rotate(0deg)}
.wheel-segment:nth-child(2) .label{transform:rotate(-51.43deg)}
.wheel-segment:nth-child(3) .label{transform:rotate(-102.86deg)}
.wheel-segment:nth-child(4) .label{transform:rotate(-154.29deg)}
.wheel-segment:nth-child(5) .label{transform:rotate(-205.72deg)}
.wheel-segment:nth-child(6) .label{transform:rotate(-257.15deg)}
.wheel-segment:nth-child(7) .label{transform:rotate(-308.58deg)}
.wheel-center{width:43%;aspect-ratio:1;border-radius:50%;background:#fff;border:1px solid #edf0f3;box-shadow:0 8px 30px rgba(10,30,60,.08);display:grid;place-items:center;text-align:center;z-index:5}
.wheel-seven{font:800 74px/.9 "Manrope";color:var(--rb-green)}
.wheel-center small{font-weight:700;letter-spacing:.02em;font-size:17px;line-height:1.1}
.section{max-width:1390px;margin:auto;padding:56px 34px}
.section-heading{text-align:center;margin-bottom:25px}
.section-heading h2{font-size:29px;margin:0;font-weight:800}
.section-heading p{color:#687386;margin:8px 0 0}
.heading-rule{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:9px}
.heading-rule:before,.heading-rule:after{content:"";width:56px;height:2px;background:linear-gradient(90deg,transparent,var(--rb-green))}
.heading-rule:after{background:linear-gradient(90deg,var(--rb-green),transparent)}
.pillars{display:grid;grid-template-columns:repeat(7,1fr);gap:14px}
.pillar-card{min-height:265px;border:1px solid var(--rb-border);border-radius:12px;padding:18px 14px 17px;text-align:center;display:flex;flex-direction:column;align-items:center;transition:transform .2s,box-shadow .2s}
.pillar-card:hover{transform:translateY(-5px);box-shadow:0 16px 30px rgba(20,35,55,.08)}
.pillar-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:27px;margin:0 auto 15px}
.pillar-card h3{font-size:17px;margin:0 0 10px}
.pillar-card p{font-size:12.5px;line-height:1.6;color:#536174;flex:1}
.learn{font-size:12px;font-weight:800;margin-top:12px;text-decoration:none}
.card-green{background:#f2fbf5}.card-green .pillar-icon{background:#16a765;color:white}.card-green .learn{color:#08a85b}
.card-red{background:#fff6f6}.card-red .pillar-icon{background:#f05a5a;color:white}.card-red .learn{color:#ef4141}
.card-blue{background:#f4f8ff}.card-blue .pillar-icon{background:#1971dc;color:white}.card-blue .learn{color:#1769cf}
.card-gold{background:#fffaf0}.card-gold .pillar-icon{background:#f4ad17;color:white}.card-gold .learn{color:#e69a00}
.card-teal{background:#f3fbfb}.card-teal .pillar-icon{background:#16a5a9;color:white}.card-teal .learn{color:#0b9a9e}
.card-purple{background:#faf7ff}.card-purple .pillar-icon{background:#7b4be0;color:white}.card-purple .learn{color:#7440dc}
.process{background:#fafbfc;border:1px solid #f0f2f5;border-radius:16px;padding:34px 28px;margin-top:6px}
.process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}
.process-item{text-align:center;position:relative}
.process-item:not(:last-child):after{content:"→";position:absolute;right:-18px;top:30px;color:#7f8a97;font-size:22px}
.process-icon{width:58px;height:58px;border:1px solid #e1e6eb;background:white;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;color:var(--rb-green);font-size:28px}
.process-item strong{font:800 15px "Manrope";display:block;margin-bottom:5px}
.process-item p{font-size:12px;line-height:1.55;color:#647083;max-width:170px;margin:auto}
.site-footer{background:#071a31;color:white;margin-top:0}
.footer-inner{max-width:1390px;margin:auto;padding:36px 50px 24px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.4fr;gap:40px}
.footer-brand .brand{color:white}
.footer-brand .brand-mark{background:#071a31;border:2px solid #76d52b;color:#76d52b}
.footer-brand .brand-tag{color:#76d52b}
.footer-brand p{color:#d1d9e4;font-size:13px;line-height:1.55;max-width:270px;margin-top:15px}
.footer-col h4{font:700 14px "Manrope";margin:0 0 13px}
.footer-col a{display:block;color:#d0d8e3;text-decoration:none;font-size:13px;margin:9px 0}
.footer-col a:hover{color:#7ce04a}
.footer-note{font-size:12px;color:#cbd4df;line-height:1.5}
.newsletter{display:flex;margin-top:15px;border-radius:999px;overflow:hidden;background:#fff}
.newsletter input{border:0;outline:0;padding:12px 14px;min-width:0;flex:1}
.newsletter button{border:0;background:#7bdc2e;color:#06210f;font-weight:800;padding:0 18px}
.footer-bottom{max-width:1295px;margin:auto;padding:13px 0;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;color:#ccd4de;font-size:12px}
.pillar-hero{padding:70px 30px 55px;background:linear-gradient(120deg,#fff,#f5fbf7)}
.pillar-hero-inner{max-width:1080px;margin:auto;text-align:center}
.pillar-hero .big-icon{width:88px;height:88px;border-radius:28px;display:grid;place-items:center;font-size:42px;margin:0 auto 20px}
.pillar-hero h1{font-size:56px;letter-spacing:-.05em;margin:0 0 14px}
.pillar-hero .lead{font-size:19px;line-height:1.65;color:#596678;max-width:780px;margin:auto}
.pillar-content{max-width:1080px;margin:auto;padding:55px 24px 70px}
.pillar-content h2{font-size:28px;margin:35px 0 12px}
.pillar-content p,.pillar-content li{font-size:15px;line-height:1.8;color:#526072}
.pillar-content ul{padding-left:22px}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:28px 0}
.flow-box{padding:18px;border:1px solid #e7ebef;border-radius:14px;background:#fff;min-height:125px}
.flow-box b{display:block;margin-bottom:8px;color:var(--rb-green)}
.quote{margin:32px 0;padding:25px 28px;border-left:4px solid var(--rb-green);background:#f7faf8;border-radius:0 14px 14px 0;font:700 20px/1.5 "Manrope";color:#203047}
@media(max-width:1100px){
 .nav-links{gap:18px}.hero-grid{padding-left:30px;padding-right:30px}.hero h1{font-size:50px}.pillars{grid-template-columns:repeat(4,1fr)}.footer-inner{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:800px){
 .site-header{height:auto}.nav-wrap{padding:13px 18px;flex-wrap:wrap}.nav-links{display:none}.hero-grid{grid-template-columns:1fr;padding:42px 22px 30px}.hero-copy{padding-left:0}.hero h1{font-size:43px}.wheel{width:330px}.stats{flex-direction:column}.stat-item{border-right:0;border-bottom:1px solid #edf0f3}.stat-item:last-child{border-bottom:0}.pillars{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:1fr}.process-item:not(:last-child):after{content:"↓";right:auto;left:50%;top:auto;bottom:-24px}.footer-inner{grid-template-columns:1fr 1fr;padding:30px 24px}.footer-bottom{margin:0 24px;flex-direction:column;gap:7px}.flow{grid-template-columns:1fr 1fr}.pillar-hero h1{font-size:42px}
}
@media(max-width:520px){
 .pillars{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr}.flow{grid-template-columns:1fr}.hero h1{font-size:38px}
}

/* REBIRTH v2 responsive refinements */
.header-actions{display:flex;align-items:center;gap:10px}.mobile-menu-btn{display:none;border:1px solid #dce3e9;background:#fff;border-radius:12px;width:42px;height:42px;font-size:20px}.mobile-nav{display:none}
.whatsapp-link{display:inline-flex;align-items:center;gap:7px;margin-top:16px;padding:10px 14px;border:1px solid rgba(124,224,74,.45);border-radius:999px;color:#9bf06d!important;font-weight:700!important;background:rgba(124,224,74,.08)}.social-links{display:flex;gap:9px;margin-top:16px}.social-links a{width:38px;height:38px!important;border:1px solid rgba(255,255,255,.16);border-radius:50%;display:grid!important;place-items:center;margin:0!important;color:#fff!important;font-weight:800;background:rgba(255,255,255,.05)}.social-links a:hover{background:#7bdc2e;color:#06210f!important}
/* Precise seven-direction wheel: fixed positions, no rotational transforms */
.wheel-wrap{min-height:540px;display:grid;place-items:center}
.wheel{width:min(520px,44vw);aspect-ratio:1;position:relative;filter:drop-shadow(0 16px 32px rgba(20,40,70,.07))}
.wheel-segment{position:absolute;width:34%;height:24%;left:auto;top:auto;transform:none!important;border-radius:16px;border:6px solid #fff;box-shadow:0 10px 26px rgba(30,50,80,.10);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-weight:800;font-size:13px;z-index:2}
.wheel-segment .icon{font-size:25px}.wheel-segment .label{transform:none!important;white-space:nowrap}
.s1{left:33%;top:1%;background:#dff6cb;color:#14884e}
.s2{right:3%;top:15%;background:#ffdcdc;color:#ec3e3e}
.s3{right:0;top:39%;background:#d9e9ff;color:#1264d5}
.s4{right:10%;bottom:4%;background:#fff0cb;color:#ed9d00}
.s5{left:33%;bottom:0;background:#d8f3f4;color:#0b9ca0}
.s6{left:10%;bottom:4%;background:#ffe0e0;color:#e53f3f}
.s7{left:3%;top:15%;background:#eadfff;color:#7544df}
.wheel-center{position:absolute;width:40%;height:40%;left:30%;top:30%;border-radius:50%;background:#fff;border:1px solid #edf0f3;box-shadow:0 8px 30px rgba(10,30,60,.10);display:grid;place-items:center;text-align:center;z-index:10}
.wheel-seven{font:800 68px/.9 "Manrope";color:var(--rb-green)}
.wheel-center small{display:block;font-weight:700;letter-spacing:.02em;font-size:15px;line-height:1.1}
/* Pillar-specific abstract headers */
.pillar-hero{position:relative;overflow:hidden;padding:82px 30px 62px;background:#f8fbfa}
.pillar-hero:before,.pillar-hero:after{content:"";position:absolute;border-radius:999px;pointer-events:none;opacity:.8}
.pillar-hero:before{width:360px;height:360px;left:-130px;top:-190px;background:#dff6cb}
.pillar-hero:after{width:300px;height:300px;right:-100px;bottom:-170px;background:#e5efff}
.pillar-hero-inner{position:relative;z-index:2}
.pillar-legallight{background:linear-gradient(135deg,#f7fff9 0%,#fff 52%,#f1f8ff 100%)} .pillar-legallight:after{background:#dff6cb}
.pillar-kindhands{background:linear-gradient(135deg,#fff8f8,#fff 52%,#fff2f4)} .pillar-kindhands:before{background:#ffdcdc}
.pillar-nextgen{background:linear-gradient(135deg,#f7fbff,#fff 52%,#eef5ff)} .pillar-nextgen:after{background:#d9e9ff}
.pillar-trueserve{background:linear-gradient(135deg,#fffaf0,#fff 52%,#fff4d7)} .pillar-trueserve:before{background:#fff0cb}
.pillar-bettersystem{background:linear-gradient(135deg,#f4fcfc,#fff 52%,#edf9fa)} .pillar-bettersystem:after{background:#d8f3f4}
.pillar-bloodmates{background:linear-gradient(135deg,#fff8f8,#fff 52%,#fff0f0)} .pillar-bloodmates:before{background:#ffe0e0}
.pillar-healtouch{background:linear-gradient(135deg,#fbf8ff,#fff 52%,#f3efff)} .pillar-healtouch:after{background:#eadfff}
.about-hero{position:relative;overflow:hidden;padding:92px 24px 78px;background:linear-gradient(135deg,#f5fff9,#fff 50%,#eef7ff)}
.about-hero:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;left:-150px;top:-230px;background:#dff6cb}.about-hero:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-130px;bottom:-210px;background:#d9e9ff}.about-hero>*{position:relative;z-index:1}
@media(max-width:1100px){.wheel{width:min(500px,52vw)}.wheel-wrap{min-height:500px}}
@media(max-width:800px){.wheel-wrap{min-height:430px}.wheel{width:min(390px,92vw)}.wheel-segment{width:35%;height:24%;border-width:5px;border-radius:14px;font-size:11px}.wheel-segment .icon{font-size:21px}.wheel-center{width:42%;height:42%;left:29%;top:29%}.wheel-seven{font-size:54px}.wheel-center small{font-size:11px}.pillar-hero{padding:60px 18px 48px}}
@media(max-width:520px){.wheel-wrap{min-height:340px}.wheel{width:310px}.wheel-segment{width:35%;height:24%;border-width:4px;font-size:9px;border-radius:12px}.wheel-segment .icon{font-size:17px}.wheel-center{width:43%;height:43%;left:28.5%;top:28.5%}.wheel-seven{font-size:44px}.wheel-center small{font-size:9px}.pillar-hero{padding:48px 16px 38px}.about-hero{padding:65px 18px 55px}}
/* Language visibility: navigation remains English; page content switches cleanly. */
html[lang="en"] .ml-only{display:none!important} html[lang="ml"] .en-only{display:none!important}


/* FINAL 7-PILLAR SUN WHEEL
   Minimal radial geometry: seven equal rays around one calm center.
   The very slow motion is intentionally subtle and can be disabled by reduced-motion.
*/

/* FINAL 7-PILLAR SUN WHEEL
   Minimal radial geometry: seven equal rays around one calm center.
   The very slow motion is intentionally subtle and can be disabled by reduced-motion.
*/
.wheel-wrap{
  min-height:540px;
  display:grid;
  place-items:center;
  overflow:visible;
}
.wheel{
  --wheel-size:min(520px,42vw);
  width:var(--wheel-size);
  aspect-ratio:1;
  position:relative;
  display:grid;
  place-items:center;
  filter:drop-shadow(0 18px 35px rgba(18,38,62,.09));
  animation:rebirth-sun-breathe 14s ease-in-out infinite;
}
.wheel::before{
  content:"";
  position:absolute;
  inset:7%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.92) 0 46%,rgba(236,249,241,.42) 47% 66%,transparent 67%);
  z-index:0;
}
.sun-ray{
  --angle:0deg;
  --ray-bg:#f2f7f4;
  --ray-fg:#0a9d5b;
  position:absolute;
  width:31%;
  height:17%;
  left:34.5%;
  top:41.5%;
  border:5px solid #fff;
  border-radius:999px;
  background:var(--ray-bg);
  color:var(--ray-fg);
  box-shadow:0 10px 24px rgba(25,48,72,.10);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  z-index:2;
  transform:rotate(var(--angle)) translateY(calc(var(--wheel-size) * -.295));
  transform-origin:center;
}
.sun-ray .ray-icon,
.sun-ray .ray-label{
  transform:rotate(calc(var(--angle) * -1));
}
.sun-ray .ray-icon{font-size:23px;line-height:1}
.sun-ray .ray-label{
  font:800 12px/1 "Manrope",sans-serif;
  white-space:nowrap;
  letter-spacing:-.01em;
}
.r1{--angle:0deg;--ray-bg:#e3f7d4;--ray-fg:#168a52}
.r2{--angle:51.4286deg;--ray-bg:#ffe0e0;--ray-fg:#ef5050}
.r3{--angle:102.8572deg;--ray-bg:#dceaff;--ray-fg:#176bd7}
.r4{--angle:154.2858deg;--ray-bg:#fff0cc;--ray-fg:#e6a015}
.r5{--angle:205.7144deg;--ray-bg:#d9f2f3;--ray-fg:#099ba0}
.r6{--angle:257.143deg;--ray-bg:#ffe0e0;--ray-fg:#ed5050}
.r7{--angle:308.5716deg;--ray-bg:#e9ddff;--ray-fg:#7447dc}

.wheel-center{
  position:absolute;
  width:40%;
  aspect-ratio:1;
  left:30%;
  top:30%;
  border-radius:50%;
  background:#fff;
  border:1px solid #edf1f4;
  box-shadow:0 16px 38px rgba(10,30,60,.12);
  display:grid;
  place-items:center;
  text-align:center;
  z-index:10;
}
.wheel-center > div{display:flex;flex-direction:column;align-items:center}
.wheel-seven{
  font:800 clamp(54px,6vw,78px)/.86 "Manrope",sans-serif;
  color:var(--rb-green);
  letter-spacing:-.06em;
}
.wheel-center small{
  display:block;
  font:800 13px/1.15 "Manrope",sans-serif;
  letter-spacing:.02em;
  color:#16233a;
}
@keyframes rebirth-sun-breathe{
  0%,100%{transform:scale(1) rotate(0deg)}
  50%{transform:scale(1.012) rotate(.35deg)}
}
@media (prefers-reduced-motion:reduce){
  .wheel{animation:none}
}
@media(max-width:1100px){
  .wheel{--wheel-size:min(500px,48vw)}
}
@media(max-width:800px){
  .wheel-wrap{min-height:430px}
  .wheel{--wheel-size:min(390px,92vw)}
  .sun-ray{border-width:4px;width:34%;height:17.5%;gap:5px}
  .sun-ray .ray-icon{font-size:19px}
  .sun-ray .ray-label{font-size:10px}
  .wheel-center{width:42%;left:29%;top:29%}
  .wheel-center small{font-size:10px}
}
@media(max-width:520px){
  .wheel-wrap{min-height:345px}
  .wheel{--wheel-size:min(320px,94vw)}
  .sun-ray{border-width:3px;width:36%;height:18%;gap:4px;box-shadow:0 7px 18px rgba(25,48,72,.09)}
  .sun-ray .ray-icon{font-size:15px}
  .sun-ray .ray-label{font-size:8px}
  .wheel-center{width:43%;left:28.5%;top:28.5%;box-shadow:0 11px 25px rgba(10,30,60,.10)}
  .wheel-seven{font-size:45px}
  .wheel-center small{font-size:8px}
}

/* =========================================================
   REBIRTH FINAL — MINIMAL 7-CIRCLE SUN
   ---------------------------------------------------------
   The orbit rotates as one system. Each pillar is a circle.
   Labels are kept perfectly horizontal/readable by a dedicated
   counter-orbit layer. The older label transforms are explicitly
   neutralized below.
   ========================================================= */

html, body{
  font-family:"Manrope",system-ui,sans-serif;
}
body{overflow-x:hidden}

.wheel-wrap{
  display:grid;
  place-items:center;
  min-height:560px;
  overflow:visible;
}

.wheel{
  --wheel-size:min(540px,42vw);
  --orbit-distance:31.5%;
  width:var(--wheel-size);
  height:var(--wheel-size);
  position:relative;
  display:block;
  isolation:isolate;
  filter:drop-shadow(0 18px 34px rgba(20,40,70,.075));
}

.wheel::before{
  content:"";
  position:absolute;
  inset:12%;
  border-radius:50%;
  background:
    radial-gradient(circle at center,
      rgba(255,255,255,.98) 0 38%,
      rgba(239,248,243,.72) 39% 53%,
      rgba(248,251,253,.25) 54% 68%,
      transparent 69%);
  z-index:0;
}

.sun-orbit{
  position:absolute;
  inset:0;
  z-index:2;
  transform-origin:50% 50%;
  animation:rebirth-orbit 120s linear infinite;
  will-change:transform;
}

/* Seven equal circular nodes */
.sun-ray{
  --angle:0deg;
  --ray-bg:#f2f7f4;
  --ray-fg:#0a9d5b;

  position:absolute;
  width:clamp(92px,10.2vw,124px);
  height:clamp(92px,10.2vw,124px);
  left:50%;
  top:50%;
  margin-left:calc(clamp(92px,10.2vw,124px) / -2);
  margin-top:calc(clamp(92px,10.2vw,124px) / -2);

  transform:
    rotate(var(--angle))
    translateY(calc(var(--wheel-size) * -.315));

  border:5px solid #fff;
  border-radius:50%;
  background:var(--ray-bg);
  color:var(--ray-fg);
  box-shadow:
    0 10px 28px rgba(20,40,70,.10),
    inset 0 0 0 1px rgba(255,255,255,.72);

  display:grid;
  place-items:center;
  z-index:2;
}

/*
  IMPORTANT:
  The content counter-rotates with the orbit, while the static
  angle compensation keeps every label horizontal from the start.
*/
.ray-content{
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;

  transform:rotate(calc(var(--angle) * -1));
  animation:rebirth-counter-orbit 120s linear infinite;
  will-change:transform;
}

/* Cancel all legacy child transforms from earlier wheel versions. */
.sun-ray .ray-icon,
.sun-ray .ray-label{
  transform:none !important;
}

.ray-icon{
  font-size:24px;
  line-height:1;
  color:var(--ray-fg);
}

.ray-label{
  font:800 11px/1.05 "Manrope",sans-serif;
  color:var(--ray-fg);
  white-space:nowrap;
  letter-spacing:-.02em;
  text-align:center;
}

.r1{--ray-bg:#e3f7d4;--ray-fg:#14884e}
.r2{--ray-bg:#ffe0e0;--ray-fg:#ef5050}
.r3{--ray-bg:#dceaff;--ray-fg:#176bd7}
.r4{--ray-bg:#fff0cc;--ray-fg:#e5a016}
.r5{--ray-bg:#d9f2f3;--ray-fg:#099ba0}
.r6{--ray-bg:#ffe0e0;--ray-fg:#ed5050}
.r7{--ray-bg:#e9ddff;--ray-fg:#7447dc}

.wheel-center{
  position:absolute;
  width:39%;
  height:39%;
  left:30.5%;
  top:30.5%;
  border-radius:50%;
  background:#fff;
  border:1px solid #edf1f4;
  box-shadow:0 16px 38px rgba(10,30,60,.12);
  display:grid;
  place-items:center;
  text-align:center;
  z-index:10;
}

.wheel-center > div{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}

.wheel-seven{
  font:800 clamp(58px,6vw,82px)/.84 "Manrope",sans-serif;
  color:var(--rb-green);
  letter-spacing:-.07em;
}

.wheel-center small{
  display:block;
  font:800 13px/1.15 "Manrope",sans-serif;
  letter-spacing:.015em;
  color:#16233a;
}

/* @keyframes rebirth-orbit{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
} */

@keyframes rebirth-counter-orbit{
  from{transform:rotate(calc((var(--angle) * -1) + 0deg))}
  to{transform:rotate(calc((var(--angle) * -1) - 360deg))}
}

/* Modern Malayalam UI typography */
html[lang="ml"] body{
  font-family:"Noto Sans Malayalam",system-ui,sans-serif;
}

html[lang="ml"] .hero h1,
html[lang="ml"] .hero-desc,
html[lang="ml"] .section-heading,
html[lang="ml"] .pillar-content,
html[lang="ml"] .pillar-hero{
  font-family:"Noto Sans Malayalam",sans-serif;
}

html[lang="ml"] .hero h1{
  font-size:clamp(34px,4.1vw,50px);
  line-height:1.22;
  letter-spacing:-.025em;
}

html[lang="ml"] .hero-desc{
  font-size:15px;
  line-height:1.9;
}

html[lang="ml"] .eyebrow{
  font-size:11px;
  letter-spacing:.07em;
}

html[lang="ml"] .btn{
  font-size:13px;
}

html[lang="ml"] .section-heading h2{
  font-size:26px;
  line-height:1.4;
}

html[lang="ml"] .section-heading p{
  font-size:14px;
  line-height:1.85;
}

html[lang="ml"] .pillar-content h2{
  font-size:25px;
  line-height:1.45;
}

html[lang="ml"] .pillar-content p,
html[lang="ml"] .pillar-content li{
  font-size:15px;
  line-height:1.95;
}

html[lang="ml"] .pillar-hero h1{
  font-family:"Noto Sans Malayalam",sans-serif;
  font-size:clamp(35px,5vw,50px);
  line-height:1.25;
}

/* Responsive */
@media(max-width:1100px){
  .wheel{--wheel-size:min(500px,50vw)}
  .wheel-wrap{min-height:500px}
  .sun-ray{
    width:108px;
    height:108px;
    margin-left:-54px;
    margin-top:-54px;
  }
}

@media(max-width:800px){
  .hero-grid{
    grid-template-columns:1fr;
    gap:8px;
  }
  .hero-copy{max-width:680px}
  .wheel-wrap{
    min-height:420px;
    margin-top:-5px;
  }
  .wheel{--wheel-size:min(390px,88vw)}
  .sun-ray{
    width:88px;
    height:88px;
    margin-left:-44px;
    margin-top:-44px;
    border-width:4px;
  }
  .ray-icon{font-size:19px}
  .ray-label{font-size:9px}
  .wheel-center{
    width:41%;
    height:41%;
    left:29.5%;
    top:29.5%;
  }
  .wheel-center small{font-size:10px}
  .wheel-seven{font-size:53px}
}

@media(max-width:520px){
  .hero-grid{padding:32px 16px 20px}
  .hero h1{font-size:38px}
  .wheel-wrap{min-height:350px}
  .wheel{--wheel-size:min(330px,94vw)}
  .sun-ray{
    width:72px;
    height:72px;
    margin-left:-36px;
    margin-top:-36px;
    border-width:3px;
  }
  .ray-icon{font-size:15px}
  .ray-label{font-size:7.5px}
  .wheel-center{
    width:43%;
    height:43%;
    left:28.5%;
    top:28.5%;
  }
  .wheel-seven{font-size:45px}
  .wheel-center small{font-size:8px}
  html[lang="ml"] .hero h1{
    font-size:32px;
    line-height:1.25;
  }
  html[lang="ml"] .hero-desc{
    font-size:14px;
    line-height:1.95;
  }
  html[lang="ml"] .section-heading h2{font-size:23px}
}

@media(prefers-reduced-motion:reduce){
  .sun-orbit,.ray-content{animation:none}
}


/* =========================================================
   REBIRTH V3 — COLOR SYSTEM + ABOUT VISUAL LANGUAGE
   Each pillar owns one color, reused consistently across:
   orbit node → cards → page hero → headings → accents → buttons.
   ========================================================= */

:root{
  --p-legallight:#10A36A;
  --p-legallight-soft:#E7F8EF;
  --p-legallight-dark:#087A4B;

  --p-kindhands:#D9777A;
  --p-kindhands-soft:#FFF5F5;
  --p-kindhands-dark:#B95A5E;

  --p-nextgen:#2878E8;
  --p-nextgen-soft:#EAF2FF;
  --p-nextgen-dark:#155DBE;

  --p-trueserve:#F2A51A;
  --p-trueserve-soft:#FFF5DB;
  --p-trueserve-dark:#C77D00;

  --p-bettersystem:#12A6A8;
  --p-bettersystem-soft:#E5F7F7;
  --p-bettersystem-dark:#087E80;

  --p-bloodmates:#C6283D;
  --p-bloodmates-soft:#FFF1F3;
  --p-bloodmates-dark:#981F31;

  --p-healtouch:#7A4CE0;
  --p-healtouch-soft:#F0E9FF;
  --p-healtouch-dark:#5A31B8;
}

/* ---------- global graphic atmosphere ---------- */
.hero,
.about-hero,
.pillar-hero,
.section{
  position:relative;
}

.hero:after,
.about-hero:after,
.pillar-hero:after{
  pointer-events:none;
}

.hero::before{
  background:
    radial-gradient(circle at 20% 20%, rgba(16,163,106,.13) 0 3px, transparent 4px),
    radial-gradient(circle at 78% 25%, rgba(40,120,232,.10) 0 2px, transparent 3px),
    linear-gradient(135deg,#e7f8ef 0%,#eef9f4 54%,transparent 55%);
  opacity:.95;
}

/* subtle technical dot-grid used as a premium urban graphic layer */
.section::before{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  top:18px;
  right:12px;
  opacity:.34;
  background-image:radial-gradient(#b8c3cf 1px,transparent 1px);
  background-size:12px 12px;
  mask-image:linear-gradient(135deg,black,transparent 72%);
  -webkit-mask-image:linear-gradient(135deg,black,transparent 72%);
  pointer-events:none;
}
.section > *{position:relative;z-index:1}

/* ---------- seven-pillar orbit ---------- */
.sun-ray{
  width:clamp(92px,10.2vw,124px);
  height:clamp(92px,10.2vw,124px);
  border-radius:50%;
}

.sun-ray.r1{--ray-bg:var(--p-legallight-soft);--ray-fg:var(--p-legallight)}
.sun-ray.r2{--ray-bg:var(--p-kindhands-soft);--ray-fg:var(--p-kindhands)}
.sun-ray.r3{--ray-bg:var(--p-nextgen-soft);--ray-fg:var(--p-nextgen)}
.sun-ray.r4{--ray-bg:var(--p-trueserve-soft);--ray-fg:var(--p-trueserve)}
.sun-ray.r5{--ray-bg:var(--p-bettersystem-soft);--ray-fg:var(--p-bettersystem)}
.sun-ray.r6{--ray-bg:var(--p-bloodmates-soft);--ray-fg:var(--p-bloodmates)}
.sun-ray.r7{--ray-bg:var(--p-healtouch-soft);--ray-fg:var(--p-healtouch)}

.sun-ray::after{
  content:"";
  position:absolute;
  inset:7px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.7);
  pointer-events:none;
}

.ray-label{font-weight:800}

/* ---------- pillar cards ---------- */
.pillar-card{
  --pillar-color:var(--rb-green);
  --pillar-soft:#f7fbf9;
  --pillar-dark:var(--rb-green);
  background:var(--pillar-soft)!important;
  border-top:3px solid var(--pillar-color)!important;
}

.pillar-card .pillar-icon{
  background:var(--pillar-color)!important;
}
.pillar-card .learn{
  color:var(--pillar-dark)!important;
}

.pillar-card.pillar-legallight{--pillar-color:var(--p-legallight);--pillar-soft:var(--p-legallight-soft);--pillar-dark:var(--p-legallight-dark)}
.pillar-card.pillar-kindhands{--pillar-color:var(--p-kindhands);--pillar-soft:var(--p-kindhands-soft);--pillar-dark:var(--p-kindhands-dark)}
.pillar-card.pillar-nextgen{--pillar-color:var(--p-nextgen);--pillar-soft:var(--p-nextgen-soft);--pillar-dark:var(--p-nextgen-dark)}
.pillar-card.pillar-trueserve{--pillar-color:var(--p-trueserve);--pillar-soft:var(--p-trueserve-soft);--pillar-dark:var(--p-trueserve-dark)}
.pillar-card.pillar-bettersystem{--pillar-color:var(--p-bettersystem);--pillar-soft:var(--p-bettersystem-soft);--pillar-dark:var(--p-bettersystem-dark)}
.pillar-card.pillar-bloodmates{--pillar-color:var(--p-bloodmates);--pillar-soft:var(--p-bloodmates-soft);--pillar-dark:var(--p-bloodmates-dark)}
.pillar-card.pillar-healtouch{--pillar-color:var(--p-healtouch);--pillar-soft:var(--p-healtouch-soft);--pillar-dark:var(--p-healtouch-dark)}

/* ---------- About: same visual hierarchy as pillar pages ---------- */
.about-hero{
  min-height:420px;
  display:grid;
  place-items:center;
  padding:78px 24px 70px;
  overflow:hidden;
  background:
    radial-gradient(circle at 14% 28%,rgba(16,163,106,.13) 0 70px,transparent 71px),
    radial-gradient(circle at 88% 70%,rgba(122,76,224,.11) 0 95px,transparent 96px),
    linear-gradient(135deg,#ffffff 0%,#f7fbfa 48%,#f8f9ff 100%);
}
.about-hero::before{
  content:"";
  position:absolute;
  width:360px;
  height:360px;
  right:-90px;
  top:-150px;
  border:1px solid rgba(16,163,106,.18);
  border-radius:50%;
  box-shadow:0 0 0 30px rgba(16,163,106,.035),0 0 0 60px rgba(16,163,106,.02);
}
.about-hero .max-w-5xl{
  position:relative;
  z-index:2;
  max-width:1080px;
}
.about-hero .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-bottom:13px;
}
.about-hero .eyebrow::before,
.about-hero .eyebrow::after{
  content:"";
  width:45px;
  height:2px;
  background:var(--rb-green);
}
.about-hero h1{
  font-family:"Manrope",sans-serif!important;
  font-size:clamp(36px,5vw,58px)!important;
  line-height:1.08!important;
  letter-spacing:-.055em!important;
  font-weight:800!important;
  margin:0 auto!important;
  max-width:900px;
}
.about-hero p{
  max-width:760px;
  font-size:16px!important;
  line-height:1.75!important;
}

/* About content sections visually match Pillar sections */
.about-hero + .pillar-content{
  max-width:1080px;
  padding-top:48px;
}
.about-hero + .pillar-content > section{
  position:relative;
  padding:10px 0 35px;
}
.about-hero + .pillar-content > section:not(:last-child)::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,#dfe8e4,transparent);
}
.about-hero + .pillar-content h2{
  font-family:"Manrope",sans-serif;
  font-size:28px;
  line-height:1.25;
  margin-top:20px;
  display:flex;
  align-items:center;
  gap:12px;
}
.about-hero + .pillar-content h2::before{
  content:"";
  width:38px;
  height:3px;
  border-radius:999px;
  background:var(--rb-green);
  flex:0 0 auto;
}

/* ---------- Pillar hero: color identity + abstract graphics ---------- */
.pillar-hero{
  overflow:hidden;
}
.pillar-hero::before{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  border-radius:50%;
  right:-150px;
  top:-180px;
  background:radial-gradient(circle,rgba(255,255,255,.8) 0 28%,transparent 29%);
  border:1px solid color-mix(in srgb,var(--pillar-color) 22%,transparent);
  box-shadow:0 0 0 35px color-mix(in srgb,var(--pillar-color) 7%,transparent),
             0 0 0 70px color-mix(in srgb,var(--pillar-color) 4%,transparent);
}
.pillar-hero::after{
  content:"";
  position:absolute;
  left:-110px;
  bottom:-160px;
  width:330px;
  height:330px;
  border-radius:45% 55% 55% 45%;
  background:color-mix(in srgb,var(--pillar-color) 9%,white);
  transform:rotate(18deg);
}
.pillar-hero-inner{position:relative;z-index:2}
.pillar-hero .big-icon{
  background:var(--pillar-soft)!important;
  color:var(--pillar-color)!important;
  border:1px solid color-mix(in srgb,var(--pillar-color) 18%,white);
  box-shadow:0 14px 35px color-mix(in srgb,var(--pillar-color) 12%,transparent);
}
.pillar-hero .eyebrow{
  color:var(--pillar-color);
}
.pillar-hero h1{
  color:var(--pillar-dark);
}
.pillar-hero .lead{
  max-width:800px;
}
.pillar-content{
  --pillar-color:var(--rb-green);
  --pillar-dark:var(--rb-green);
}
.pillar-hero.pillar-legallight,.pillar-content:has(+ .pillar-legallight){--pillar-color:var(--p-legallight);--pillar-soft:var(--p-legallight-soft);--pillar-dark:var(--p-legallight-dark)}
.pillar-hero.pillar-kindhands{--pillar-color:var(--p-kindhands);--pillar-soft:var(--p-kindhands-soft);--pillar-dark:var(--p-kindhands-dark)}
.pillar-hero.pillar-nextgen{--pillar-color:var(--p-nextgen);--pillar-soft:var(--p-nextgen-soft);--pillar-dark:var(--p-nextgen-dark)}
.pillar-hero.pillar-trueserve{--pillar-color:var(--p-trueserve);--pillar-soft:var(--p-trueserve-soft);--pillar-dark:var(--p-trueserve-dark)}
.pillar-hero.pillar-bettersystem{--pillar-color:var(--p-bettersystem);--pillar-soft:var(--p-bettersystem-soft);--pillar-dark:var(--p-bettersystem-dark)}
.pillar-hero.pillar-bloodmates{--pillar-color:var(--p-bloodmates);--pillar-soft:var(--p-bloodmates-soft);--pillar-dark:var(--p-bloodmates-dark)}
.pillar-hero.pillar-healtouch{--pillar-color:var(--p-healtouch);--pillar-soft:var(--p-healtouch-soft);--pillar-dark:var(--p-healtouch-dark)}

.pillar-content h2{
  color:var(--pillar-dark);
}
.pillar-content h2::before{
  content:"";
  display:inline-block;
  width:34px;
  height:3px;
  margin-right:10px;
  vertical-align:middle;
  border-radius:999px;
  background:var(--pillar-color);
}
.pillar-content .quote{
  border-left-color:var(--pillar-color);
  background:var(--pillar-soft);
}
.pillar-content .flow-box{
  border-top:3px solid color-mix(in srgb,var(--pillar-color) 70%,white);
}
.pillar-content .flow-box b{
  color:var(--pillar-dark);
}

/* Apply page color to CTA accents when the pillar page has a clear identity */
.pillar-content .btn-primary-rb{
  background:var(--pillar-color);
  box-shadow:0 8px 20px color-mix(in srgb,var(--pillar-color) 18%,transparent);
}
.pillar-content .btn-primary-rb:hover{
  background:var(--pillar-dark);
}

/* ---------- Malayalam: less bulky, better editorial rhythm ---------- */
html[lang="ml"] body{
  font-family:"Noto Sans Malayalam",system-ui,sans-serif;
  font-weight:500;
}
html[lang="ml"] h1,
html[lang="ml"] h2,
html[lang="ml"] h3,
html[lang="ml"] h4,
html[lang="ml"] .font-display{
  font-family:"Noto Sans Malayalam",sans-serif!important;
  font-weight:700;
}
html[lang="ml"] .hero h1{
  font-size:clamp(31px,3.6vw,46px)!important;
  line-height:1.28!important;
  letter-spacing:-.018em!important;
  max-width:620px;
}
html[lang="ml"] .hero-desc{
  font-size:14px!important;
  line-height:1.95!important;
  max-width:590px;
}
html[lang="ml"] .section-heading h2,
html[lang="ml"] .about-hero + .pillar-content h2{
  font-size:24px!important;
  line-height:1.45!important;
  letter-spacing:-.01em;
}
html[lang="ml"] .section-heading p{
  font-size:13px!important;
  line-height:1.9!important;
}
html[lang="ml"] .pillar-card h3{
  font-size:15px;
  line-height:1.4;
}
html[lang="ml"] .pillar-card p{
  font-size:12px;
  line-height:1.9;
}
html[lang="ml"] .pillar-hero h1{
  font-size:clamp(32px,5vw,46px)!important;
  line-height:1.28!important;
  letter-spacing:-.015em!important;
}
html[lang="ml"] .pillar-hero .lead{
  font-size:15px!important;
  line-height:1.95!important;
}
html[lang="ml"] .pillar-content h2{
  font-size:23px!important;
  line-height:1.45!important;
}
html[lang="ml"] .pillar-content p,
html[lang="ml"] .pillar-content li{
  font-size:14px!important;
  line-height:2!important;
}
html[lang="ml"] .quote{
  font-size:16px!important;
  line-height:1.8!important;
}

/* graphics on footer */
.site-footer{
  position:relative;
  overflow:hidden;
}
.site-footer::before{
  content:"";
  position:absolute;
  width:280px;height:280px;
  right:-90px;top:-130px;
  border:1px solid rgba(124,224,74,.20);
  border-radius:50%;
  box-shadow:0 0 0 25px rgba(124,224,74,.035),0 0 0 55px rgba(124,224,74,.025);
}
.site-footer::after{
  content:"";
  position:absolute;
  width:190px;height:190px;
  left:-80px;bottom:-95px;
  background-image:radial-gradient(rgba(124,224,74,.3) 1px,transparent 1px);
  background-size:11px 11px;
  opacity:.3;
}
.footer-inner,.footer-bottom{position:relative;z-index:2}

@media(max-width:800px){
  .about-hero{
    min-height:360px;
    padding:58px 20px 50px;
  }
  .about-hero h1{font-size:38px!important}
  .about-hero p{font-size:14px!important;line-height:1.9!important}
  .section::before{width:120px;height:120px}
}
@media(max-width:520px){
  .about-hero h1{font-size:31px!important;line-height:1.3!important}
  html[lang="ml"] .hero h1{font-size:30px!important}
  html[lang="ml"] .pillar-hero h1{font-size:31px!important}
}


/* =========================================================
   REBIRTH V4 — MINIMAL COLOR REFINEMENT
   KindHands = muted rose
   BloodMates = distinct deep red
   Colors are accents; surfaces stay quiet and near-white.
   ========================================================= */

.pillar-card{
  background:linear-gradient(180deg,#ffffff 0%,var(--pillar-soft) 100%) !important;
  box-shadow:0 10px 28px rgba(15,23,42,.045);
}
.pillar-card .pillar-icon{
  width:44px;
  height:44px;
  box-shadow:none!important;
}
.pillar-card .learn{
  font-weight:700;
}

.sun-ray{
  background:linear-gradient(145deg,#ffffff 0%,var(--ray-bg) 100%) !important;
  border-color:color-mix(in srgb,var(--ray-fg) 16%,#ffffff)!important;
  box-shadow:0 10px 28px rgba(15,23,42,.06)!important;
}
.sun-ray .ray-icon,
.sun-ray .ray-label{
  color:var(--ray-fg)!important;
}

.pillar-hero .big-icon{
  box-shadow:0 12px 30px color-mix(in srgb,var(--pillar-color) 8%,transparent)!important;
}

/* Keep KindHands and BloodMates visually distinct even at small sizes. */
.pillar-card.pillar-kindhands,
.sun-ray.r2{
  --pillar-color:#D9777A;
  --pillar-soft:#FFF5F5;
  --pillar-dark:#B95A5E;
  --ray-bg:#FFF5F5;
  --ray-fg:#D9777A;
}

.pillar-card.pillar-bloodmates,
.sun-ray.r6{
  --pillar-color:#C6283D;
  --pillar-soft:#FFF1F3;
  --pillar-dark:#981F31;
  --ray-bg:#FFF1F3;
  --ray-fg:#C6283D;
}

/* BloodMates gets the only strong red accent in the system. */
.pillar-bloodmates .pillar-icon,
.sun-ray.r6 .ray-icon{
  color:#C6283D!important;
}

/* =========================================================
   REBIRTH BRAND MARKS
   ========================================================= */
.brand-logo{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:block;
}
.site-footer .brand-logo{width:42px;height:42px}
.brand-mark{display:none!important}
.pillar-svg-icon img{width:25px;height:25px;display:block}
.sun-ray .ray-svg{display:grid;place-items:center}
.sun-ray .ray-svg img{width:25px;height:25px;display:block}
.bloodmates-big-icon img{width:48px;height:48px;display:block}
.pillar-bloodmates .pillar-icon{display:grid;place-items:center}
@media(max-width:640px){
  .brand-logo{width:38px;height:38px;flex-basis:38px}
  .site-footer .brand-logo{width:38px;height:38px}
}

/* =========================================================
   REBIRTH V6 — 2026 EUROPEAN EDITORIAL / URBAN SYSTEM
   Quiet surfaces, sharp typography, restrained accents,
   asymmetric editorial spacing and minimal geometry.
   ========================================================= */

:root{
  --rb-paper:#f6f5f0;
  --rb-white:#fffefb;
  --rb-ink:#111317;
  --rb-muted:#6c7078;
  --rb-line:#dfe0da;
  --rb-acid:#c8ff38;
  --rb-green:#0b9657;
  --rb-green-dark:#087343;
  --rb-shadow:0 20px 60px rgba(17,19,23,.055);
}

html{background:var(--rb-paper)}
body{
  font-family:"Instrument Sans",system-ui,sans-serif!important;
  color:var(--rb-ink)!important;
  background:var(--rb-paper)!important;
  font-size:16px;
}
h1,h2,h3,h4,.font-display{
  font-family:"Instrument Sans",system-ui,sans-serif!important;
  letter-spacing:-.045em;
}

/* header */
.site-header{
  height:74px!important;
  background:rgba(246,245,240,.9)!important;
  border-bottom:1px solid var(--rb-line)!important;
  backdrop-filter:blur(18px)!important;
}
.nav-wrap{
  max-width:1480px!important;
  padding:0 30px!important;
}
.brand{gap:10px!important;color:var(--rb-ink)!important}
.brand-logo{width:38px!important;height:38px!important}
.brand-name{font-family:"Instrument Sans",sans-serif!important;font-size:17px!important;letter-spacing:.17em!important}
.brand-tag{font-family:"Instrument Sans",sans-serif!important;font-size:9px!important;letter-spacing:.08em!important;text-transform:uppercase;color:#858981!important}
.nav-links{gap:28px!important;font-size:13px!important}
.nav-links a{color:#2a2c30!important}
.nav-links a:hover{color:var(--rb-green)!important}
.lang-toggle{background:transparent!important;border:1px solid #cfd1ca!important;padding:3px!important}
.lang-toggle button{font-family:"Instrument Sans",sans-serif!important;font-size:11px!important;color:#45484e!important}
.lang-toggle .active{background:var(--rb-ink)!important;color:#fff!important;padding:7px 10px!important}
.header-join{display:none!important}

/* quiet editorial hero */
.hero{
  background:var(--rb-paper)!important;
  border-bottom:1px solid var(--rb-line);
}
.hero:before{
  left:auto!important;right:0!important;top:0!important;
  width:27vw!important;height:27vw!important;max-width:410px;max-height:410px;
  background:var(--rb-acid)!important;
  border-radius:0 0 0 100%!important;
  opacity:.72;
}
.hero:after{
  right:-180px!important;bottom:-240px!important;
  width:520px!important;height:520px!important;
  background:transparent!important;
  border:1px solid #d8dad2;
  box-shadow:0 0 0 70px rgba(200,255,56,.055),0 0 0 140px rgba(200,255,56,.03);
}
.hero-grid{
  max-width:1480px!important;
  min-height:610px!important;
  padding:68px 54px 70px!important;
  grid-template-columns:minmax(0,1.05fr) minmax(480px,.95fr)!important;
  gap:60px!important;
}
.hero-copy{padding-left:36px!important;max-width:690px!important}
.eyebrow{
  font-family:"Instrument Sans",sans-serif!important;
  font-size:10px!important;
  letter-spacing:.19em!important;
  color:#777b74!important;
  margin-bottom:20px!important;
}
.hero h1{
  font-size:clamp(56px,6.2vw,94px)!important;
  line-height:.91!important;
  letter-spacing:-.075em!important;
  font-weight:700!important;
  max-width:760px;
}
.gradient-word{color:var(--rb-green)!important}
.hero-desc{
  font-size:16px!important;
  line-height:1.72!important;
  color:#555b61!important;
  max-width:610px!important;
  margin-top:24px!important;
}
.cta-row{margin-top:30px!important;gap:10px!important}
.btn-primary-rb{
  background:var(--rb-ink)!important;color:#fff!important;
  border-radius:999px!important;padding:13px 19px!important;
  box-shadow:none!important;font-size:13px!important;
}
.btn-primary-rb:hover{background:var(--rb-green)!important}
.btn-outline-rb{
  border:1px solid #bfc2ba!important;background:transparent!important;
  border-radius:999px!important;padding:12px 18px!important;font-size:13px!important;
}

/* 2026 sun/orbit: precise geometry, no card clutter */
.wheel-wrap{min-height:560px!important}
.wheel{
  --wheel-size:min(500px,42vw)!important;
  filter:none!important;
}
.wheel::before{
  inset:13%!important;
  background:radial-gradient(circle,#fffefb 0 38%,#ecece5 39% 39.5%,transparent 40%)!important;
  box-shadow:0 0 0 1px #e2e3dd,0 0 0 20px rgba(17,19,23,.018)!important;
}
.sun-orbit{animation:rebirth-orbit 150s linear infinite!important}
.sun-ray{
  width:clamp(88px,9.5vw,118px)!important;
  height:clamp(88px,9.5vw,118px)!important;
  border:1px solid rgba(255,255,255,.98)!important;
  box-shadow:0 10px 26px rgba(17,19,23,.065)!important;
  background:var(--ray-bg)!important;
}
.r1{--ray-bg:#e7f5d8;--ray-fg:#12804b}
.r2{--ray-bg:#f5e5e1;--ray-fg:#b96a66}
.r3{--ray-bg:#e5edf8;--ray-fg:#3c6fa9}
.r4{--ray-bg:#f5ead0;--ray-fg:#b47a13}
.r5{--ray-bg:#e0f0ee;--ray-fg:#278b88}
.r6{--ray-bg:#f4dfe3;--ray-fg:#c6283d}
.r7{--ray-bg:#ebe5f5;--ray-fg:#7354aa}
.ray-icon{font-size:20px!important}
.ray-label{font-family:"Instrument Sans",sans-serif!important;font-size:10px!important;font-weight:600!important;letter-spacing:0!important}
.wheel-center{
  width:40%!important;height:40%!important;left:30%!important;top:30%!important;
  background:var(--rb-white)!important;border:1px solid #dedfd9!important;
  box-shadow:0 16px 45px rgba(17,19,23,.08)!important;
}
.wheel-seven{font-family:"Instrument Sans",sans-serif!important;font-size:76px!important;color:var(--rb-green)!important}
.wheel-center small{font-family:"Instrument Sans",sans-serif!important;font-size:11px!important;letter-spacing:.09em!important}

/* pillar section */
.section{max-width:1480px!important;padding:92px 40px!important}
.section-heading{text-align:left!important;margin:0 0 30px!important;padding-left:10px}
.heading-rule{justify-content:flex-start!important;margin-bottom:14px!important;gap:10px!important}
.heading-rule:before{width:32px!important;background:var(--rb-ink)!important}
.heading-rule:after{display:none!important}
.section-heading h2{font-size:clamp(30px,3vw,45px)!important;letter-spacing:-.055em!important}
.section-heading p{font-size:14px!important;color:#777b74!important;margin-top:8px!important}
.pillars{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:10px!important}
.pillar-card{
  min-height:285px!important;
  border:1px solid var(--rb-line)!important;
  border-radius:4px!important;
  padding:20px 16px!important;
  background:var(--rb-white)!important;
  box-shadow:none!important;
  text-align:left!important;
  align-items:flex-start!important;
}
.pillar-card:hover{transform:translateY(-3px)!important;box-shadow:var(--rb-shadow)!important}
.pillar-icon{width:44px!important;height:44px!important;margin:0 0 35px!important;font-size:21px!important}
.pillar-card h3{font-size:19px!important;letter-spacing:-.04em!important;margin-bottom:8px!important}
.pillar-card p{font-size:12px!important;line-height:1.6!important;color:#656a70!important}
.learn{font-size:11px!important;text-transform:uppercase;letter-spacing:.08em}

/* pillar palette — distinct but restrained */
.pillar-legallight{--pillar-color:#12804b;--pillar-soft:#eef6e8!important;background:#fbfcf8!important}
.pillar-kindhands{--pillar-color:#b96a66;--pillar-soft:#f8eeec!important;background:#fcfaf8!important}
.pillar-nextgen{--pillar-color:#3c6fa9;--pillar-soft:#edf2f8!important;background:#fafbfd!important}
.pillar-trueserve{--pillar-color:#b47a13;--pillar-soft:#f7f0de!important;background:#fcfbf7!important}
.pillar-bettersystem{--pillar-color:#278b88;--pillar-soft:#eaf4f2!important;background:#f9fcfb!important}
.pillar-bloodmates{--pillar-color:#c6283d;--pillar-soft:#f7e8eb!important;background:#fdf9fa!important}
.pillar-healtouch{--pillar-color:#7354aa;--pillar-soft:#f0ebf7!important;background:#fbfafe!important}
.pillar-card .pillar-icon{background:var(--pillar-soft)!important;color:var(--pillar-color)!important;border:1px solid color-mix(in srgb,var(--pillar-color) 16%,#fff)!important}
.pillar-card .learn{color:var(--pillar-color)!important}
.pillar-svg-icon img{width:22px!important;height:22px!important}

/* method section */
.process{
  background:#e9e8e1!important;
  border:0!important;border-radius:4px!important;
  padding:42px 36px!important;
}
.process .section-heading{padding-left:0!important}
.process-grid{gap:0!important}
.process-item{text-align:left!important;padding:10px 22px!important;border-left:1px solid #cfd0c8}
.process-item:first-child{border-left:0}
.process-item:not(:last-child):after{display:none!important}
.process-icon{width:40px!important;height:40px!important;margin:0 0 22px!important;border:1px solid #c5c7bf!important;background:transparent!important;border-radius:50%!important;color:var(--rb-ink)!important;font-size:18px!important}
.process-item strong{font-size:14px!important}
.process-item p{font-size:11px!important;color:#656960!important;line-height:1.6!important;margin:0!important}

/* contribution / about blocks */
#about .max-w-4xl,#contribute>div{max-width:1120px!important}
#about .max-w-4xl{text-align:left!important;border-top:1px solid var(--rb-line);padding-top:36px}
#about h2{font-size:clamp(32px,4vw,55px)!important;max-width:900px;line-height:.98!important}
#about p{max-width:760px!important;color:#666a70!important}
#contribute>div{background:var(--rb-ink)!important;border:0!important;border-radius:4px!important;color:#fff!important}
#contribute .eyebrow{color:#a9afa7!important}
#contribute p{color:#c7cbc5!important}
#contribute .btn-primary-rb{background:var(--rb-acid)!important;color:var(--rb-ink)!important}

/* footer */
.site-footer{background:var(--rb-ink)!important;color:#fff!important;margin-top:0!important}
.footer-inner{max-width:1480px!important;padding:60px 40px 38px!important;grid-template-columns:1.7fr 1fr 1fr 1fr 1.2fr!important;gap:44px!important}
.footer-brand .brand{color:#fff!important}
.footer-brand .brand-logo{filter:none}
.footer-brand .brand-name{color:#fff!important}
.footer-brand .brand-tag{color:#9da39a!important}
.footer-brand p{color:#aeb3ac!important}
.footer-col h4{font-size:11px!important;text-transform:uppercase;letter-spacing:.12em;color:#fff!important}
.footer-col a{color:#aeb3ac!important;font-size:12px!important}
.footer-col a:hover{color:var(--rb-acid)!important}
.footer-note{color:#9da39a!important;font-size:12px!important}
.social-links a{border:1px solid #3b3e43!important;background:transparent!important;color:#fff!important}
.social-links a:hover{background:var(--rb-acid)!important;color:var(--rb-ink)!important;border-color:var(--rb-acid)!important}
.footer-bottom{max-width:1400px!important;border-color:#303238!important;color:#858b84!important}

/* pillar detail pages */
.pillar-hero{
  padding:110px 30px 85px!important;
  background:var(--pillar-soft,#f0f4ef)!important;
  border-bottom:1px solid var(--rb-line)!important;
  position:relative;overflow:hidden;
}
.pillar-hero:after{
  content:"";position:absolute;right:-100px;top:-150px;width:380px;height:380px;border:1px solid color-mix(in srgb,var(--pillar-color,#0b9657) 20%,transparent);border-radius:50%;box-shadow:0 0 0 35px color-mix(in srgb,var(--pillar-color,#0b9657) 4%,transparent),0 0 0 75px color-mix(in srgb,var(--pillar-color,#0b9657) 2%,transparent);
}
.pillar-hero-inner{position:relative;z-index:2;text-align:left!important;max-width:1120px!important}
.pillar-hero .big-icon{margin:0 0 24px!important;width:62px!important;height:62px!important;border-radius:50%!important;background:var(--rb-white)!important;border:1px solid color-mix(in srgb,var(--pillar-color,#0b9657) 18%,#fff)!important;box-shadow:none!important;color:var(--pillar-color,#0b9657)!important}
.pillar-hero h1{font-size:clamp(54px,7vw,96px)!important;line-height:.92!important;max-width:900px!important}
.pillar-hero .lead{font-size:17px!important;max-width:720px!important;margin-left:0!important;color:#5f6468!important;line-height:1.7!important}
.pillar-content{max-width:1120px!important;padding:78px 28px 100px!important}
.pillar-content h2{font-size:34px!important;margin-top:55px!important;letter-spacing:-.055em!important}
.pillar-content p,.pillar-content li{font-size:15px!important;line-height:1.85!important;color:#5f6468!important}
.flow{grid-template-columns:repeat(3,1fr)!important;gap:10px!important}
.flow-box{border:1px solid var(--rb-line)!important;border-radius:4px!important;background:var(--rb-white)!important;box-shadow:none!important}
.quote{border-left:3px solid var(--pillar-color,var(--rb-green))!important;background:var(--rb-white)!important;color:var(--rb-ink)!important;border-radius:0!important}

/* Malayalam: compact, airy, modern */
html[lang="ml"] body{font-family:"Noto Sans Malayalam","Instrument Sans",sans-serif!important}
html[lang="ml"] h1,html[lang="ml"] h2,html[lang="ml"] h3,html[lang="ml"] h4,
html[lang="ml"] .font-display,html[lang="ml"] .hero-desc,html[lang="ml"] .section-heading,
html[lang="ml"] .pillar-content,html[lang="ml"] .pillar-hero{font-family:"Noto Sans Malayalam",sans-serif!important}
html[lang="ml"] .hero h1{font-size:clamp(37px,4.8vw,64px)!important;line-height:1.16!important;letter-spacing:-.035em!important}
html[lang="ml"] .hero-desc{font-size:14px!important;line-height:1.95!important}
html[lang="ml"] .section-heading h2{font-size:clamp(27px,3vw,40px)!important;line-height:1.35!important}
html[lang="ml"] .pillar-card h3{font-size:17px!important;line-height:1.4!important}
html[lang="ml"] .pillar-card p{font-size:12px!important;line-height:1.8!important}
html[lang="ml"] .pillar-hero h1{font-size:clamp(40px,6vw,72px)!important;line-height:1.15!important}
html[lang="ml"] .pillar-hero .lead{font-size:15px!important;line-height:1.95!important}
html[lang="ml"] .pillar-content h2{font-size:28px!important;line-height:1.35!important}

@media(max-width:1100px){
  .hero-grid{grid-template-columns:1fr 1fr!important;gap:15px!important;padding-left:28px!important;padding-right:28px!important}
  .hero-copy{padding-left:10px!important}
  .hero h1{font-size:clamp(50px,6vw,76px)!important}
  .pillars{grid-template-columns:repeat(4,1fr)!important}
  .footer-inner{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:800px){
  .site-header{height:68px!important}
  .nav-wrap{padding:0 18px!important}
  .nav-links{display:none!important}
  .hero-grid{grid-template-columns:1fr!important;min-height:auto!important;padding:70px 22px 45px!important;gap:20px!important}
  .hero-copy{padding-left:0!important}
  .hero h1{font-size:clamp(49px,13vw,72px)!important;max-width:620px}
  .hero-desc{font-size:15px!important}
  .wheel-wrap{min-height:470px!important}
  .wheel{--wheel-size:min(430px,88vw)!important}
  .pillars{grid-template-columns:repeat(2,1fr)!important}
  .pillar-card{min-height:250px!important}
  .process-grid{grid-template-columns:1fr!important}
  .process-item{border-left:0!important;border-top:1px solid #cfd0c8;padding:20px 0!important}
  .process-item:first-child{border-top:0}
  .footer-inner{grid-template-columns:1fr 1fr!important;padding:50px 24px 30px!important}
  .footer-brand{grid-column:1/-1}
  .footer-bottom{padding:14px 20px;gap:10px;flex-direction:column}
  .flow{grid-template-columns:1fr 1fr!important}
}
@media(max-width:520px){
  .brand-tag{display:none!important}
  .lang-toggle button{font-size:10px!important}
  .hero:before{width:180px!important;height:180px!important}
  .hero-grid{padding-top:52px!important}
  .wheel-wrap{min-height:365px!important}
  .wheel{--wheel-size:min(320px,92vw)!important}
  .sun-ray{width:70px!important;height:70px!important}
  .ray-icon{font-size:16px!important}
  .ray-label{font-size:8px!important}
  .wheel-seven{font-size:52px!important}
  .wheel-center small{font-size:8px!important}
  .pillars{grid-template-columns:1fr!important}
  .pillar-card{min-height:220px!important}
  .section{padding:64px 18px!important}
  .process{padding:30px 22px!important}
  .footer-inner{grid-template-columns:1fr!important}
  .footer-col{border-top:1px solid #303238;padding-top:22px}
  .flow{grid-template-columns:1fr!important}
  .pillar-hero{padding:78px 22px 60px!important}
  .pillar-content{padding:54px 20px 75px!important}
}

/* V7.1 — orbit labels remain perfectly upright while the orbit moves */
.sun-orbit{animation-duration:150s!important}
.sun-ray .ray-content{
  transform:rotate(calc(var(--angle) * -1))!important;
  animation:rebirth-counter-orbit 150s linear infinite!important;
}
@keyframes rebirth-counter-orbit{
  from{transform:rotate(calc(var(--angle) * -1))}
  to{transform:rotate(calc(var(--angle) * -1 - 360deg))}
}
.sun-ray .ray-label,.sun-ray .ray-icon{
  transform:none!important;
  animation:none!important;
}

/* Center the sections beneath the hero consistently */
#pillars > .section-heading,
#how-we-build .section-heading,
#about > .max-w-4xl,
#contribute > div{
  margin-inline:auto!important;
  text-align:center!important;
}
#pillars .section-heading p,
#how-we-build .section-heading p,
#about > .max-w-4xl > p,
#contribute > div > p{
  margin-left:auto!important;
  margin-right:auto!important;
}

@media(max-width:800px){
  .mobile-menu-btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:4px!important;
    background:#fffdf8!important;
  }
  .mobile-nav{
    display:block;
    position:absolute;
    left:14px;right:14px;top:calc(100% + 7px);
    z-index:1000;
    padding:7px;
    background:#fffdf8;
    border:1px solid var(--rb-line,#d9ddd8);
    box-shadow:0 18px 40px rgba(18,25,30,.12);
  }
  .mobile-nav a{
    display:block;
    padding:14px 13px;
    color:var(--rb-ink,#171a1e);
    text-decoration:none;
    border-bottom:1px solid rgba(20,25,30,.08);
    font-weight:700;
  }
  .mobile-nav a:last-child{border-bottom:0}
}