:root{
  --ivory:#f4f0e5;--paper:#fffdf8;--ink:#12231f;--ink2:#1f3831;--muted:#68756f;
  --green:#12362f;--mint:#62d3a8;--mint-soft:#dff5eb;--blue:#3157d5;--blue-soft:#e9edff;
  --sand:#e8d9b7;--line:#d7ddd8;--orange:#e79b63;--violet:#7a69d8;--rose:#d78595;
  --shadow:0 24px 70px rgba(18,35,31,.10);--max:1240px;--radius:28px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--ivory);color:var(--ink);line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%}.wrap{width:min(var(--max),calc(100% - 44px));margin:auto}.micro{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:800}.muted{color:var(--muted)}
.topbar{background:var(--green);color:#eaf7f1;font-size:12px}.topbar .wrap{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:18px}.topbar a{opacity:.82}.topbar a:hover{opacity:1}
header{position:sticky;top:0;z-index:20;background:rgba(244,240,229,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(18,35,31,.08)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.identity{display:flex;align-items:center;gap:12px}.identity img{width:40px;height:40px;border-radius:10px}.wordmark strong{display:block;font-size:15px;letter-spacing:.03em}.wordmark span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted);font-weight:800}.navlinks{display:flex;align-items:center;gap:23px;font-size:13px;font-weight:700}.navlinks a{color:#30423b}.navlinks a:hover{color:var(--blue)}.navcta{padding:11px 16px;background:var(--ink);color:white;border-radius:999px;font-weight:800;font-size:13px}.navtoggle{display:none;background:none;border:0;font-size:26px;color:var(--ink)}
.hero{position:relative;overflow:hidden;padding:92px 0 78px}.hero:before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle at 40% 40%,rgba(98,211,168,.42),rgba(98,211,168,0) 68%);right:-170px;top:-180px}.hero:after{content:"";position:absolute;width:540px;height:540px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(49,87,213,.16),rgba(49,87,213,0) 70%);left:-220px;bottom:-320px}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:54px;align-items:center;position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:10px;color:#44665a}.eyebrow:before{content:"";width:34px;height:2px;background:var(--mint)}.hero h1{font-size:clamp(58px,7.4vw,102px);line-height:.9;letter-spacing:-.06em;margin:19px 0 28px;max-width:820px}.tm{font-size:.33em;vertical-align:top;letter-spacing:0}.hero-copy{font-size:clamp(19px,2vw,27px);line-height:1.35;color:#40534c;max-width:790px}.actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:31px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;padding:14px 19px;border:1px solid var(--ink);font-weight:800;font-size:14px}.btn.primary{background:var(--ink);color:white}.btn.secondary{background:rgba(255,255,255,.35)}.btn.light{border-color:#d6e8df;color:#f7fcf9}.btn:hover{transform:translateY(-1px)}
.hero-visual{position:relative;min-height:570px}.orbit{position:absolute;border:1px solid rgba(18,54,47,.16);border-radius:50%;inset:35px 15px 35px 15px}.orbit:before,.orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(49,87,213,.14)}.orbit:before{inset:55px}.orbit:after{inset:120px}.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:232px;height:232px;border-radius:50%;background:var(--green);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:var(--shadow);padding:30px}.core b{font-size:24px;line-height:1.05}.core span{font-size:12px;opacity:.72;margin-top:12px}.node{position:absolute;width:135px;min-height:86px;border-radius:20px;background:var(--paper);border:1px solid var(--line);box-shadow:0 16px 40px rgba(18,35,31,.08);padding:17px}.node b{font-size:17px;display:block}.node span{font-size:11px;color:var(--muted)}.n1{top:18px;left:44%}.n2{top:120px;right:5px}.n3{bottom:95px;right:22px}.n4{bottom:14px;left:38%}.n5{bottom:110px;left:0}.n6{top:115px;left:0}
.signal-strip{position:relative;z-index:2;margin-top:24px;display:grid;grid-template-columns:repeat(4,1fr);background:var(--paper);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 16px 45px rgba(18,35,31,.06)}.signal-strip>div{padding:22px 24px;border-right:1px solid var(--line)}.signal-strip>div:last-child{border-right:0}.signal-strip b{display:block;font-size:19px}.signal-strip span{font-size:12px;color:var(--muted)}
section{padding:86px 0}.section-head{display:grid;grid-template-columns:1.08fr .92fr;gap:52px;align-items:end;margin-bottom:39px}.section-head h2{font-size:clamp(40px,5.5vw,72px);line-height:.98;letter-spacing:-.045em;margin:0}.section-head p{margin:0;font-size:18px;color:var(--muted);max-width:620px}.dark{background:var(--green);color:#f7fbf8}.dark .section-head p,.dark .muted{color:#b9cfc5}.soft{background:#eaf3ee}
.six{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.space-card{border:1px solid #34574d;background:#173f36;border-radius:25px;padding:27px;min-height:250px;position:relative;overflow:hidden}.space-card:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-65px;bottom:-65px;background:rgba(98,211,168,.08)}.space-card .num{font-size:11px;letter-spacing:.15em;color:#9fbfb2;font-weight:800}.space-card h3{font-size:31px;margin:36px 0 10px}.space-card p{color:#b9cfc5;margin:0;max-width:280px}.space-card .icon{font-size:26px;position:absolute;right:24px;top:21px;color:var(--mint)}
.stack-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.stack-card{border-radius:var(--radius);padding:38px;min-height:380px;position:relative;overflow:hidden}.stack-card.light{background:var(--paper);border:1px solid var(--line)}.stack-card.color{background:linear-gradient(135deg,#d9f3e8,#dce5ff)}.stack-card h3{font-size:44px;line-height:1;margin:0 0 15px;letter-spacing:-.04em}.stack-card p{font-size:17px;color:#4f625a}.stack-list{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:28px}.stack-pill{background:rgba(255,255,255,.7);border:1px solid rgba(18,35,31,.08);border-radius:999px;padding:10px 13px;font-size:13px;font-weight:800}
.pipeline{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.step{border-radius:20px;background:#173f36;border:1px solid #31574b;padding:23px;min-height:148px;position:relative}.step:not(:last-child):after{content:"→";position:absolute;right:-12px;top:50%;font-size:22px;color:var(--mint);z-index:3}.step b{font-size:11px;color:#9cb9ae}.step span{display:block;font-size:20px;font-weight:800;margin-top:35px}
.concept-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.concept-card{background:var(--paper);border:1px solid var(--line);border-radius:25px;overflow:hidden;display:flex;flex-direction:column;min-height:500px}.product-stage{height:260px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.stage-green{background:linear-gradient(145deg,#cdeede,#eef7f2)}.stage-blue{background:linear-gradient(145deg,#dfe7ff,#f5f7ff)}.stage-peach{background:linear-gradient(145deg,#f1dbc7,#fff5e9)}.stage-violet{background:linear-gradient(145deg,#e6e1ff,#f6f4ff)}.stage-rose{background:linear-gradient(145deg,#f3dce2,#fff5f7)}.stage-night{background:linear-gradient(145deg,#dfe2ed,#f6f6f8)}.product-shadow{position:absolute;width:150px;height:25px;border-radius:50%;background:rgba(18,35,31,.13);bottom:33px;filter:blur(7px)}
.pack{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;color:#fff;box-shadow:0 20px 34px rgba(18,35,31,.18)}.pack .brandline{font-size:8px;letter-spacing:.11em;text-transform:uppercase;opacity:.78}.pack .packname{font-weight:900;font-size:20px;line-height:.92;letter-spacing:-.04em}.pack .claim{font-size:8px;font-weight:700;opacity:.82}.pouch{width:128px;height:180px;background:var(--green);border-radius:12px 12px 19px 19px;padding:16px}.bottle{width:82px;height:195px;background:var(--blue);border-radius:18px 18px 22px 22px;padding:17px 10px 15px}.bottle:before{content:"";position:absolute;width:42px;height:20px;left:20px;top:-17px;border-radius:8px 8px 3px 3px;background:#183a70}.can{width:86px;height:188px;background:#dd8c54;border-radius:13px 13px 18px 18px;padding:17px 10px}.stick{width:54px;height:194px;background:var(--violet);border-radius:9px;padding:13px 8px}.sachet{width:112px;height:164px;background:#b86b7a;border-radius:11px;padding:15px}.jar{width:120px;height:145px;background:#2e374a;border-radius:14px 14px 26px 26px;padding:19px}.jar:before{content:"";position:absolute;width:110px;height:22px;left:5px;top:-14px;border-radius:8px;background:#1f2735}.cup{width:132px;height:140px;background:#c47d4b;border-radius:10px 10px 28px 28px;padding:17px}.cup:before{content:"";position:absolute;width:146px;height:12px;left:-7px;top:-7px;border-radius:50%;background:#9b613b}.box{width:136px;height:170px;background:#4566c8;border-radius:9px;padding:16px}.pack.green{background:var(--green)}.pack.blue{background:var(--blue)}.pack.peach{background:#d7804e}.pack.violet{background:#6656c6}.pack.rose{background:#b96c7a}.pack.night{background:#2b3446}.pack.sand{background:#a96f47}.pack.cobalt{background:#405fc1}
.concept-copy{padding:23px;display:flex;flex-direction:column;flex:1}.concept-copy .kicker{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted);font-weight:800}.concept-copy h3{font-size:25px;line-height:1.05;letter-spacing:-.03em;margin:10px 0 9px}.concept-copy p{font-size:14px;color:var(--muted);margin:0}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:17px}.tag{font-size:10px;font-weight:800;border:1px solid #dbe1dd;border-radius:999px;padding:6px 9px;background:#f3f6f4}.concept-link{margin-top:18px;font-size:13px;font-weight:800;color:var(--blue)}
.data-band{background:#10251f;color:white}.data-grid{display:grid;grid-template-columns:1fr 2fr;gap:20px}.data-lead{background:#163d33;border-radius:28px;padding:34px}.data-lead h3{font-size:40px;line-height:1;margin:0 0 18px}.data-lead p{color:#bdd0c7}.data-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.kpi{border:1px solid #315148;background:#17382f;border-radius:22px;padding:25px}.kpi .value{font-size:42px;line-height:1;font-weight:900;letter-spacing:-.04em;color:#f8fbf9}.kpi .label{font-size:13px;color:#b8cdc3;margin-top:10px}.kpi .source{font-size:9px;color:#82a397;margin-top:20px;text-transform:uppercase;letter-spacing:.08em}.dashboard-link{display:inline-flex;margin-top:24px;color:var(--mint);font-weight:800;font-size:14px}
.market-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.market-card{border-radius:25px;background:var(--paper);border:1px solid var(--line);padding:27px}.market-card h3{font-size:30px;margin:0 0 8px}.market-card .flag{font-size:21px}.market-card p{color:var(--muted);font-size:14px}.priority{display:flex;flex-wrap:wrap;gap:6px;margin-top:17px}.priority span{font-size:10px;border-radius:999px;padding:7px 9px;background:var(--mint-soft);font-weight:800}.momentum{margin-top:20px}.momentum-row{display:grid;grid-template-columns:1fr 74px;gap:12px;align-items:center;font-size:12px;margin:8px 0}.meter{height:6px;border-radius:999px;background:#e6ebe8;overflow:hidden}.meter i{display:block;height:100%;background:var(--green);border-radius:inherit}.w100{width:100%}.w92{width:92%}.w86{width:86%}.w78{width:78%}.w70{width:70%}
.process{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.stage{border-top:2px solid var(--mint);padding:18px 4px 0}.stage b{font-size:11px;color:var(--muted)}.stage h4{font-size:20px;margin:8px 0}.stage p{font-size:13px;color:var(--muted)}
.cta-panel{border-radius:34px;padding:50px;background:linear-gradient(135deg,#ccebdd,#dfe5ff);display:grid;grid-template-columns:1.4fr .6fr;gap:30px;align-items:center}.cta-panel h2{font-size:clamp(42px,5.2vw,68px);line-height:.95;letter-spacing:-.05em;margin:0}.cta-panel p{font-size:17px;color:#41564e;max-width:760px}.cta-panel .btn{justify-self:end}
footer{background:#0d211c;color:#b7ccc2;padding:42px 0 55px;margin-top:90px}.footergrid{display:grid;grid-template-columns:1.3fr repeat(3,.6fr);gap:25px}.footerbrand strong{color:white;font-size:17px}.footerbrand p{max-width:380px;font-size:13px}.footercol b{display:block;color:white;font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px}.footercol a{display:block;font-size:13px;margin:8px 0}.legal{border-top:1px solid #29443c;margin-top:28px;padding-top:20px;font-size:11px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
.page-hero{padding:76px 0 48px}.page-hero h1{font-size:clamp(52px,7vw,88px);line-height:.93;letter-spacing:-.055em;margin:14px 0 23px;max-width:920px}.page-hero p{font-size:20px;color:var(--muted);max-width:800px}.breadcrumb{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:800}.breadcrumb a{color:var(--blue)}
.dashboard{display:grid;grid-template-columns:270px 1fr;gap:18px}.sidepanel{background:var(--green);color:white;border-radius:26px;padding:24px;height:max-content;position:sticky;top:110px}.sidepanel h3{font-size:22px;margin:0 0 18px}.filterbtn{display:block;width:100%;text-align:left;background:transparent;border:1px solid #3b6156;color:#c2d5cd;border-radius:12px;padding:11px 12px;margin:7px 0;font-weight:800;cursor:pointer}.filterbtn.active{background:var(--mint);border-color:var(--mint);color:var(--green)}.dashmain{display:grid;gap:16px}.dash-section{background:var(--paper);border:1px solid var(--line);border-radius:25px;padding:28px}.dash-section h2{font-size:34px;margin:0 0 6px}.dash-section>p{color:var(--muted)}.fact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.fact{background:#f4f6f3;border-radius:18px;padding:20px}.fact b{display:block;font-size:32px;line-height:1}.fact span{font-size:12px;color:var(--muted)}.trendtable{width:100%;border-collapse:collapse;margin-top:16px}.trendtable th,.trendtable td{text-align:left;padding:13px 10px;border-bottom:1px solid #e3e7e4;font-size:13px}.trendtable th{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.status{display:inline-block;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900}.high{background:#d9f3e7;color:#174b39}.accelerating{background:#e8ecff;color:#314aa8}.emerging{background:#f8e7d8;color:#9b5c2f}.source-list{font-size:12px;color:var(--muted)}.source-list li{margin:8px 0}.source-list a{color:var(--blue);text-decoration:underline;text-underline-offset:2px}
.concept-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.concept-detail{background:var(--paper);border:1px solid var(--line);border-radius:28px;overflow:hidden}.detail-top{display:grid;grid-template-columns:210px 1fr;gap:20px;padding:24px}.detail-visual{min-height:250px;border-radius:20px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.detail-copy h2{font-size:35px;line-height:1;margin:8px 0 12px}.detail-copy p{font-size:14px;color:var(--muted)}.specs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:16px}.spec{border-top:1px solid var(--line);padding-top:10px}.spec b{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.spec span{display:block;font-size:13px;font-weight:800;margin-top:4px}.detail-foot{border-top:1px solid var(--line);padding:18px 24px;background:#fafbf8;font-size:12px;color:var(--muted)}
@media(max-width:1040px){.navlinks{display:none}.navtoggle{display:block}.hero-grid{grid-template-columns:1fr}.hero-visual{min-height:520px;max-width:650px;width:100%;margin:auto}.signal-strip,.six,.concept-grid,.market-cards,.data-kpis{grid-template-columns:repeat(2,1fr)}.section-head,.data-grid,.cta-panel,.footergrid{grid-template-columns:1fr}.cta-panel .btn{justify-self:start}.pipeline,.process{grid-template-columns:repeat(3,1fr)}.dashboard{grid-template-columns:1fr}.sidepanel{position:static}.concept-detail-grid{grid-template-columns:1fr}}
@media(max-width:680px){.wrap{width:min(var(--max),calc(100% - 26px))}.topbar .wrap{justify-content:center}.topbar a{display:none}.hero{padding-top:62px}.hero h1{font-size:54px}.hero-visual{min-height:440px}.core{width:180px;height:180px}.node{width:105px;min-height:70px;padding:12px}.node b{font-size:14px}.n2,.n3{right:-5px}.n5,.n6{left:-5px}.signal-strip,.six,.concept-grid,.market-cards,.data-kpis,.fact-grid,.stack-list{grid-template-columns:1fr}.section-head,.stack-grid{grid-template-columns:1fr}.pipeline,.process{grid-template-columns:1fr 1fr}.step:not(:last-child):after{display:none}.data-lead h3{font-size:34px}.detail-top{grid-template-columns:1fr}.detail-visual{min-height:280px}.footergrid{grid-template-columns:1fr 1fr}.concept-card{min-height:470px}}
@media(max-width:440px){.pipeline,.process,.footergrid{grid-template-columns:1fr}.wordmark strong{font-size:13px}.wordmark span{font-size:9px}.navcta{display:none}.hero-visual{min-height:410px}.node{width:96px}.n1{left:39%}.n4{left:34%}.cta-panel{padding:34px 25px}}


/* ===== V3 INTERACTIVE LAYER ===== */
.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:100;background:transparent;pointer-events:none}.scroll-progress i{display:block;width:0;height:100%;background:var(--mint)}
.v3 button,.v3 select{font:inherit}.v3 button{color:inherit}.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}
.hero-v3{min-height:calc(100vh - 112px);display:flex;align-items:center}.hero-gridlines{position:absolute;inset:0;background-image:linear-gradient(rgba(18,54,47,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(18,54,47,.04) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 90%)}.hero-copyblock{position:relative}.hero-v3 h1{max-width:900px}.kinetic{display:inline-block;min-width:7.2em;color:var(--blue);position:relative}.kinetic.swap{animation:wordSwap .55s cubic-bezier(.2,.75,.2,1)}@keyframes wordSwap{0%{opacity:1;transform:translateY(0)}45%{opacity:0;transform:translateY(-14px)}55%{opacity:0;transform:translateY(14px)}100%{opacity:1;transform:translateY(0)}}
.hero-proof{display:flex;flex-wrap:wrap;gap:18px;margin-top:26px;color:var(--muted);font-size:12px}.hero-proof span{display:flex;align-items:baseline;gap:5px}.hero-proof b{font-size:20px;color:var(--ink)}
.hero-orbit .orbit{animation:slowSpin 24s linear infinite}.hero-orbit .orbit-b{inset:82px 65px;animation-duration:31s;animation-direction:reverse}.hero-orbit .orbit-c{inset:145px 132px;animation-duration:18s}.hero-orbit .orbit-b:before,.hero-orbit .orbit-b:after,.hero-orbit .orbit-c:before,.hero-orbit .orbit-c:after{display:none}@keyframes slowSpin{to{transform:rotate(360deg)}}
.hero-orbit .node,.core-live{border:1px solid var(--line);cursor:pointer;text-align:left;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.hero-orbit .node:hover,.hero-orbit .node.active{transform:translateY(-5px);border-color:var(--mint);box-shadow:0 20px 45px rgba(18,35,31,.14)}.core-live{border:0;text-align:center}.core-live em{font-style:normal;font-size:18px;margin-top:10px;color:var(--mint)}.core-live:hover{transform:translate(-50%,-50%) scale(1.035)}.orbit-caption{position:absolute;left:50%;bottom:2px;transform:translateX(-50%);white-space:nowrap;font-size:11px;color:var(--muted);display:flex;align-items:center;gap:8px}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 0 rgba(98,211,168,.55);animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(98,211,168,0)}100%{box-shadow:0 0 0 0 rgba(98,211,168,0)}}
.signal-v3>div{transition:background .25s ease,transform .25s ease}.signal-v3>div:hover{background:#f7fbf9;transform:translateY(-2px)}
.story-section{padding:110px 0;background:#fbfaf5}.story-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}.story-sticky{position:sticky;top:145px;min-height:540px}.story-sticky h2{font-size:clamp(48px,6vw,80px);line-height:.94;letter-spacing:-.05em;margin:14px 0 26px}.story-sticky>p{font-size:18px;color:var(--muted);max-width:540px}.story-object{position:relative;height:270px;margin:32px 0;border-radius:30px;border:1px solid var(--line);background:linear-gradient(135deg,#edf4ef,#e8edff);display:flex;align-items:center;justify-content:center;gap:28px;overflow:hidden}.story-pill-bottle{width:100px;height:154px;border-radius:18px 18px 28px 28px;background:var(--paper);border:1px solid #cfd8d2;box-shadow:0 22px 50px rgba(18,35,31,.12);display:flex;align-items:center;justify-content:center;gap:6px;transition:.6s ease}.story-pill-bottle:before{content:"FUNCTION";position:absolute;margin-top:-92px;font-size:9px;font-weight:900;letter-spacing:.12em}.story-pill-bottle i{width:13px;height:25px;border-radius:999px;background:linear-gradient(var(--blue) 50%,#fff 50%);border:1px solid #b8c2d7}.story-arrow{font-size:28px;color:var(--green);transition:.6s ease}.story-food-world{width:190px;height:190px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-content:center;grid-template-columns:1fr 1fr;gap:12px;padding:28px;transform:scale(.72);opacity:.35;transition:.6s ease}.story-food-world span{font-size:10px;font-weight:900;letter-spacing:.1em;border:1px solid #3f675d;padding:11px 7px;text-align:center;border-radius:999px}.story-sticky[data-state="transition"] .story-pill-bottle{transform:translateX(40px) scale(.86);opacity:.6}.story-sticky[data-state="transition"] .story-arrow{transform:scaleX(1.6);color:var(--blue)}.story-sticky[data-state="transition"] .story-food-world{transform:scale(.88);opacity:.72}.story-sticky[data-state="everyday"] .story-pill-bottle{transform:translateX(110px) scale(.5);opacity:.08}.story-sticky[data-state="everyday"] .story-arrow{opacity:.15}.story-sticky[data-state="everyday"] .story-food-world{transform:scale(1);opacity:1;box-shadow:0 0 0 24px rgba(98,211,168,.13)}.story-sticky[data-state="platform"] .story-pill-bottle{transform:translateX(110px) scale(.3);opacity:0}.story-sticky[data-state="platform"] .story-arrow{opacity:0}.story-sticky[data-state="platform"] .story-food-world{transform:scale(1.08);opacity:1;background:var(--blue);box-shadow:0 0 0 30px rgba(49,87,213,.10),0 0 0 60px rgba(98,211,168,.08)}
.story-steps{display:grid;gap:100px;padding:80px 0 140px}.story-step{min-height:320px;border-left:2px solid #d6ddd9;padding:8px 0 20px 32px;opacity:.36;transition:.35s ease}.story-step.active{opacity:1;border-color:var(--mint);transform:translateX(5px)}.story-step>span{font-size:11px;letter-spacing:.14em;font-weight:900;color:var(--muted)}.story-step h3{font-size:42px;letter-spacing:-.04em;margin:18px 0 12px}.story-step p{font-size:18px;color:var(--muted);max-width:580px}
.space-explorer{display:grid;grid-template-columns:270px 1fr;gap:18px}.space-tabs{display:grid;gap:8px}.space-tab{appearance:none;background:#173f36;border:1px solid #34574d;border-radius:16px;padding:16px;text-align:left;color:#c3d6ce;font-weight:850;cursor:pointer;transition:.25s ease}.space-tab span{display:inline-block;width:34px;font-size:10px;color:#89aa9e}.space-tab:hover,.space-tab.active{background:var(--mint);color:var(--green);border-color:var(--mint);transform:translateX(4px)}.space-tab.active span{color:#386657}.space-live-panel{background:#153c33;border:1px solid #31574b;border-radius:28px;padding:38px;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;min-height:390px}.space-live-panel h3{font-size:clamp(38px,4vw,58px);line-height:.98;letter-spacing:-.045em;margin:18px 0}.space-live-panel p{color:#b8cdc4;font-size:16px}.space-matrix{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start}.space-matrix div{background:#1b473d;border:1px solid #356055;border-radius:17px;padding:18px}.space-matrix b{display:block;font-size:10px;color:#8fb4a5;text-transform:uppercase;letter-spacing:.12em}.space-matrix span{display:block;font-size:14px;font-weight:850;margin-top:8px;line-height:1.35}.space-live-panel.flash{animation:panelFlash .45s ease}@keyframes panelFlash{0%{transform:scale(.99);opacity:.7}100%{transform:none;opacity:1}}
.builder-section{background:linear-gradient(180deg,var(--ivory),#eef4f0)}.builder-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:20px;align-items:start}.builder-controls{background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:20px;display:grid;gap:10px}.builder-step{padding:16px;border-radius:18px;background:#f7f8f4;border:1px solid transparent;transition:.25s ease}.builder-step:focus-within{background:#fff;border-color:var(--mint);box-shadow:0 0 0 4px rgba(98,211,168,.13)}.builder-step>span{display:block;font-size:9px;letter-spacing:.13em;font-weight:900;color:var(--muted);margin-bottom:7px}.builder-step label{display:block;font-weight:850;font-size:15px;margin-bottom:8px}.builder-step select{width:100%;background:#fff;border:1px solid #d5ddd8;border-radius:12px;padding:11px 36px 11px 12px;color:var(--ink);outline:none}.builder-result{position:sticky;top:116px;border-radius:32px;background:var(--green);color:#fff;padding:30px;box-shadow:var(--shadow);overflow:hidden}.builder-result:before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;right:-170px;top:-170px;background:radial-gradient(circle,rgba(98,211,168,.32),rgba(98,211,168,0) 70%)}.result-top{position:relative;z-index:2;display:flex;justify-content:space-between;gap:20px;align-items:center}.fit-badge{font-size:10px;font-weight:900;letter-spacing:.1em;background:var(--mint);color:var(--green);border-radius:999px;padding:8px 10px}.result-visual{height:250px;position:relative;display:flex;align-items:center;justify-content:center}.result-pack{position:relative;z-index:2;width:132px;height:182px;border-radius:16px 16px 24px 24px;background:linear-gradient(145deg,var(--blue),#23409f);box-shadow:0 24px 45px rgba(0,0,0,.25);padding:20px;display:flex;align-items:flex-end;font-size:17px;font-weight:950;letter-spacing:-.04em;transition:.45s cubic-bezier(.2,.8,.2,1)}.result-pack i{position:absolute;width:24px;height:24px;right:18px;top:18px;border-radius:50%;border:5px solid rgba(255,255,255,.8)}.result-orbit{position:absolute;width:330px;height:170px;border-radius:50%;border:1px solid rgba(255,255,255,.18);transform:rotate(-10deg);animation:slowSpin 18s linear infinite}.builder-result.updated .result-pack{animation:packBounce .55s ease}@keyframes packBounce{50%{transform:translateY(-12px) rotate(2deg)}}.result-copy{position:relative;z-index:2}.result-copy h3{font-size:clamp(38px,4.2vw,58px);line-height:.96;letter-spacing:-.045em;margin:0 0 12px}.result-copy p{color:#c4d7cf;max-width:720px}.result-specs{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:22px 0}.result-specs div{border:1px solid #356056;border-radius:14px;padding:13px}.result-specs b{display:block;font-size:9px;letter-spacing:.11em;text-transform:uppercase;color:#8fb1a4}.result-specs span{display:block;font-size:13px;font-weight:850;margin-top:5px}.result-cta{position:relative;z-index:2;border-color:var(--mint);background:var(--mint)!important;color:var(--green)!important}.builder-result small{position:relative;z-index:2;display:block;color:#86a79a;margin-top:16px;font-size:10px}
.radar-section{overflow:hidden}.radar-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}.radar-visual{position:relative;min-height:660px}.radar-ring{position:absolute;border:1px solid #34594f;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.radar-ring span{position:absolute;top:12px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#7fa396}.r1{width:210px;height:210px;background:rgba(98,211,168,.07)}.r2{width:355px;height:355px}.r3{width:505px;height:505px}.r4{width:640px;height:640px}.radar-dot{position:absolute;appearance:none;border:1px solid #41685c;background:#173f36;color:#dcebe5;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:850;cursor:pointer;transition:.25s ease;z-index:3}.radar-dot:hover,.radar-dot.active{background:var(--mint);color:var(--green);border-color:var(--mint);transform:scale(1.07)}.d-protein{left:43%;top:42%}.d-electrolytes{left:52%;top:52%}.d-fiber{left:31%;top:30%}.d-creatine{left:61%;top:31%}.d-gut{left:27%;top:57%}.d-women{left:63%;top:64%}.d-asian{left:14%;top:42%}.d-cognitive{left:72%;top:20%}.d-post{left:70%;top:76%}.radar-detail{background:#153d34;border:1px solid #31574b;border-radius:28px;padding:36px}.radar-detail h3{font-size:58px;letter-spacing:-.05em;margin:12px 0}.radar-detail>p{font-size:18px;color:#bdd0c7}.radar-legend{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:30px}.radar-legend span{display:flex;align-items:center;gap:8px;font-size:11px;color:#a9c0b6}.radar-legend i{width:9px;height:9px;border-radius:50%}.lg-main{background:var(--mint)}.lg-acc{background:#91a8ff}.lg-em{background:#e9aa78}.lg-watch{background:#77877f}
.market-live{display:grid;grid-template-columns:230px 1fr;gap:16px}.market-switcher{display:grid;gap:8px;height:max-content}.market-live-btn{appearance:none;border:1px solid var(--line);background:var(--paper);border-radius:15px;padding:16px;text-align:left;font-weight:850;cursor:pointer}.market-live-btn.active,.market-live-btn:hover{background:var(--green);color:#fff;border-color:var(--green);transform:translateX(3px)}.market-live-panel{background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:34px;min-height:430px}.market-live-head{display:flex;align-items:center;gap:14px}.market-flag{font-size:38px}.market-live-head h3{font-size:44px;margin:0;letter-spacing:-.04em}.signal-chip{margin-left:auto;background:var(--blue-soft);color:#2d4cb6;border-radius:999px;padding:8px 10px;font-size:9px;font-weight:900;letter-spacing:.1em}.market-live-panel>p{font-size:17px;color:var(--muted);max-width:820px}.live-bars{display:grid;gap:12px;margin-top:28px}.live-bars>div{display:grid;grid-template-columns:130px 1fr 90px;gap:14px;align-items:center}.live-bars span{font-size:12px;font-weight:850}.live-bars i{height:9px;background:#edf0ed;border-radius:999px;overflow:hidden}.live-bars i b{display:block;height:100%;width:var(--bar);background:linear-gradient(90deg,var(--green),var(--mint));border-radius:inherit;transform-origin:left;animation:barGrow .8s ease both}.live-bars em{font-size:10px;color:var(--muted);font-style:normal;text-align:right}@keyframes barGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}.live-opportunity{margin-top:28px;border-top:1px solid var(--line);padding-top:20px}.live-opportunity b{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:var(--muted)}.live-opportunity span{display:block;font-size:25px;font-weight:900;margin-top:6px}.market-live-panel.market-change{animation:panelFlash .45s ease}
.concept-grid-v3 .concept-card{transition:transform .25s ease,box-shadow .25s ease;border-color:.25s ease;transform-style:preserve-3d}.concept-grid-v3 .concept-card:hover{box-shadow:0 24px 60px rgba(18,35,31,.14);border-color:#b7c8be}.interactive-card .product-stage{overflow:hidden}.interactive-card .pack{transition:transform .4s cubic-bezier(.2,.8,.2,1)}.interactive-card:hover .pack{transform:translateY(-10px) rotate(-2deg) scale(1.03)}.card-peek{position:absolute;inset:auto 13px 13px 13px;background:rgba(14,33,28,.92);color:#fff;border-radius:16px;padding:14px;display:grid;grid-template-columns:70px 1fr;gap:4px 8px;transform:translateY(130%);transition:.35s cubic-bezier(.2,.8,.2,1);z-index:4;backdrop-filter:blur(8px)}.interactive-card:hover .card-peek{transform:none}.card-peek b{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#90b5a7}.card-peek span{font-size:10px;font-weight:750}.concept-more{display:flex;justify-content:center;margin-top:28px}.data-v3 .kpi{transition:transform .25s ease,border-color .25s ease}.data-v3 .kpi:hover{transform:translateY(-4px);border-color:#4d7267}
.whats-next-section{overflow:hidden}.next-track{display:grid;grid-template-columns:repeat(5,minmax(260px,1fr));gap:14px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x proximity}.next-track article{scroll-snap-align:start;min-height:330px;border:1px solid var(--line);background:var(--paper);border-radius:26px;padding:25px;transition:.3s ease}.next-track article:hover{background:var(--green);color:#fff;transform:translateY(-5px)}.next-track span{font-size:11px;font-weight:900;color:var(--muted)}.next-track h3{font-size:31px;line-height:1.02;letter-spacing:-.035em;margin:64px 0 14px}.next-track p{font-size:13px;color:var(--muted)}.next-track article:hover p,.next-track article:hover span{color:#b9cfc5}.cta-v3{position:relative;overflow:hidden}.cta-v3:after{content:"FEN";position:absolute;right:-20px;bottom:-80px;font-size:220px;font-weight:950;letter-spacing:-.08em;color:rgba(255,255,255,.25);pointer-events:none}
@media(max-width:1040px){.story-layout,.builder-grid,.space-explorer,.radar-grid,.market-live{grid-template-columns:1fr}.story-sticky,.builder-result{position:relative;top:auto}.story-steps{gap:40px;padding:0 0 40px}.story-step{min-height:auto}.space-tabs{grid-template-columns:repeat(3,1fr)}.space-tab:hover,.space-tab.active,.market-live-btn.active,.market-live-btn:hover{transform:none}.market-switcher{grid-template-columns:repeat(3,1fr)}.radar-visual{max-width:670px;width:100%;margin:auto}.builder-controls{grid-template-columns:1fr 1fr}.result-visual{height:200px}.r4{width:600px;height:600px}.next-track{grid-template-columns:repeat(5,290px)}}
@media(max-width:680px){.hero-v3{min-height:auto}.hero-proof{gap:11px}.hero-proof b{font-size:16px}.hero-orbit .orbit{animation:none}.orbit-caption{bottom:-8px}.story-section{padding-top:76px}.story-sticky{min-height:auto}.story-sticky h2{font-size:50px}.story-object{height:220px}.story-pill-bottle{width:82px;height:128px}.story-food-world{width:145px;height:145px;padding:18px;gap:7px}.story-steps{padding-top:25px}.story-step h3{font-size:34px}.space-tabs{grid-template-columns:1fr 1fr}.space-live-panel{grid-template-columns:1fr;padding:25px}.space-matrix{grid-template-columns:1fr 1fr}.builder-controls{grid-template-columns:1fr}.builder-result{padding:24px}.result-specs{grid-template-columns:1fr}.radar-visual{min-height:480px;transform:scale(.78);transform-origin:center}.r4{width:570px;height:570px}.r3{width:450px;height:450px}.r2{width:325px;height:325px}.r1{width:190px;height:190px}.radar-detail h3{font-size:46px}.market-switcher{grid-template-columns:1fr}.market-live-panel{padding:24px}.market-live-head{align-items:flex-start;flex-wrap:wrap}.signal-chip{margin-left:0}.live-bars>div{grid-template-columns:100px 1fr}.live-bars em{display:none}.card-peek{transform:none;opacity:0;pointer-events:none}.interactive-card:hover .card-peek{opacity:1}.next-track{grid-template-columns:repeat(5,260px)}.cta-v3:after{font-size:140px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-orbit .orbit,.pulse-dot,.result-orbit,.kinetic.swap,.builder-result.updated .result-pack,.live-bars i b{animation:none!important}.reveal{opacity:1;transform:none;transition:none}.story-pill-bottle,.story-food-world,.story-arrow{transition:none}}

/* V3.1 legibility fixes — 2026-08-28 */
/* Hero ecosystem core: force high contrast on native button rendering */
.hero-orbit .core,
.hero-orbit .core b,
.hero-orbit .core span {
  color:#f7fbf8;
  -webkit-text-fill-color:#f7fbf8;
}
.hero-orbit .core b{
  text-shadow:0 1px 1px rgba(0,0,0,.08);
}
.hero-orbit .core span{
  color:#d7ebe3;
  -webkit-text-fill-color:#d7ebe3;
  opacity:1;
}
.hero-orbit .core-live em{
  color:var(--mint);
  -webkit-text-fill-color:var(--mint);
}

/* Daily Creatine stick: keep typography fully inside the pack */
.pack.stick{
  width:66px;
  padding:13px 9px;
}
.pack.stick .packname{
  font-size:15px;
  line-height:.92;
  letter-spacing:-.045em;
  max-width:100%;
  overflow-wrap:normal;
  word-break:normal;
}
.pack.stick .brandline{
  font-size:8px;
}
.pack.stick .claim{
  font-size:7.5px;
  line-height:1.15;
}

/* V3.2 privacy / legal / SEO presentation */
.privacy-note{position:relative;z-index:2;color:#9ebbb0!important;font-size:10px!important;line-height:1.5;margin:12px 0 0!important;max-width:720px}.privacy-note a{color:var(--mint);font-weight:800;text-decoration:underline;text-underline-offset:2px}.legal-links a{color:#d9e8e1}.legal-links a:hover{color:var(--mint)}

/* V3.4 — Functional Stacking visual refresh */
.stacking-section{padding:108px 0 116px;background:linear-gradient(180deg,#fbfaf5 0%,#f3f1e8 100%)}
.stacking-panel{position:relative;overflow:hidden;display:grid;grid-template-columns:.86fr 1.14fr;gap:68px;align-items:center;border:1px solid rgba(18,35,31,.09);border-radius:38px;padding:62px 66px;background:linear-gradient(132deg,#d9f3e8 0%,#e6edf9 56%,#eee7fb 100%);box-shadow:0 28px 70px rgba(18,35,31,.08)}
.stacking-panel:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-125px;top:-170px;background:radial-gradient(circle,rgba(49,87,213,.15),rgba(49,87,213,0) 70%);pointer-events:none}
.stacking-panel:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;left:-150px;bottom:-180px;background:radial-gradient(circle,rgba(98,211,168,.25),rgba(98,211,168,0) 70%);pointer-events:none}
.stacking-copy{position:relative;z-index:2;padding:8px 0}
.stacking-copy>.micro{color:#345a4f}
.stacking-copy h2{font-size:clamp(45px,5.3vw,70px);line-height:.94;letter-spacing:-.05em;margin:16px 0 22px;max-width:650px}
.stacking-copy h2 span{color:#3157d5}
.stacking-copy>p{font-size:17px;color:#4a6158;max-width:580px;margin:0}
.stacking-pills{position:relative;z-index:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:30px}
.stacking-pills .stack-pill{background:rgba(255,255,255,.72);border-color:rgba(18,35,31,.10);padding:11px 14px;backdrop-filter:blur(8px)}
.stacking-visual{position:relative;z-index:2;min-height:455px;border-radius:30px;background:rgba(255,255,255,.34);border:1px solid rgba(255,255,255,.58);box-shadow:inset 0 1px 0 rgba(255,255,255,.7);overflow:hidden}
.stacking-visual:before{content:"STACK ARCHITECTURE";position:absolute;left:24px;top:22px;font-size:9px;letter-spacing:.16em;font-weight:900;color:#61736d}
.stack-card-mini{position:absolute;width:205px;min-height:126px;border-radius:22px;padding:20px 21px;background:rgba(255,255,255,.90);border:1px solid rgba(18,35,31,.08);box-shadow:0 18px 40px rgba(18,35,31,.12);transition:transform .35s ease,box-shadow .35s ease;z-index:4}
.stack-card-mini span,.stack-product>span{display:block;font-size:8px;font-weight:900;letter-spacing:.13em;color:#6d7d77;margin-bottom:10px}
.stack-card-mini b{display:block;font-size:30px;line-height:1;letter-spacing:-.045em;color:#152a24}
.stack-card-mini small{display:block;margin-top:8px;font-size:11px;color:#64746e}
.stack-primary{left:32px;top:72px;transform:rotate(-3deg)}
.stack-secondary{right:31px;top:84px;transform:rotate(3deg)}
.stack-format{left:50%;top:210px;transform:translateX(-50%) rotate(-1deg);background:#f9fbff}
.stacking-visual:hover .stack-primary{transform:translateY(-5px) rotate(-3deg)}
.stacking-visual:hover .stack-secondary{transform:translateY(-5px) rotate(3deg)}
.stacking-visual:hover .stack-format{transform:translateX(-50%) translateY(-5px) rotate(-1deg)}
.stack-product{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);width:min(88%,470px);border-radius:22px;padding:20px 24px;background:#12362f;color:#fff;box-shadow:0 20px 45px rgba(18,54,47,.25);z-index:6}
.stack-product>span{color:#8fb6a8;margin-bottom:7px}
.stack-product strong{display:block;font-size:24px;line-height:1.02;letter-spacing:-.035em}
.stack-product em{display:block;margin-top:9px;font-style:normal;font-size:10px;font-weight:800;letter-spacing:.08em;color:#8fe0bc;text-transform:uppercase}
.stack-connector{position:absolute;height:1px;background:linear-gradient(90deg,rgba(18,54,47,.05),rgba(18,54,47,.42),rgba(18,54,47,.05));transform-origin:left center;z-index:2}
.c1{width:150px;left:196px;top:175px;transform:rotate(23deg)}
.c2{width:150px;right:190px;top:182px;transform:rotate(157deg)}
.c3{width:120px;left:50%;top:328px;transform:translateX(-50%) rotate(90deg)}
.stack-glow{position:absolute;border-radius:50%;filter:blur(1px);opacity:.55;z-index:1}
.g1{width:230px;height:230px;right:-85px;bottom:-80px;background:radial-gradient(circle,rgba(98,211,168,.34),rgba(98,211,168,0) 70%)}
.g2{width:210px;height:210px;left:-100px;top:-75px;background:radial-gradient(circle,rgba(49,87,213,.20),rgba(49,87,213,0) 70%)}
@media(max-width:1040px){.stacking-panel{grid-template-columns:1fr;padding:52px 48px;gap:42px}.stacking-visual{min-height:450px}}
@media(max-width:680px){.stacking-section{padding:76px 0 82px}.stacking-panel{border-radius:28px;padding:34px 24px;gap:30px}.stacking-copy h2{font-size:44px}.stacking-pills{grid-template-columns:1fr}.stacking-visual{min-height:560px}.stack-card-mini{width:calc(100% - 48px);left:24px!important;right:auto!important;transform:none!important;min-height:105px}.stack-primary{top:58px}.stack-secondary{top:180px}.stack-format{top:302px}.stack-product{bottom:24px;width:calc(100% - 48px)}.stack-connector{display:none}}
@media(prefers-reduced-motion:reduce){.stack-card-mini{transition:none}}