:root{--gold:#fbf59a;--green:#153e20;--cream:#f4f4e9}
body{padding:20px 28px 0;background:radial-gradient(ellipse at 100% 0,#c7c979,transparent 44%),#e6e8d6}
header{top:48px;left:58px;right:58px;height:78px;border-radius:15px;padding:0 25px;box-shadow:none;border:0}
header .brand{font-size:18px}header .mark{color:#6d8046}header>.small{background:#fbf59a;border:0;border-radius:15px;padding:15px 22px}header>.small:hover{background:#f2eb75}header nav>a{font-size:11px;letter-spacing:.3px;text-transform:none}
.hero{min-height:780px;height:calc(100svh - 40px);max-height:1050px;padding:0;border:7px solid #ffffff38;outline:1px solid #6b804d;border-radius:34px;overflow:hidden;background:radial-gradient(ellipse at 53% 45%,#a4b63830,transparent 45%),linear-gradient(90deg,#073915db,#174c1690 48%,#063a17b8),url('assets/turmeric-cover.png') center/cover;box-shadow:0 20px 65px #344b2930}
.hero:before{content:'';position:absolute;width:66%;height:115%;border:1px dashed #edf4ab30;border-radius:50%;left:19%;top:6%;transform:rotate(24deg);pointer-events:none}
.hero:after{content:'';position:absolute;width:28%;height:55%;left:38%;top:20%;background:#edf68830;filter:blur(70px);pointer-events:none}
.hero-content{position:relative;height:100%;z-index:1}.hero .eyebrow{position:absolute;top:134px;left:28px;font-size:9px;letter-spacing:2px;color:#e1e8b7}
.hero h1{font-size:clamp(65px,7.5vw,118px);font-weight:600;line-height:.99;letter-spacing:-5px;margin:0}.hero h1 .rooted{position:absolute;top:163px;left:27px;color:#fbf59a;max-width:58%}.hero h1 em{position:absolute;right:28px;bottom:46px;color:#fff;max-width:55%;font-size:clamp(57px,6.5vw,104px);line-height:1.02;letter-spacing:-4.5px}
.hero .intro{position:absolute;bottom:183px;left:28px;max-width:39%;font-size:15px;line-height:1.65;color:#f2f5e9;margin:0}
.hero .actions{position:absolute;bottom:61px;left:28px;max-width:43%;gap:12px;align-items:stretch}.hero .actions a{background:#ffffff13;border:1px solid #e6f4d42e;backdrop-filter:blur(8px);border-radius:15px;color:white;justify-content:flex-start;font-weight:500;padding:20px 17px;gap:13px;font-size:13px;line-height:1.5}.hero .actions a:hover{background:#ffffff28}.tile-icon{font-size:26px;color:#fbf59a;border-right:1px solid #ffffff30;padding-right:14px}.phase-badge{position:absolute;right:33px;top:157px;color:#fbf59a;z-index:2;text-align:left}.phase-badge strong{font-size:78px;line-height:1;letter-spacing:-4px;font-family:Manrope,sans-serif;font-weight:500}.phase-badge span{display:block;color:#f5f5dd;font-size:12px;line-height:1.6;margin-top:10px}.hero .image-note{left:28px;bottom:18px;font-size:8px;color:#d2dfbf}.hero .scroll{display:none}
.welcome{margin:35px auto 0;border-radius:18px;background:#faffef;box-shadow:none}.story-photo img{border-radius:20px}.vision{border-radius:25px;background:#174526}.photo{border-radius:18px}.connect{padding-bottom:70px}footer{margin:0 -28px;background:#10381d}.button{border-radius:14px}
@media(min-width:1450px){header{left:58px;right:58px}}
@media(max-width:1100px){header nav{gap:16px}header .brand{font-size:15px}.hero h1{font-size:85px}.hero h1 em{font-size:76px}.hero .intro{max-width:43%;font-size:14px}.phase-badge strong{font-size:65px}.hero .actions a{padding:17px 12px;font-size:12px}.tile-icon{font-size:21px;padding-right:10px}}
@media(max-width:800px){body{padding:12px 12px 0}header{top:33px;left:33px;right:33px;height:70px;padding:0 16px}header nav{top:calc(100% + 8px)}.hero{height:auto;min-height:950px;border-radius:26px;border-width:5px;background-position:57% center}.hero:before{width:100%;left:5%}.hero-content{min-height:938px}.hero .eyebrow{top:115px;left:20px;font-size:8px;letter-spacing:1.5px}.hero h1 .rooted{top:151px;left:20px;max-width:90%;font-size:clamp(54px,10vw,77px);letter-spacing:-3px}.hero h1 em{left:20px;right:20px;bottom:auto;top:470px;max-width:100%;font-size:clamp(49px,9vw,72px);letter-spacing:-2.7px}.phase-badge{top:330px;right:25px}.phase-badge strong{font-size:54px}.phase-badge span{font-size:10px}.hero .intro{left:20px;bottom:165px;max-width:88%;font-size:14px}.hero .actions{left:20px;right:20px;max-width:none;bottom:55px}.hero .actions a{flex:1;font-size:12px;padding:15px 12px}.hero .image-note{left:20px;bottom:18px;font-size:7px}.welcome{margin:24px 4px 0;padding:24px 18px}.welcome h2{font-size:21px}.section{padding-left:12px;padding-right:12px}footer{margin:0 -12px}.vision{border-radius:20px}.hero .intro br{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
