.tea-home .phone-proof .hero-film{aspect-ratio:auto;perspective:1500px;height:clamp(470px,44vw,560px)}.tea-home .hero-film:before{content:"";z-index:-1;pointer-events:none;background:url(/brand/tea-home/phone-before.jpg) 0 52%/340%;position:absolute;inset:-14% -24%;-webkit-mask-image:radial-gradient(#000 16%,#0000 70%);mask-image:radial-gradient(#000 16%,#0000 70%)}.tea-home .hero-device-fallback{position:absolute;inset:0;overflow:hidden}.tea-home .hero-device-fallback img{object-fit:cover;width:232%;max-width:none;height:122%;position:absolute;top:-5%;right:-8%;-webkit-mask-image:linear-gradient(#0000,#000 8% 84%,#0000);mask-image:linear-gradient(#0000,#000 8% 84%,#0000)}:is(.tea-home .hero-film:has(.explorer-device) .hero-device-fallback,.tea-home[data-hero-explorer=open] .hero-device-fallback){display:none}.tea-home .hero-explore-hit{z-index:5;cursor:pointer;border-radius:inherit;width:100%;height:100%;color:var(--forest);background:0 0;border:0;padding:0;position:absolute;inset:0}.tea-home .hero-explore-hit:focus-visible{outline:2px solid var(--forest);outline-offset:7px}.tea-home .hero-device-host{aspect-ratio:1/2;perspective:1500px;width:auto;height:94%;position:absolute;top:3%;left:50%;transform:translate(-50%)}.tea-home .explorer-device{perspective:1500px;width:100%;height:100%;position:relative}.tea-home .device-frame{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;background:linear-gradient(115deg,#faf7ee 0%,#464744 2%,#171918 5%,#777971 50%,#111614 92%,#cac9bc 98%,#4e524a 100%);border:2px solid #a4a298;border-radius:38px;padding:7px;transition:transform .65s cubic-bezier(.2,.68,.2,1);position:relative;transform:rotateX(3deg)rotateY(-9deg)rotate(-3deg);box-shadow:1px 1px 0 1px #161c16,7px 7px #66665e,9px 9px 0 1px #bab9a9,18px 24px 25px -8px #25322455}:is(.tea-home .hero-film:has(.hero-explore-hit:hover) .device-frame,.tea-home .hero-film:has(.hero-explore-hit:focus-visible) .device-frame){transform:translateY(-3px)rotateX(2deg)rotateY(-5deg)rotate(-2deg)}.tea-home .device-side{background:linear-gradient(#acae9d,#34382e,#a2a596);border-radius:2px;width:3px;position:absolute}.tea-home .device-side-left{height:35px;top:24%;left:-5px;box-shadow:0 43px #646959}.tea-home .device-side-right{height:62px;top:30%;right:-8px}.tea-home .device-glass{isolation:isolate;background:#222522;border:1px solid #000;border-radius:29px;width:100%;height:100%;transition:background .4s;position:relative;overflow:hidden}.tea-home .device-status{color:#f8f8ef;height:29px;font:600 8px/1 var(--sans);z-index:2;justify-content:space-between;align-items:center;padding:5px 15px;display:flex;position:relative}.tea-home .device-status>i{background:#060a07;border-radius:12px;width:31%;height:15px;position:absolute;top:3px;left:34.5%;box-shadow:inset 0 1px 1px #3d3e39}.tea-home .device-status>i:after{content:"";background:radial-gradient(circle,#293b3a,#050905);border-radius:50%;width:6px;height:6px;position:absolute;top:4px;right:8px}.tea-home .device-status b{border:1px solid;border-radius:2px;width:13px;height:6px;margin-left:3px;display:inline-block;position:relative}.tea-home .device-status b:after{content:"";background:currentColor;position:absolute;inset:1px}.tea-home .phone-idle-screen{color:#f0f1eb;font:10px/1.65 var(--sans);opacity:1;background:#222522;flex-direction:column;transition:opacity .22s;display:flex;position:absolute;inset:29px 0 8px;overflow:hidden}.tea-home .idle-app-title{color:#c1c6bc;justify-content:space-between;align-items:center;padding:5px 13px 13px;font-size:10px;display:flex}.tea-home .idle-app-title strong{font-size:9px;font-weight:550}.tea-home .idle-scroll{flex:1;min-height:0;padding:0 13px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 90%,#0000);mask-image:linear-gradient(#000 90%,#0000)}.tea-home .idle-answer{animation:12.5s ease-in-out infinite both paused device-answer-scroll}.tea-home .phone-idle-screen[data-moving=true] .idle-answer{animation-play-state:running}.tea-home .idle-query{color:#f4f5ec;background:#363c34;border-radius:12px 12px 3px;margin:0 0 18px 12%;padding:8px 10px;font-size:9px;line-height:1.6}.tea-home .idle-answer pre{font:500 8.5px/1.8 var(--sans);color:#e1e5da;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.tea-home .idle-caption{color:#dce8ca;background:#283226;border-top:1px solid #47533e;border-radius:6px;flex:none;margin:8px 10px 5px;padding:10px 11px;font-size:8px;line-height:1.7}.tea-home .idle-caption span{letter-spacing:.04em;color:#adbea0;font-size:7px;display:block}.tea-home .idle-caption strong{font-size:10px;font-weight:550}.tea-home .device-home-bar{z-index:4;background:#c9cdc3;border-radius:3px;width:28%;height:3px;position:absolute;bottom:3px;left:36%}@keyframes device-answer-scroll{0%,12%{transform:translateY(0)}80%,to{transform:translateY(min(0px,200px - 100%))}}.tea-home .phone-live-screen{background:var(--cream);color:var(--forest);opacity:0;visibility:hidden;flex-direction:column;transition:opacity .3s;display:flex;position:absolute;inset:32px 0 10px}.tea-home.hero-explorer-scope{background:0 0}.tea-home .hero-explorer{width:100%;max-width:none;height:100svh;max-height:none;color:var(--forest);background:0 0;border:0;outline:none;margin:0;padding:22px;position:fixed;inset:0;overflow:hidden}.tea-home .hero-explorer[open]{place-items:center;display:grid}.tea-home .hero-explorer::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f0f2e4b8;animation:.55s both explorer-backdrop-in}@keyframes explorer-backdrop-in{0%{opacity:0}to{opacity:1}}.tea-home .hero-device-host[data-expanded=true]{aspect-ratio:1/2;width:min(424px,100vw - 32px,50svh - 20px);height:auto;position:relative;inset:auto;transform:none}.tea-home .hero-device-host[data-expanded=true] .device-frame{border-radius:43px;padding:8px;transition:none;transform:none;box-shadow:1px 1px 0 1px #161c16,5px 5px #66665e,7px 7px 0 1px #bab9a9,20px 35px 65px -20px #25322455}.tea-home .hero-device-host[data-expanded=true] .device-glass{background:var(--cream);border-radius:33px}.tea-home .hero-device-host[data-expanded=true] .device-status{color:var(--forest);background:var(--cream);letter-spacing:.08em;height:32px;padding:6px 25px;font-size:7px}.tea-home .hero-device-host[data-expanded=true] .device-status>i{width:100px;height:16px;top:3px;left:calc(50% - 50px)}.tea-home .hero-device-host[data-expanded=true] .phone-idle-screen{opacity:0;pointer-events:none}.tea-home .hero-device-host[data-expanded=true] .phone-live-screen{opacity:1;visibility:visible;transition:opacity .32s .18s}.tea-home .hero-device-host[data-returning=true] .phone-live-screen{opacity:0;transition:opacity .18s}.tea-home .hero-device-host[data-returning=true] .phone-idle-screen{opacity:1;transition:opacity .2s}.tea-home .explorer-viewport[data-dragging=true] .explorer-track{-webkit-user-select:none;user-select:none;cursor:grabbing;transition:none}.tea-home .explorer-header{background:var(--cream);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px 14px;display:flex;position:relative}.tea-home .explorer-kicker{letter-spacing:.1em;color:var(--sage);margin:0 0 10px;font-size:9px;font-weight:650;line-height:1.6}.tea-home .explorer-header .explorer-kicker{margin:0 0 5px;font-size:8px}.tea-home .explorer-header h2{font:600 19px/1.35 var(--sans);letter-spacing:-.45px;margin:0}.tea-home .explorer-close{border:1px solid var(--line);width:44px;height:44px;color:var(--forest);background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;font-size:26px;line-height:1;display:grid}.tea-home .explorer-close:hover{background:var(--wash)}.tea-home .explorer-tabs{border-bottom:1px solid var(--line);flex:none;gap:26px;padding:0 22px;display:flex}.tea-home .explorer-tabs button{min-height:52px;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 3px 14px;font-size:13px;font-weight:600;line-height:1.5}.tea-home .explorer-tabs button span{color:var(--sage);margin-right:9px;font-size:10px;font-weight:400}.tea-home .explorer-tabs button[aria-selected=true]{color:var(--forest);border-bottom-color:var(--forest)}.tea-home .explorer-viewport{touch-action:pan-y pinch-zoom;flex:1;min-height:0;overflow:hidden}.tea-home .explorer-track{transform:translateX(var(--drag,0px));width:200%;height:100%;transition:transform .45s cubic-bezier(.22,1,.36,1);display:flex}.tea-home .explorer-track[data-view=report]{transform:translateX(calc(-50% + var(--drag,0px)))}.tea-home .explorer-panel{overscroll-behavior:contain;scrollbar-gutter:stable;outline-offset:-4px;flex:0 0 50%;width:50%;min-width:0;height:100%;padding:26px 22px 30px;overflow-y:auto}.tea-home .explorer-result-heading h3,.tea-home .explorer-report-heading h3{font:550 32px/1.13 var(--sans);letter-spacing:-1.4px;color:var(--forest);margin:0 0 15px}.tea-home .explorer-result-heading h3 span,.tea-home .explorer-report-heading h3 span{color:var(--sage)}.tea-home .explorer-result-heading>p:last-child,.tea-home .explorer-report-heading>p:last-child{margin:0 0 23px;font-size:13px;line-height:1.7}.tea-home .explorer-query{background:#edf1e5;border-radius:10px;margin:0 0 19px;padding:18px 20px}.tea-home .explorer-query>span{letter-spacing:.09em;color:var(--sage);font-size:8px}.tea-home .explorer-query p{color:var(--forest);margin:7px 0 0;font-size:17px;font-weight:550;line-height:1.5}.tea-home .explorer-answer-switch{gap:10px;margin-bottom:19px;display:flex}.tea-home .explorer-answer-switch button{border:1px solid var(--line);min-height:44px;color:var(--muted);text-align:left;background:0 0;border-radius:5px;flex:1;padding:10px 17px;font-size:11px;line-height:1.6}.tea-home .explorer-answer-switch button span{color:var(--forest);margin-right:12px;font-weight:650}.tea-home .explorer-answer-switch button[aria-pressed=true]{background:#eaf0df;border-color:#92a879}.tea-home .explorer-answer{animation:.25s both explorer-answer-in}@keyframes explorer-answer-in{0%{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:none}}.tea-home .explorer-answer ol{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.tea-home .explorer-answer li{border-bottom:1px solid var(--line);min-height:56px;color:var(--muted);align-items:center;gap:17px;padding:13px 16px;font-size:14px;display:flex}.tea-home .explorer-answer li>span{width:18px;color:var(--sage);font-size:11px;font-weight:400}.tea-home .explorer-answer li strong{font-weight:550;line-height:1.5}.tea-home .explorer-answer li.is-degroot{background:var(--forest);color:var(--cream);border-color:var(--forest)}.tea-home .explorer-answer li.is-degroot>span{color:#c5d6b3}.tea-home .explorer-answer li small{color:#dce9bd;margin-left:auto;padding-left:8px;font-size:9px;font-weight:600}.tea-home .explorer-count{margin:13px 0 15px;font-size:12px;line-height:1.7}.tea-home .explorer-count strong{color:var(--forest)}.tea-home .hero-explorer summary{min-height:44px;color:var(--forest);cursor:pointer;padding:11px 0;font-size:12px;font-weight:550;line-height:1.6}.tea-home .hero-explorer details>p{margin:12px 0;font-size:12px;line-height:1.8}.tea-home .explorer-answer pre{font:12px/1.85 var(--sans);white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--line);color:var(--forest);background:#edf1e5;border-radius:8px;margin:12px 0 20px;padding:20px}.tea-home .explorer-bridge{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:22px 0 13px;padding:22px 0}.tea-home .explorer-bridge p{max-width:550px;margin:0 0 9px;font-size:13px;line-height:1.8}.tea-home .explorer-bridge button,.tea-home .explorer-full-report{min-height:44px;color:var(--forest);background:0 0;border:0;border-bottom:1px solid #9bac8b;align-items:center;gap:25px;padding:8px 0;font-size:12px;font-weight:650;line-height:1.5;text-decoration:none;display:inline-flex}.tea-home .hero-explorer svg{flex:none;width:20px;height:20px}.tea-home .hero-explorer .explorer-fine{color:var(--muted);font-size:10px;line-height:1.75}.tea-home .explorer-scope{margin:22px 0 0}.tea-home .explorer-footer{border-top:1px solid var(--line);background:#f4f6ee;flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:72px;padding:10px 26px;display:flex}.tea-home .explorer-footer>button{min-height:44px;color:var(--forest);background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;gap:10px;padding:10px 8px;font-size:12px;font-weight:600;display:flex}.tea-home .explorer-footer>button:disabled{opacity:.32}.tea-home .explorer-footer>button:hover:not(:disabled){background:#e7eddf}.tea-home .explorer-position{text-align:center;white-space:nowrap;font-size:11px;font-weight:650}.tea-home .explorer-position>span{color:#8a977f;margin-left:3px;font-weight:400}.tea-home .explorer-position small{color:var(--muted);margin-top:3px;font-size:8px;font-weight:400;display:block}.tea-home .explorer-snapshot{background:var(--forest);color:var(--cream);border-radius:10px;margin:24px 0 31px;padding:22px 24px}.tea-home .explorer-snapshot>span{letter-spacing:.09em;color:#cfddbc;font-size:8px}.tea-home .explorer-snapshot>p{color:var(--cream);margin:10px 0;font-size:17px;line-height:1.6}.tea-home .explorer-snapshot strong{font-size:22px;font-weight:650}.tea-home .explorer-snapshot .explorer-fine{color:#cfddbc;margin-bottom:0}.tea-home .explorer-priorities>h3{font:550 28px/1.2 var(--sans);letter-spacing:-.8px;margin:0 0 12px}.tea-home .explorer-priorities>ol,.tea-home .explorer-rest{margin:20px 0 0;padding:0;list-style:none}.tea-home .explorer-action{border-top:1px solid var(--line);gap:18px;padding:22px 0;display:flex}.tea-home .explorer-action-number{color:var(--sage);flex:none;padding-top:3px;font-size:12px;line-height:1.5}.tea-home .explorer-action>div{min-width:0}.tea-home .explorer-action h4{font:600 19px/1.4 var(--sans);letter-spacing:-.4px;color:var(--forest);margin:0 0 11px}.tea-home .explorer-action p{margin:0 0 10px;font-size:13px;line-height:1.8}.tea-home .explorer-action .explorer-effort{color:var(--sage);margin:0 0 7px;font-size:9px;line-height:1.5}.tea-home .explorer-action details>p{margin:12px 0;font-size:12px}.tea-home .explorer-action summary{font-size:11px}.tea-home .explorer-report-detail{border-top:1px solid var(--line);padding:8px 0}.tea-home .explorer-table-wrap{touch-action:pan-x pan-y pinch-zoom;margin:10px 0 15px;overflow-x:auto}.tea-home .explorer-table-wrap table{border-collapse:collapse;text-align:left;width:100%;min-width:420px;font-size:11px}.tea-home .explorer-table-wrap th,.tea-home .explorer-table-wrap td{border-bottom:1px solid var(--line);vertical-align:top;min-width:140px;padding:12px 8px}.tea-home .explorer-table-wrap th{font-weight:600}.tea-home .explorer-table-wrap small{color:var(--muted);margin-top:4px;font-size:10px;font-weight:400;line-height:1.6;display:block}.tea-home .explorer-full-report{margin-top:15px}.tea-home .explorer-loading{max-width:470px;padding:40px 0}.tea-home .explorer-loading h3{font:550 25px/1.3 var(--sans);letter-spacing:-.5px;margin:18px 0 10px}.tea-home .explorer-loading p{font-size:13px}.tea-home .explorer-loading button,.tea-home .explorer-loading a{border:0;border-bottom:1px solid var(--sage);min-height:44px;color:var(--forest);background:0 0;margin-right:20px;padding:10px 0;font-size:12px;text-decoration:none;display:inline-block}.tea-home .explorer-loading-mark{border:2px solid var(--line);border-top-color:var(--forest);border-radius:50%;width:26px;height:26px;animation:1.2s linear infinite explorer-spin;display:block}@keyframes explorer-spin{to{transform:rotate(360deg)}}@media (max-width:600px){.tea-home .phone-proof .hero-film{height:420px}.tea-home .hero-explorer{padding:10px}.tea-home .explorer-header{gap:8px;padding:26px 21px 13px}.tea-home .explorer-header h2{letter-spacing:-.5px;font-size:17px}.tea-home .explorer-header .explorer-kicker{letter-spacing:.07em;font-size:7px}.tea-home .explorer-tabs{gap:23px;padding:0 21px}.tea-home .explorer-tabs button{min-height:47px;font-size:12px}.tea-home .explorer-panel{scrollbar-gutter:auto;padding:22px 20px 30px}.tea-home .explorer-result-heading h3,.tea-home .explorer-report-heading h3{letter-spacing:-1px;font-size:31px}.tea-home .explorer-query{padding:14px 16px}.tea-home .explorer-query p{font-size:15px}.tea-home .explorer-answer-switch button{padding:10px 12px;font-size:10px}.tea-home .explorer-answer-switch button span{margin:0 0 1px;font-size:12px;display:block}.tea-home .explorer-answer li{gap:10px;padding:12px 10px;font-size:12px}.tea-home .explorer-answer .explorer-kicker{letter-spacing:.05em;font-size:7px}.tea-home .explorer-answer pre{padding:15px;font-size:11px}.tea-home .explorer-footer{gap:8px;min-height:66px;padding:8px 14px}.tea-home .explorer-footer>button{gap:6px;padding:10px 4px;font-size:10px}.tea-home .explorer-position small{font-size:7px}.tea-home .explorer-snapshot{padding:18px 20px}.tea-home .explorer-snapshot>p{font-size:15px}.tea-home .explorer-action{gap:11px}.tea-home .explorer-action h4{font-size:18px}.tea-home .explorer-action p{font-size:13px}.tea-home .hero-device-host[data-expanded=true]{width:min(100vw - 26px,50svh - 14px);height:auto}.tea-home .hero-device-host[data-expanded=true] .device-frame{border-radius:32px;padding:5px;box-shadow:1px 1px 0 1px #161c16,3px 3px #66665e,5px 5px 0 1px #bab9a9,10px 20px 40px -15px #25322455}.tea-home .hero-device-host[data-expanded=true] .device-glass{border-radius:25px}.tea-home .hero-device-host[data-expanded=true] .device-status{padding:6px 17px;font-size:6px}.tea-home .explorer-header{padding:12px 20px 10px}.tea-home .explorer-tabs{padding:0 20px}.tea-home .explorer-footer{min-height:58px;padding:5px 18px}.tea-home .explorer-footer>button{width:44px}.tea-home .device-frame{border-radius:28px;padding:5px}.tea-home .device-glass{border-radius:22px}.tea-home .device-status{padding:5px 10px;font-size:6px}.tea-home .device-status>i{height:12px}.tea-home .device-status>i:after{width:4px;height:4px}.tea-home .idle-query{margin-bottom:12px;padding:7px;font-size:7px}.tea-home .idle-answer pre{font-size:7px}.tea-home .idle-caption{margin:5px 8px;padding:7px}.tea-home .idle-caption strong{font-size:8px}.tea-home .idle-caption span{font-size:6px}}@media (prefers-reduced-motion:reduce){.tea-home .device-frame,.tea-home .phone-live-screen,.tea-home .phone-idle-screen,.tea-home .explorer-track{transition:none!important}.tea-home .hero-explorer::backdrop,.tea-home .explorer-answer,.tea-home .explorer-loading-mark,.tea-home .idle-answer{animation:none}:is(.tea-home .hero-film:has(.hero-explore-hit:hover) .device-frame,.tea-home .hero-film:has(.hero-explore-hit:focus-visible) .device-frame){transform:rotateX(3deg)rotateY(-9deg)rotate(-3deg)}}