/* home-ux-final-v1 */ /* HOME_UX_FINAL_V1 — member-first homepage */ .oi-section-v2, .baseline-section, .future-section, .miimochi-context, #model-declaration, .model-section, .manifesto{display:none!important} html[data-bt-user-state="baseline"] #member-start{display:none!important} .hero-plan-link{display:inline-flex!important} /* Body state: useful interaction, not a full-screen takeover */ #body-state.state-section{min-height:auto!important} #body-state .state-content{min-height:auto!important;padding:86px 0!important} #body-state .state-section h2, #body-state h2{font-size:clamp(38px,4vw,54px)!important;line-height:1.08!important} #body-state .state-intro{margin:18px 0 24px!important;font-size:15px!important;line-height:1.7!important} #body-state .state-grid{gap:8px!important} #body-state .state-grid button{min-height:92px!important;padding:15px 16px!important} #body-state .state-grid strong{margin-bottom:6px!important;font-size:16px!important} #body-state .state-grid span{font-size:12px!important;line-height:1.5!important} /* Personal model / OI overview */ #bio2twin-system.b2t-spine-v1{padding:84px clamp(22px,5vw,72px)!important} #bio2twin-system .b2t-spine-v1__intro{gap:clamp(36px,5vw,64px)!important} #bio2twin-system .b2t-spine-v1__copy h2{font-size:clamp(38px,3.7vw,50px)!important} #bio2twin-system .b2t-spine-v1__copy>p:last-of-type{margin-top:22px!important;font-size:15px!important;line-height:1.7!important} #bio2twin-system .b2t-spine-v1__morphology{min-height:400px!important} #bio2twin-system .b2t-spine-v1__morphology img{height:350px!important} #bio2twin-system .b2t-spine-v1__statement{margin-top:48px!important;padding:22px 0!important} #bio2twin-system .b2t-spine-v1__flow{margin-top:42px!important} /* Data + privacy: keep the visual but reduce the takeover */ @media(min-width:901px){ #b2t-space.b2t-space{height:760px!important;min-height:680px!important;max-height:760px!important} #b2t-space .b2t-space__copy{top:6.5%!important;max-width:min(520px,38vw)!important} #b2t-space .b2t-space__copy h2{font-size:clamp(36px,3.5vw,48px)!important;line-height:1.08!important} #b2t-space .b2t-space__copy>p{margin-top:14px!important;font-size:16px!important} #b2t-space .b2t-space__privacy-lead{margin-top:18px!important;font-size:14px!important} #b2t-space .b2t-space__privacy-body{font-size:12px!important;line-height:1.6!important} #b2t-space .b2t-space__left{top:40%!important} } /* Learning loop */ #model-cycle.model-cycle{padding:72px 0 64px!important} #model-cycle .model-cycle-head{margin-bottom:34px!important} #model-cycle #model-cycle-title{font-size:clamp(38px,3.8vw,50px)!important} #model-cycle .model-cycle-intro{margin-top:14px!important;font-size:15px!important} #model-cycle .model-cycle-tab{min-height:142px!important;padding:20px!important} #model-cycle .model-cycle-tab .model-cycle-number{margin-bottom:22px!important} #model-cycle .model-cycle-tab strong{font-size:24px!important;margin-bottom:8px!important} #model-cycle .model-cycle-tab small{font-size:12px!important} #model-cycle .model-cycle-panels{margin-top:30px!important} #model-cycle .model-cycle-panel{padding:28px 32px!important;border-radius:18px!important} #model-cycle .model-cycle-panel h3{font-size:clamp(28px,2.7vw,34px)!important} #model-cycle .model-cycle-panel>p:not(.model-cycle-why):not(.model-cycle-next){font-size:15px!important;line-height:1.65!important} /* Truth Loop: preserve trust signal, remove whitepaper scale */ #truth-loop .truth-inner{padding:84px 0 96px!important} #truth-loop h2{font-size:clamp(38px,3.8vw,50px)!important} #truth-loop .truth-lead{font-size:15px!important;line-height:1.7!important} #truth-loop .truth-steps{margin-top:52px!important} #truth-loop .truth-steps>div{min-height:108px!important;padding:18px 14px!important} #truth-loop .truth-responses{margin-top:48px!important} #truth-loop .truth-responses p{padding:18px 0!important} #truth-loop .truth-final{margin-top:62px!important;padding-top:34px!important} #truth-loop .truth-final h3{font-size:clamp(30px,3vw,40px)!important} #truth-loop .truth-final p{margin-top:26px!important} /* MiiMochi: product proof, not another hero */ #miimochi-meet.miimochi-meet{padding:78px 0 84px!important} #miimochi-meet .miimochi-meet__intro{margin-bottom:42px!important} #miimochi-meet .miimochi-meet__intro h2{font-size:clamp(36px,3.5vw,48px)!important} #miimochi-meet .miimochi-meet__subtitle{font-size:15px!important;margin-top:16px!important} #miimochi-meet .miimochi-meet__layout{gap:clamp(36px,4vw,56px)!important} #miimochi-meet .miimochi-meet__demo{min-height:390px!important} #miimochi-meet .miimochi-meet__copy h3{font-size:clamp(28px,2.4vw,36px)!important} #miimochi-meet .miimochi-meet__body{margin-top:18px!important;gap:12px!important} #miimochi-meet .miimochi-meet__body p{font-size:14px!important;line-height:1.65!important} #miimochi-meet .miimochi-meet__actions{margin-top:26px!important} /* Clean final decision */ .home-final-cta{background:#06100d;color:#eef4ef;border-top:1px solid rgba(255,255,255,.08);padding:84px 24px 92px} .home-final-cta__inner{width:min(100%,980px);margin:0 auto;text-align:center} .home-final-cta__kicker{margin:0 0 16px;color:#9ed8b7;font:650 10px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em} .home-final-cta h2{margin:0;font-size:clamp(38px,4vw,52px);line-height:1.08;letter-spacing:-.04em;font-weight:600} .home-final-cta__inner>p:not(.home-final-cta__kicker){max-width:660px;margin:20px auto 0;color:rgba(238,244,239,.58);font-size:15px;line-height:1.7} .home-final-cta__actions{margin-top:30px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap} .home-final-cta__actions a{min-height:44px;padding:0 18px;border-radius:999px;display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:13px;font-weight:650} .home-final-cta__primary{background:#b9ffcb;color:#06100d} .home-final-cta__secondary{border:1px solid rgba(185,255,203,.32);color:#edf4ef} .home-final-cta__research{color:rgba(237,244,239,.58);padding-left:12px!important;padding-right:12px!important} @media(max-width:900px){ #body-state .state-content{width:calc(100% - 40px)!important;padding:64px 0!important;align-items:stretch!important} #body-state .state-kicker,#body-state h2,#body-state .state-intro,#body-state .state-grid,#body-state .state-result{width:100%!important} #bio2twin-system.b2t-spine-v1{padding:68px 20px!important} #bio2twin-system .b2t-spine-v1__morphology{min-height:340px!important} #bio2twin-system .b2t-spine-v1__morphology img{height:300px!important} #model-cycle.model-cycle{width:calc(100% - 40px)!important;padding:64px 0 56px!important} #truth-loop .truth-inner{width:calc(100% - 40px)!important;padding:68px 0 76px!important} #miimochi-meet.miimochi-meet{padding:68px 0 72px!important} .home-final-cta{padding:68px 20px 74px} } @media(max-width:620px){ #body-state .state-grid{grid-template-columns:1fr!important} #body-state .state-grid button{min-height:78px!important} .home-final-cta__actions{flex-direction:column} .home-final-cta__actions a{width:100%;justify-content:center;max-width:320px} } /* home-ux-final-v2 */ /* HOME_UX_FINAL_V2 — proportion closure */ .bt-scale-depth-scroll-scene{min-height:calc(100svh + 140px)!important} .hero-copy h1{font-size:clamp(40px,4.3vw,56px)!important;max-width:920px!important} .hero-model-line{font-size:10px!important} .hero-intro{font-size:15px!important;line-height:1.55!important} .hero-lead{font-size:15px!important;margin-top:20px!important} .hero-actions{margin-top:26px!important;gap:12px!important} .button{min-height:46px!important;padding:0 18px!important;font-size:13px!important} #member-start.member-start{padding:64px 0 68px!important} #member-start .member-start__head h2{font-size:clamp(36px,3.8vw,48px)!important;line-height:1.08!important} #member-start .member-start__head>p:last-child{margin-top:18px!important;font-size:15px!important;line-height:1.7!important} #member-start .member-start__grid{margin-top:30px!important} #member-start .member-start__grid article{min-height:164px!important;padding:22px!important} #member-start .member-start__grid h3{margin:34px 0 10px!important;font-size:20px!important} #member-start .member-start__grid p{font-size:12px!important;line-height:1.6!important} #member-start .member-start__actions{margin-top:24px!important} @media(max-width:800px){ .bt-scale-depth-scroll-scene{min-height:calc(100svh + 80px)!important} .hero-copy h1{font-size:clamp(34px,8vw,44px)!important} #member-start.member-start{padding:52px 0 56px!important} #member-start .member-start__head h2{font-size:34px!important} #member-start .member-start__grid{margin-top:24px!important} #member-start .member-start__grid article{padding:20px 4px!important} #member-start .member-start__grid h3{margin-top:22px!important} } /* home-ux-final-v3 */ /* HOME_UX_FINAL_V3 — mobile closure + tighter desktop */ @media(min-width:901px){ #body-state .state-content{padding:72px 0!important} #body-state .state-grid button{min-height:82px!important} #bio2twin-system.b2t-spine-v1{padding-top:72px!important;padding-bottom:72px!important} #bio2twin-system .b2t-spine-v1__morphology{min-height:350px!important} #bio2twin-system .b2t-spine-v1__morphology img{height:310px!important} #model-cycle.model-cycle{padding-top:64px!important;padding-bottom:56px!important} #truth-loop .truth-inner{padding-top:72px!important;padding-bottom:82px!important} #miimochi-meet.miimochi-meet{padding-top:68px!important;padding-bottom:72px!important} } @media(max-width:900px){ /* Data section becomes a real mobile data picker instead of a 2300px diagram */ #b2t-space.b2t-space{height:auto!important;min-height:0!important;max-height:none!important;padding:64px 20px!important;overflow:hidden!important} #b2t-space .b2t-space__frame{height:auto!important;overflow:visible!important} #b2t-space .b2t-space__copy{position:relative!important;left:auto!important;top:auto!important;max-width:none!important;pointer-events:auto!important} #b2t-space .b2t-space__copy h2{font-size:34px!important;line-height:1.08!important} #b2t-space .b2t-space__copy>p{font-size:14px!important;margin-top:14px!important} #b2t-space .b2t-space__privacy-lead{margin-top:18px!important} #b2t-space .b2t-space__privacy-body{font-size:12px!important;line-height:1.6!important} #b2t-space .b2t-space__stage{position:relative!important;inset:auto!important;height:auto!important;margin-top:28px!important} #b2t-space .b2t-space__left{position:relative!important;left:auto!important;top:auto!important;width:100%!important;gap:8px!important} #b2t-space .b2t-space__input{min-height:60px!important} #b2t-space .b2t-space__svg,#b2t-space .b2t-space__person,#b2t-space .b2t-space__cloud,#b2t-space [class*="b2t-space__label"]{display:none!important} /* Member onboarding stays compact */ #member-start .member-start__grid article{min-height:0!important;padding:16px 4px!important} #member-start .member-start__grid h3{margin:12px 0 6px!important;font-size:18px!important} #member-start .member-start__grid p{font-size:12px!important;line-height:1.55!important} #member-start .member-start__actions{margin-top:20px!important;gap:8px!important} #member-start .member-start__actions small{margin-top:2px!important} } @media(max-width:620px){ /* State: six choices without six full cards */ #body-state .state-content{padding:56px 0!important} #body-state .state-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important} #body-state .state-grid button{min-height:62px!important;padding:12px!important} #body-state .state-grid strong{margin:0!important;font-size:15px!important} #body-state .state-grid span{display:none!important} #body-state .state-result{margin-top:18px!important;padding:18px!important} /* OI overview remains visible but compact */ #bio2twin-system.b2t-spine-v1{padding:56px 20px!important} #bio2twin-system .b2t-spine-v1__copy h2{font-size:34px!important} #bio2twin-system .b2t-spine-v1__copy>p:last-of-type{font-size:13px!important;margin-top:16px!important} #bio2twin-system .b2t-spine-v1__actions{margin-top:20px!important;gap:8px!important} #bio2twin-system .b2t-spine-v1__actions a{min-height:42px!important;width:100%!important;justify-content:space-between!important} #bio2twin-system .b2t-spine-v1__morphology{min-height:250px!important;margin-top:22px!important} #bio2twin-system .b2t-spine-v1__morphology img{height:220px!important} #bio2twin-system .b2t-spine-v1__statement{margin-top:28px!important;padding:16px 0!important;gap:8px!important} #bio2twin-system .b2t-spine-v1__statement p{font-size:11px!important} #bio2twin-system .b2t-spine-v1__flow{margin-top:28px!important} #bio2twin-system .b2t-spine-v1__flow article{min-height:180px!important} #bio2twin-system .b2t-spine-v1__footer{margin-top:18px!important;padding:12px 14px!important} /* Model cycle is horizontally browsable instead of a tall stack */ #model-cycle.model-cycle{padding:52px 0 48px!important} #model-cycle #model-cycle-title{font-size:34px!important} #model-cycle .model-cycle-intro{font-size:13px!important} #model-cycle .model-cycle-tabs{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory;scrollbar-width:none} #model-cycle .model-cycle-tabs::-webkit-scrollbar{display:none} #model-cycle .model-cycle-tab{flex:0 0 190px!important;min-height:108px!important;padding:14px!important;scroll-snap-align:start} #model-cycle .model-cycle-tab .model-cycle-number{margin-bottom:12px!important} #model-cycle .model-cycle-tab strong{font-size:20px!important} #model-cycle .model-cycle-tab small{font-size:11px!important} #model-cycle .model-cycle-panels{margin-top:22px!important} #model-cycle .model-cycle-panel{padding:22px 18px!important} #model-cycle .model-cycle-panel h3{font-size:27px!important} #model-cycle .model-cycle-panel>p:not(.model-cycle-why):not(.model-cycle-next){font-size:13px!important} } @media(max-width:620px){ /* Truth Loop: keep method, remove redundant long-form explanations on home */ #truth-loop .truth-inner{padding:56px 0 64px!important} #truth-loop h2{font-size:34px!important} #truth-loop .truth-lead{font-size:13px!important;line-height:1.6!important} #truth-loop .truth-note{font-size:11px!important} #truth-loop .truth-steps{grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-top:34px!important} #truth-loop .truth-steps>div{min-height:84px!important;padding:12px 8px!important} #truth-loop .truth-steps img{display:none!important} #truth-loop .truth-steps b{font-size:9px!important} #truth-loop .truth-steps>div>strong{font-size:12px!important;line-height:1.35!important} #truth-loop .truth-step-explainer{display:none!important} #truth-loop .truth-responses{display:none!important} #truth-loop .truth-final{margin-top:38px!important;padding-top:24px!important} #truth-loop .truth-final h3{font-size:28px!important} #truth-loop .truth-final p{margin-top:16px!important;font-size:12px!important} #truth-loop .truth-final strong{font-size:18px!important} /* MiiMochi proof */ #miimochi-meet.miimochi-meet{padding:56px 0 62px!important} #miimochi-meet .miimochi-meet__intro{margin-bottom:30px!important} #miimochi-meet .miimochi-meet__intro h2{font-size:34px!important} #miimochi-meet .miimochi-meet__subtitle{font-size:13px!important} #miimochi-meet .miimochi-meet__layout{gap:26px!important} #miimochi-meet .miimochi-meet__demo{min-height:330px!important} #miimochi-meet .miimochi-meet__thread{padding:18px 14px 12px!important;gap:14px!important} #miimochi-meet .miimochi-meet__replies{gap:6px!important} #miimochi-meet .miimochi-meet__replies p{font-size:13px!important;line-height:1.5!important} #miimochi-meet .miimochi-meet__context{padding:10px 14px!important} #miimochi-meet .miimochi-meet__copy h3{font-size:28px!important} #miimochi-meet .miimochi-meet__body p{font-size:13px!important} #miimochi-meet .miimochi-meet__secondary{margin-top:18px!important;font-size:13px!important} #miimochi-meet .miimochi-meet__actions{margin-top:20px!important} } /* home-ux-final-v4 */ /* HOME_UX_FINAL_V4 — flatten hero scroll scene */ .bt-scale-depth-scroll-scene{min-height:0!important;height:auto!important} .bt-scale-depth-sticky{ position:relative!important; top:auto!important; height:860px!important; min-height:860px!important; padding-top:92px!important; padding-bottom:28px!important; } @media(max-width:900px){ .bt-scale-depth-sticky{height:760px!important;min-height:760px!important;padding-top:86px!important} } @media(max-width:520px){ .bt-scale-depth-sticky{height:680px!important;min-height:680px!important;padding-top:72px!important;padding-bottom:18px!important} .bt-scale-depth-progress{display:none!important} } /* home-ux-final-v5 */ #body-state .state-bg{background:linear-gradient(90deg,rgba(3,8,7,.20) 0%,rgba(3,8,7,.55) 48%,rgba(3,8,7,.94) 72%,rgba(3,8,7,.98) 100%),url('/assets/section2-v2.webp') center center / cover no-repeat!important} /* B2T_SPACE_OVERLAP_FIX_V1 */ @media (min-width:901px){ #b2t-space .b2t-space__left{top:46% !important;} #b2t-space .b2t-space__privacy-links{position:relative;z-index:40;pointer-events:auto;} #b2t-space .b2t-space__privacy{padding-bottom:8px;} }