.how-lab{padding:75px 0 35px;background:linear-gradient(145deg,#12221f,#0b1717 70%);border-top:1px solid var(--line);scroll-margin-top:20px}
.how-lab .section-intro>p{max-width:290px}.how-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:40px}
.how-tabs>button{display:flex;flex-direction:column;gap:16px;padding:26px 28px;background:#11231f;border:0;text-align:left;transition:background .2s,color .2s}.how-tabs>button:hover{background:#1d352b}.how-tabs>button[aria-selected=true]{background:var(--cream);color:#193427}.how-tabs>button>span{font-size:14px;letter-spacing:1.7px}.how-tabs strong{font-weight:500;font-size:24px;line-height:1.2;letter-spacing:-.7px}.how-tabs small{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:14px}.how-tabs b{font-size:18px;font-weight:400}
.how-panel{display:grid;grid-template-columns:.9fr 1.15fr;min-height:610px;border:1px solid var(--line);border-top:0}.how-explain{padding:48px 38px 38px}.how-explain h3{font-size:42px;letter-spacing:-1.8px;margin:25px 0}.how-explain>p{max-width:365px;font-size:14px;line-height:1.9}.how-alone{margin:28px 0 32px;padding:19px 0 0;border-top:1px solid var(--line)}.how-alone>strong{font-size:14px;font-weight:600;color:#dfedce}.how-alone p{font-size:14px;margin:7px 0 0;max-width:370px}.how-explain .button{font-size:14px;gap:20px}.how-text-link{display:block;width:fit-content;margin-top:20px;font-size:14px;color:#dbefbd;text-decoration:underline;text-underline-offset:5px}
.how-stage{position:relative;min-width:0}.luogo-stage{isolation:isolate;min-height:610px;display:grid;place-items:center;overflow:hidden}.luogo-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.how-stage-shade{position:absolute;inset:0;background:linear-gradient(0deg,#071712d9,#07171266);z-index:-2}.luogo-prompt{text-align:center;padding:40px 25px 65px}.luogo-prompt>.eyebrow{color:#ecf5e3}.mini-qr{background:#f7f5e8;padding:12px;width:116px;margin:25px auto 20px;box-shadow:0 8px 25px #0003;transform:rotate(-3deg);border-radius:3px}.mini-qr img{display:block;width:100%;height:auto}.luogo-prompt>p{font-size:28px;line-height:1.3;letter-spacing:-1px;color:white;margin-bottom:25px}.luogo-prompt>small{display:block;font-size:14px;margin-top:15px;color:#d7e2c8}.stage-caption{position:absolute;bottom:17px;left:20px;right:20px;font-size:14px;letter-spacing:1.1px;color:#dde8d0}.luogo-record{margin:32px 30px 60px;padding:28px;background:#edf1e2f5;color:#1a3429;box-shadow:0 10px 40px #0004;max-width:390px;border-radius:3px}.luogo-record>.eyebrow{color:#3a5e43}.luogo-record h4{font-size:35px;line-height:1.2;letter-spacing:-1.2px;font-weight:500;margin:20px 0 15px}.luogo-record>p{color:#4a644b;font-size:14px}.luogo-record dl{margin:22px 0}.luogo-record dl>div{border-top:1px solid #30532f2c;padding:10px 0}.luogo-record dt{font-size:14px;text-transform:uppercase;letter-spacing:.7px;color:#64795a}.luogo-record dd{font-size:14px;margin:4px 0 0}.luogo-record .button{background:#254534;color:white;font-size:14px}.how-reset{display:block;font-size:14px;margin-top:18px;padding:8px 0;background:none;border:0;color:#3f6048;text-decoration:underline;text-underline-offset:4px}
.compare-stage{background:#132821}.compare-photo{height:335px;position:relative;isolation:isolate;overflow:hidden}.compare-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.compare-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#091e18c9,transparent 90%);z-index:-1}.compare-photo .stage-caption{top:19px;bottom:auto}.reading-label{position:absolute;bottom:25px;left:28px;display:flex;flex-direction:column}.reading-label>span{font-size:14px;color:#eff7e6}.reading-label>strong{font-size:75px;font-weight:500;line-height:1.3;letter-spacing:-4px;color:#fff}.reading-label small{font-size:22px;letter-spacing:-.5px}.reference-gauge{position:absolute;right:22px;top:57px;bottom:27px;width:94px;text-align:center;display:flex;flex-direction:column;align-items:center}.reference-gauge>span,.reference-gauge>small{font-size:14px;letter-spacing:.7px;color:white}.reference-gauge>div{position:relative;height:190px;width:37px;border:1px solid #efffd278;margin:12px 0;background:repeating-linear-gradient(0deg,transparent 0 17px,#edf9e3a0 18px,transparent 19px);overflow:hidden}.reference-gauge i{position:absolute;left:0;right:0;height:3px}.gauge-before{bottom:34%;background:#edf9e3a0;border:0}.gauge-now{bottom:34%;background:#d4f2ab;box-shadow:0 0 0 7px #d4f2ab25;transition:bottom .6s}.gauge-now.is-higher{bottom:70%}.compare-controls{padding:23px 28px 27px}.visit-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px}.visit-switch button{display:flex;align-items:center;justify-content:space-between;background:none;border:1px solid #b4cea355;border-radius:3px;padding:11px 14px;font-size:14px}.visit-switch button[aria-pressed=true]{background:var(--cream);border-color:var(--cream);color:#26402b}.visit-switch span{font-size:14px}.compare-story{margin-top:23px;min-height:86px}.compare-story>strong{font-size:20px;font-weight:500;line-height:1.3;display:block;color:#e7f1db}.compare-story>p{font-size:14px;margin:9px 0 0}.how-source{border-top:1px solid var(--line);padding-top:13px;font-size:14px}.how-source summary{cursor:pointer;color:#cce4b8}.how-source p{margin:13px 0;font-size:14px}.how-source a{color:#d4f2ab;text-decoration:underline;text-underline-offset:3px}
.honey-stage{padding:32px;background:#12261f}.honey-search-label{display:block;margin:23px 0 10px;font-size:20px;letter-spacing:-.4px}.honey-search{position:relative}.honey-search input{width:100%;border:1px solid #9ebd8d;background:#f0f3e8;color:#243e2a;border-radius:3px;padding:12px 40px 12px 14px;font-size:14px}.honey-search>span{position:absolute;right:13px;top:4px;color:#2a4d33;font-size:26px}.honey-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.honey-chips button{background:none;border:1px solid #c1d6ab44;border-radius:22px;padding:7px 13px;min-height:38px;font-size:14px}.honey-chips button:hover{background:#c1d6ab15}.honey-count{font-size:14px;margin:23px 0 11px}.honey-results{display:grid;gap:9px}.honey-result{display:flex;flex-direction:column;gap:6px;background:#d2e7bc09;border:1px solid var(--line);border-radius:3px;padding:14px 15px;text-align:left}.honey-result:hover,.honey-result[aria-expanded=true]{background:#d2e7bc15;border-color:#bddfa26b}.honey-result>span:first-child{font-size:14px;color:#b1c79c;letter-spacing:.3px}.honey-result strong{font-size:14px;font-weight:500;color:#f1f6e8}.honey-result>span{font-size:14px;color:#b4c7a7}.honey-result b{font-size:14px;color:var(--lime);font-weight:500;margin-top:3px}.honey-boundary{font-size:14px;margin:17px 0 0;line-height:1.7}.honey-empty{padding:25px 0}.honey-empty strong{font-size:20px;font-weight:500}.honey-empty p{font-size:14px;margin-top:12px}.honey-detail{margin-top:18px;padding:22px;background:var(--cream);color:#223f2c;border-radius:3px}.honey-detail .eyebrow{color:#4b6a45;font-size:14px}.honey-detail h4{font-size:23px;line-height:1.25;letter-spacing:-.7px;font-weight:500;margin:18px 0}.honey-detail dl{margin:0}.honey-detail dl>div{display:grid;grid-template-columns:65px 1fr;gap:10px;padding:8px 0;border-top:1px solid #1a42252b}.honey-detail dt{font-size:14px;font-weight:600}.honey-detail dd{font-size:14px;margin:0}.honey-detail p{color:#496246;font-size:14px;margin:17px 0 0}.honey-detail .source-unknown{border-top:1px solid #1a42252b;padding-top:14px}.honey-detail a{color:#275a39;font-size:14px}
.how-join{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:42px 0 32px}.how-join h3{font-size:30px;letter-spacing:-1px;margin:18px 0}.how-join p{font-size:14px;margin:0}.how-connected{border:1px solid var(--line);background:#162b22;padding:30px}.connected-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:26px 0}.connected-steps article{border-top:1px solid #cfe2b54d;padding-top:18px}.connected-steps article>span{font-size:14px;letter-spacing:1.5px;color:#c2daac}.connected-steps h4{font-size:23px;font-weight:500;letter-spacing:-.6px;line-height:1.3;margin:17px 0 9px}.connected-steps p{font-size:14px;margin:0}.connected-result{font-size:16px;color:#e0eccf;margin:28px 0}.how-demo-note{font-size:14px;color:#8fa783;border-top:1px solid var(--line);padding-top:17px;margin-top:23px}
@media(max-width:850px){.how-tabs>button{padding:23px 20px}.how-tabs strong{font-size:20px}.how-panel{grid-template-columns:1fr 1.1fr}.how-explain{padding:35px 25px}.how-explain h3{font-size:34px}.how-explain .button{font-size:14px}.honey-stage{padding:25px}.how-join{align-items:start}.how-join .button{max-width:220px}.luogo-record{margin-left:22px;margin-right:22px;padding:23px}.connected-steps h4{font-size:20px}}
@media(max-width:600px){.how-lab{padding:45px 0 20px}.how-lab .section-intro{gap:18px}.how-lab h2{font-size:35px}.how-tabs{margin-top:27px;gap:0;border:0;background:none}.how-tabs>button{padding:15px 9px;gap:12px;border:1px solid var(--line);min-width:0}.how-tabs>button>span{font-size:14px;letter-spacing:.7px}.how-tabs strong{font-size:15px;letter-spacing:-.5px;min-height:37px}.how-tabs small{font-size:14px;gap:3px;line-height:1.5}.how-tabs b{font-size:14px}.how-panel{grid-template-columns:1fr}.how-explain{padding:30px 23px}.how-explain h3{font-size:35px;margin:19px 0}.how-explain>p{font-size:14px}.how-alone{margin:22px 0 24px;padding-top:16px}.how-alone p{font-size:14px}.how-explain .button{font-size:14px;width:100%}.how-text-link{font-size:14px;margin-top:18px}.luogo-stage{min-height:490px}.luogo-prompt{padding:30px 20px 55px}.luogo-record{padding:25px;margin:25px 22px 54px;max-width:none}.luogo-record h4{font-size:31px}.compare-photo{height:285px}.reading-label{left:22px;bottom:23px}.reading-label>strong{font-size:66px}.reference-gauge{right:15px;top:47px;bottom:20px;width:75px}.reference-gauge>div{height:160px}.compare-controls{padding:20px}.visit-switch button{padding:11px 10px;font-size:14px}.visit-switch span{font-size:14px}.compare-story>strong{font-size:20px}.compare-story{min-height:98px}.honey-stage{padding:26px 20px}.honey-search-label{font-size:19px}.honey-search input{font-size:16px;padding-right:32px}.honey-chips{gap:6px}.honey-chips button{font-size:14px;padding:8px 12px;min-height:42px}.honey-result{padding:14px 12px;gap:7px}.honey-result strong{font-size:14px}.honey-result>span:first-child{font-size:14px}.honey-result>span{font-size:14px}.honey-detail{padding:19px 16px}.honey-detail h4{font-size:22px}.honey-detail dl>div{grid-template-columns:55px 1fr}.honey-detail dd{overflow-wrap:anywhere}.how-join{display:block;padding:30px 0 24px}.how-join h3{font-size:28px}.how-join p{font-size:14px}.how-join .button{margin-top:23px;max-width:none;width:100%;font-size:14px}.how-connected{padding:23px 20px}.connected-steps{grid-template-columns:1fr;gap:20px}.connected-steps h4{font-size:23px;margin-top:12px}.connected-result{font-size:14px}.how-connected .actions{align-items:start;flex-direction:column;gap:15px}.how-connected .button{font-size:14px}.how-demo-note{font-size:14px;margin-top:12px}}
@media(prefers-reduced-motion:reduce){.gauge-now,.how-tabs>button{transition:none}}