.compare-header{display:none;@media(max-width:767px){display:flex;position:sticky;top:6.1rem;z-index:10;background-color:var(--color-surface-container-low);border-bottom:var(--border-ghost);padding:var(--space-3) var(--space-4);gap:var(--space-3);border-radius:var(--radius-sm);.spacer{display:none}.col{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);&.them{opacity:.6;.name{color:var(--color-secondary)}}&.us .name{color:var(--color-primary)}}.icon{width:1.75rem;height:1.75rem;object-fit:contain}.icon-symbol{font-size:1.5rem;color:var(--color-outline)}.name{font-family:var(--font-hebrew);font-size:var(--text-label-lg);font-weight:800}}}.bowel-chat{position:absolute;inset:0;background:#f2f2f7;display:flex;flex-direction:column;font-family:-apple-system,SF Pro Text,system-ui,sans-serif;-webkit-font-smoothing:antialiased;--brown: #99551f;--food-blue: #2f80d6;&.branch-food{--brown: var(--food-blue)}.chat-header{flex-shrink:0;display:flex;align-items:center;gap:10px;padding:56px 16px 10px;background:#fff;border-bottom:.5px solid #e5e5ea;.back{width:32px;height:32px;border-radius:50%;background:#efeff4;display:flex;align-items:center;justify-content:center;& svg{width:16px;height:16px;fill:none;stroke:#8e8e93;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}}.beti-avatar{width:34px;height:34px;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 0 0 1px #e5e5ea;& img{width:100%;height:100%;object-fit:cover}}.who{display:flex;flex-direction:column}.name{font-size:15px;font-weight:700;color:#1c1c1e}.status{display:flex;align-items:center;gap:5px;font-size:12px;color:#8e8e93;.dot{width:6px;height:6px;border-radius:50%;background:var(--brown)}}}.chat-thread{flex:1;min-height:0;overflow-y:auto;scroll-behavior:smooth;padding:14px 14px 90px;display:flex;flex-direction:column;gap:10px}.turn{display:flex;flex-direction:column;gap:10px;&:not(.shown){display:none}.msg.user{display:none}&.answered .msg.user{display:flex}}.msg{display:flex;align-items:flex-end;gap:7px;animation:chat-pop .28s ease;& p{font-size:14px;line-height:1.4;padding:10px 13px;border-radius:16px;max-width:230px}.ava{width:26px;height:26px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#fff;box-shadow:0 0 0 1px #e5e5ea;& img{width:100%;height:100%;object-fit:cover}}&.beti{justify-content:flex-start;& p{background:#fff;color:#1c1c1e;border:.5px solid rgba(60,60,67,.18)}}&.user{justify-content:flex-end;& p{background:var(--brown);color:#fff;font-weight:600}}}.summary-msg .summary-card{background:#fff;border:.5px solid rgba(60,60,67,.18);border-radius:16px;padding:14px;width:230px;display:flex;flex-direction:column;gap:10px;.sum-top{display:flex;align-items:center;gap:8px;.sum-bristol-img{width:40px;height:40px;object-fit:contain;flex-shrink:0}.sum-info{display:flex;flex-direction:column;gap:2px;flex:1}.sum-bristol{font-size:15px;font-weight:700;color:var(--brown)}.sum-desc{font-size:12px;color:#8e8e93}.sum-face{width:36px;height:36px;object-fit:contain;flex-shrink:0}}.sum-chips{display:flex;flex-wrap:wrap;gap:6px}.sum-chip{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--brown) 14%,transparent);color:var(--brown)}.sum-time{display:flex;align-items:center;gap:6px;font-size:13px;color:#8e8e93;border-top:.5px solid #e5e5ea;padding-top:10px;& svg{width:15px;height:15px;fill:none;stroke:#8e8e93;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}}}.rails{position:absolute;inset-inline:0;bottom:0;background:#f2f2f7;border-top:.5px solid #e5e5ea;padding:8px 14px 22px;.rail-hint{display:block;font-size:11px;font-weight:600;color:#8e8e93;margin-bottom:8px}.rail{display:none}.rail.active{display:block}}.rail.choose.active{display:flex;gap:10px}.choice{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 0;border-radius:14px;border:none;font-size:16px;font-weight:700;color:#fff;cursor:pointer;& svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}&.bowel{background:var(--brown)}&.food{background:#2f80d6}}.bristol-strip{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;-webkit-overflow-scrolling:touch;&::-webkit-scrollbar{display:none}}.bristol-cell{flex:0 0 auto;width:62px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 6px;border-radius:12px;border:2px solid transparent;background:#fff;cursor:pointer;.cell-img{width:44px;height:44px;object-fit:contain}.cell-num{font-size:12px;font-weight:800;color:#1c1c1e}&.picked{border-color:var(--brown);background:color-mix(in srgb,var(--brown) 8%,#fff)}}.bristol-picked-lbl{display:block;margin-top:8px;text-align:center;font-size:13px;font-weight:700;color:#1c1c1e}.rail.suffering.active{display:flex;justify-content:space-between}.face-btn{display:flex;flex-direction:column;align-items:center;gap:4px;border:none;background:none;cursor:pointer;padding:4px;border-radius:12px;&.picked{background:#fff;box-shadow:0 0 0 1.5px var(--brown)}.face{width:46px;height:46px;object-fit:contain}.face-lbl{font-size:11px;color:#1c1c1e}}.sym-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}.sym-chip{padding:8px 13px;border-radius:999px;border:.5px solid rgba(60,60,67,.18);background:#fff;color:#1c1c1e;font-size:13px;font-weight:500;cursor:pointer;&.picked{background:var(--brown);color:#fff;border-color:var(--brown)}}.continue{width:100%;padding:13px 0;border-radius:14px;border:none;background:var(--brown);color:#fff;font-size:15px;font-weight:700;cursor:pointer}.rail.time.active{display:flex;gap:10px}.time-now,.time-other{flex:1;padding:13px 0;border-radius:13px;font-size:15px;font-weight:600;cursor:pointer}.time-now{border:none;background:var(--brown);color:#fff}.time-other{border:1.5px solid var(--brown);background:none;color:var(--brown)}.save-btn{width:100%;padding:15px 0;border-radius:16px;border:none;background:var(--brown);color:#fff;font-size:16px;font-weight:700;cursor:pointer}}.bowel-chat .meal-list{display:flex;flex-wrap:wrap;gap:7px}.bowel-chat .meal-chip{padding:9px 14px;border-radius:999px;border:.5px solid rgba(60,60,67,.18);background:#fff;color:#1c1c1e;font-size:13px;font-weight:500;cursor:pointer}.bowel-chat .meal-chip.picked{background:var(--brown);color:#fff;border-color:var(--brown)}.bowel-chat .sum-bristol.meal{font-size:22px;line-height:1}.bowel-chat .sum-top>.sum-desc{flex:1}.bowel-chat .sum-chip.trigger{background:#fae9da;color:#c1722e;font-weight:700}.bowel-chat .sum-score{margin-inline-start:auto;direction:ltr;font-size:12px;font-weight:600;color:#8e8e93;white-space:nowrap;& strong{font-size:19px;font-weight:800;color:#c1722e}}@keyframes chat-pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.report-screen{position:absolute;inset:0;background:#f2f2f7;display:flex;flex-direction:column;font-family:-apple-system,SF Pro Text,system-ui,sans-serif;-webkit-font-smoothing:antialiased;.score-value,.bd-score,.rec-score,.rec-suffer{direction:ltr;unicode-bidi:isolate}.report-scroll{flex:1;min-height:0;overflow-y:auto;padding:56px 20px 110px;display:flex;flex-direction:column;gap:20px}.report-nav{display:flex;flex-direction:column;gap:2px;.nav-title{font-size:30px;font-weight:800;color:#1c1c1e}.nav-date{font-size:14px;color:#8e8e93}}.tracker-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 1px 4px #0000000a}.card-divider{height:.5px;background:#e5e5ea;margin:12px 0}.score-card{.score-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.score-info{display:flex;flex-direction:column;gap:4px}.score-heading{font-size:16px;font-weight:700;color:#1c1c1e}.score-desc{font-size:14px;color:#8e8e93}.score-value{display:flex;align-items:baseline;gap:5px;flex-shrink:0;.num{font-size:28px;font-weight:800;font-variant-numeric:tabular-nums}.outof{font-size:17px;color:#8e8e93}}.data-gaps{display:flex;flex-direction:column;gap:6px;.gaps-head{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#1c1c1e;.warn{color:#ff9500;font-size:18px}}.gaps-note{font-size:12px;color:#8e8e93;line-height:1.4}}}.section-head{display:flex;flex-direction:column;gap:4px;padding:0 2px;.head-row{display:flex;align-items:center;gap:6px;.material-symbols-outlined{font-size:20px;line-height:1}.sparkles{color:#af52de}.chart{color:#0a84ff}}.head-title{font-size:17px;font-weight:700;color:#1c1c1e}.head-sub{font-size:13px;color:#8e8e93}}.pager{display:inline-flex;align-items:center;gap:6px;margin-inline-start:auto;.pager-dot{width:7px;height:7px;border:none;padding:0;border-radius:50%;background:#c7c7cc;cursor:pointer;transition:background .2s ease,transform .2s ease;&.active{background:#0a84ff;transform:scale(1.15)}}}.insight-card{background:#fff;border-radius:16px;padding:16px;display:flex;gap:10px;box-shadow:0 1px 4px #0000000a;.bulb{color:#fc0;font-size:22px;flex-shrink:0}& p{font-size:14px;line-height:1.5;color:#1c1c1e;& strong{font-weight:700}}}.breakdown-pager{.bd-page{display:none;flex-direction:column;gap:12px}.bd-page.active{display:flex}}.bd-score-card{.bd-top{display:flex;align-items:center;gap:8px;.bd-icon{display:flex;align-items:center;justify-content:center;.material-symbols-outlined{font-size:18px}}.bd-label{flex:1;font-size:15px;font-weight:600;color:#1c1c1e}.bd-score{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;& small{font-size:12px;font-weight:600;color:#8e8e93;margin-inline-start:2px}}}.bd-bar{height:8px;border-radius:4px;background:#78788033;overflow:hidden;margin-top:10px;.bd-fill{display:block;height:100%;border-radius:4px}}.bd-note{font-size:12px;color:#8e8e93;line-height:1.4}}.bd-records{display:flex;flex-direction:column;gap:8px}.record-row{display:flex;align-items:center;gap:10px;background:#fff;border-radius:14px;padding:12px 14px;box-shadow:0 1px 4px #0000000d;.rec-icon{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#0a84ff1f;color:#0a84ff;.material-symbols-outlined{font-size:18px}}.rec-bristol{width:34px;height:34px;object-fit:contain;flex-shrink:0}.rec-body{flex:1;display:flex;flex-direction:column;gap:1px;.rec-name{font-size:14px;font-weight:600;color:#1c1c1e}.rec-time{font-size:12px;color:#8e8e93}}.rec-score,.rec-suffer{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;flex-shrink:0}}}.scan-screen{position:absolute;inset:0;background:#f2f2f7;display:flex;flex-direction:column;font-family:-apple-system,SF Pro Text,system-ui,sans-serif;-webkit-font-smoothing:antialiased;.trig-sev,.risk-score{direction:ltr;unicode-bidi:isolate}.scan-step{position:absolute;inset:0 0 84px;opacity:0;pointer-events:none;visibility:hidden;&.active{opacity:1;pointer-events:auto;visibility:visible}}.scanning{background:#0c0c0d;overflow:hidden;.cam-bg{position:absolute;inset:0;background:radial-gradient(120% 80% at 50% 30%,#2a2d33,#141518 60%,#0a0a0b)}.cam-close{position:absolute;top:64px;inset-inline-start:22px;width:38px;height:38px;border:none;border-radius:50%;background:#0000008c;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;& svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round}}.reticle-wrap{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translateY(-26px);z-index:2}.reticle{position:relative;width:230px;height:143px;border:3px solid #fff;border-radius:22px;box-shadow:0 0 0 2000px #0000008c;overflow:hidden;display:flex;align-items:center;justify-content:center}.sweep{position:absolute;inset-inline:16px;height:3px;background:linear-gradient(90deg,transparent,rgba(255,149,0,.9),transparent);animation:scan-sweep 1.6s ease-in-out infinite alternate}.barcode{display:flex;align-items:flex-end;gap:3px;height:64px;& i{display:block;height:100%;background:#ffffffeb;border-radius:1px}}.cam-title{margin-top:24px;color:#fff;font-size:16px;font-weight:600}.cam-sub{margin-top:5px;color:#ffffffb3;font-size:14px}.cam-alts{position:absolute;inset-inline:22px;bottom:24px;display:flex;gap:12px;z-index:2;.alt{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:12px 0;border-radius:999px;background:#ffffff24;color:#fff;font-size:14px;font-weight:600;& svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}}}}.match{display:flex;flex-direction:column;.match-scroll{flex:1;min-height:0;overflow-y:auto;padding:60px 20px 16px;display:flex;flex-direction:column;gap:16px}.hero-card{background:#fff;border-radius:20px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:8px;.product-img{width:96px;height:96px;border-radius:16px;background:#efeff4;display:flex;align-items:center;justify-content:center;margin-bottom:4px;& svg{width:44px;height:44px;fill:none;stroke:#aeaeb2;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}}.brand{font-size:14px;font-weight:600;color:#8e8e93}.product-name{font-size:22px;font-weight:700;color:#1c1c1e}.verified{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#30b0c71f;color:#30b0c7;font-size:13px;font-weight:600;& svg{width:15px;height:15px;fill:none;stroke:#30b0c7;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}}}.risk-banner{display:flex;align-items:center;gap:12px;padding:16px;border-radius:16px;.risk-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.risk-text{display:flex;flex-direction:column;gap:2px;flex:1;& strong{font-size:15px;font-weight:700}& small{font-size:13px;opacity:.85}}.risk-score{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}}.triggers-card{background:#fff;border-radius:16px;padding:4px 16px;& h4{font-size:16px;font-weight:700;color:#1c1c1e;padding:12px 0 4px}.trigger-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:.5px solid #e5e5ea;&.first{border-top:none}.trig-name{font-size:15px;color:#1c1c1e}.trig-sev{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}}}.match-footer{padding:12px 20px 14px;background:#ffffffe6;backdrop-filter:blur(12px);border-top:.5px solid #e5e5ea;display:flex;flex-direction:column;gap:8px}}.submitted{display:flex;align-items:center;justify-content:center;.saved-body{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 32px;gap:6px}.beti-hero{position:relative;width:132px;height:132px;margin-bottom:14px;& img{width:132px;height:132px;object-fit:contain}.check-badge{position:absolute;bottom:4px;inset-inline-start:6px;width:40px;height:40px;& svg{width:40px;height:40px;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 3px 6px rgba(0,0,0,.2))}}}& h3{font-size:22px;font-weight:700;color:#1c1c1e}& p{font-size:15px;color:#8e8e93;line-height:1.5;margin-bottom:14px}}.primary-cta{display:block;text-align:center;width:100%;padding:14px 0;border-radius:14px;background:#8d495f;color:#fff;font-size:16px;font-weight:600}.plain-cta{display:block;text-align:center;color:#8d495f;font-size:14px;font-weight:600;padding:6px 0}}.scan-step-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px;font-family:-apple-system,SF Pro Text,system-ui,sans-serif;.step-arrow{width:34px;height:34px;border-radius:50%;border:none;background:#fff;box-shadow:0 4px 12px #00000029;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,opacity .15s ease;& svg{width:18px;height:18px;fill:none;stroke:#8d495f;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}&:active{transform:scale(.92)}&:disabled{opacity:.35;cursor:default}}.step-dots{display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:#ffffffeb;box-shadow:0 4px 12px #0000001f}.step-dot{width:8px;height:8px;border:none;border-radius:999px;background:#c7c7cc;cursor:pointer;padding:0;transition:width .25s ease,background .25s ease;&.active{width:22px;background:#8d495f}}}@keyframes scan-sweep{0%{transform:translateY(-58px)}to{transform:translateY(58px)}}.shabbat-screen{position:absolute;inset:0;background:#f2f2f7;display:flex;flex-direction:column;font-family:-apple-system,SF Pro Text,system-ui,sans-serif;-webkit-font-smoothing:antialiased;.row-sub{text-align:start}.shabbat-scroll{flex:1;min-height:0;overflow-y:auto;padding:56px 16px 110px}.nav-bar{display:flex;align-items:center;min-height:22px;.nav-back{display:inline-flex;align-items:center;gap:2px;color:#0a84ff;font-size:17px;& svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}}}.nav-title{font-size:32px;font-weight:800;color:#1c1c1e;margin:4px 0 18px}.segmented{display:flex;gap:2px;padding:2px;border-radius:9px;background:#e3e3e8;margin-bottom:22px;.seg{flex:1;padding:7px 0;border:none;border-radius:7px;background:none;font-size:13px;font-weight:600;color:#1c1c1e;cursor:pointer;&.active{background:#fff;box-shadow:0 1px 3px #0000001f}}}.form-header{display:block;font-size:13px;color:#8e8e93;padding:0 16px 6px;text-transform:uppercase;letter-spacing:.02em}.form-footer{display:block;font-size:12px;color:#8e8e93;padding:6px 16px 0;line-height:1.4;margin-bottom:22px}.form-card{background:#fff;border-radius:12px;padding:0 16px;margin-bottom:6px}.form-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:.5px solid #e5e5ea;&:first-child{border-top:none}.row-icon{flex-shrink:0;width:26px;height:26px;display:flex;align-items:center;justify-content:center;& svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}}.row-title{font-size:16px;color:#1c1c1e}.row-body{flex:1;display:flex;flex-direction:column;gap:2px;.row-title{font-weight:500}.row-sub{font-size:13px;color:#8e8e93}}}.toggle-row .row-title{flex:1}.ios-toggle{width:51px;height:31px;border:none;padding:0;border-radius:999px;background:#e3e3e8;position:relative;flex-shrink:0;cursor:pointer;transition:background .2s ease;.knob{position:absolute;top:2px;inset-inline-start:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0003;transition:inset-inline-start .2s ease}&.on{background:#34c759;.knob{inset-inline-start:22px}}}.shabbat-details[hidden]{display:none}.chevron{flex-shrink:0;& svg{width:16px;height:16px;fill:none;stroke:#c7c7cc;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}}.ios-stepper{display:flex;align-items:center;height:30px;border-radius:8px;background:#e3e3e8;flex-shrink:0;.st{width:42px;height:100%;display:flex;align-items:center;justify-content:center;& svg{width:15px;height:15px;fill:none;stroke:#1c1c1e;stroke-width:2.4;stroke-linecap:round}}.st-divider{width:.5px;height:18px;background:#3c3c434d}}}.triggers-screen{position:absolute;inset:0;background:#f2f2f7;display:flex;flex-direction:column;font-family:-apple-system,SF Pro Text,system-ui,sans-serif;-webkit-font-smoothing:antialiased;.sev-value{direction:ltr;unicode-bidi:isolate}.trig-scroll{flex:1;min-height:0;overflow-y:auto;padding:56px 16px 110px}.trig-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;.trig-title{font-size:30px;font-weight:800;color:#1c1c1e}.add-btn{width:34px;height:34px;border-radius:50%;border:none;background:color-mix(in srgb,#af52de 14%,transparent);display:flex;align-items:center;justify-content:center;cursor:pointer;& svg{width:20px;height:20px;fill:none;stroke:#af52de;stroke-width:2.4;stroke-linecap:round}}}.trig-search{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:#e3e3e8;color:#8e8e93;font-size:15px;margin-bottom:18px;& svg{width:17px;height:17px;fill:none;stroke:#8e8e93;stroke-width:2;stroke-linecap:round}}.trig-section{margin-bottom:18px}.section-title{display:block;font-size:13px;font-weight:600;color:#8e8e93;padding:0 4px 6px;text-transform:none}.trig-card{background:#fff;border-radius:14px;padding:0 14px}.trig-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:.5px solid #e5e5ea;&.first{border-top:none}}.action{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;& svg{width:22px;height:22px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.dashed{width:18px;height:18px;border-radius:50%;border:1.6px dashed #c7c7cc}}.trig-body{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0;.trig-name{font-size:15px;color:#1c1c1e;&.strong{font-weight:600}}.info-invite{font-size:11px;color:#8e8e93;& u{font-weight:600}}.recommend{font-size:11px;color:#8e8e93}}.stepper{flex-shrink:0;display:flex;align-items:center;gap:6px;.step{width:28px;height:28px;border-radius:50%;border:none;background:#e3e3e8;display:flex;align-items:center;justify-content:center;cursor:pointer;& svg{width:13px;height:13px;fill:none;stroke:#1c1c1e;stroke-width:2.6;stroke-linecap:round}}.sev-value{min-width:20px;text-align:center;font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}}}.features-hero{max-width:80rem;margin:0 auto;padding:var(--space-10) var(--space-5) var(--space-5);overflow:hidden;@media(min-width:1024px){padding:var(--space-20) var(--space-5) var(--space-10)}& h1{font-family:var(--font-display);font-size:clamp(2.5rem,2rem + 3vw,4.5rem);font-weight:800;color:var(--color-on-surface);line-height:1.1;letter-spacing:-.02em}.accent{color:var(--color-primary)}.subtitle{font-size:var(--text-title-lg);color:var(--color-on-surface-variant);line-height:1.7;max-width:40rem;margin-top:var(--space-5)}}.features-gallery{padding:var(--space-5) var(--space-5) var(--space-12);overflow:hidden;@media(min-width:1024px){padding:var(--space-10) var(--space-5) var(--space-16)}.inner{max-width:80rem;margin:0 auto}.gallery-title{font-family:var(--font-display);font-size:clamp(1.875rem,1.4rem + 2vw,3rem);font-weight:800;color:var(--color-primary);text-align:center;line-height:1.15;letter-spacing:-.02em;.accent{color:var(--color-primary-container)}}.gallery-sub{font-size:var(--text-title-md);color:var(--color-on-surface-variant);text-align:center;max-width:38rem;margin:var(--space-4) auto 0;line-height:1.6}.gallery-stage{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);margin-top:var(--space-8);@media(min-width:1024px){flex-direction:row;align-items:center;justify-content:center;gap:var(--space-16)}}.phone-col{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;max-width:390px;margin-inline:auto;flex-shrink:0;@media(min-width:1024px){order:1}}.mock-slot{display:none;width:100%;&.active{display:block}}.walk-hint{display:none;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-4);text-align:center;font-size:var(--text-body-md);font-weight:var(--weight-semibold);color:var(--color-primary);&.active{display:flex}.material-symbols-outlined{font-size:1.25rem}}.feature-cards{display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:30rem;@media(max-width:1023px){order:-1;flex-direction:row;max-width:none;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--space-2);scrollbar-width:none;&::-webkit-scrollbar{display:none}}@media(min-width:1024px){order:2}}@media(max-width:1023px){.feature-cards .feature-card{flex:0 0 88%;scroll-snap-align:center;display:grid;grid-template-columns:auto 1fr;align-items:center;text-align:start;column-gap:var(--space-3);row-gap:var(--space-3);padding:var(--space-5)}.feature-cards .feature-card .card-body{display:contents}.feature-cards .feature-card .card-text{grid-column:1 / -1}}.feature-card{display:flex;gap:var(--space-3);align-items:flex-start;text-align:start;padding:var(--space-4) var(--space-5);background:var(--color-surface-container-lowest);border:2px solid transparent;border-radius:var(--radius-lg);width:100%;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;.card-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-full);background:var(--color-primary-fixed);color:var(--color-primary);.material-symbols-outlined{font-size:1.5rem}}.card-body{display:flex;flex-direction:column;gap:var(--space-1)}.card-title{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-title-lg);font-weight:var(--weight-bold);color:var(--color-on-surface)}.card-text{font-size:var(--text-body-md);line-height:var(--lh-body-md);color:var(--color-on-surface-variant)}&:hover{border-color:color-mix(in srgb,var(--color-primary) 40%,transparent)}&.active{border-color:var(--color-primary)}}}.features-gallery .bowel-controls{display:flex;justify-content:center;margin-top:var(--space-4);.bowel-reset{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent);background:var(--color-surface-container-lowest);color:var(--color-primary);font-family:var(--font-body);font-size:var(--text-label-lg);font-weight:var(--weight-semibold);cursor:pointer;transition:background-color .2s ease,border-color .2s ease;& svg{width:1.05rem;height:1.05rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}&:hover{border-color:var(--color-primary);background:var(--color-primary-fixed)}}}.features-compare{padding:var(--space-8) var(--space-5);@media(min-width:1024px){padding:var(--space-20) var(--space-5)}overflow:clip;.inner{max-width:64rem;margin:0 auto;text-align:center}.title{font-family:var(--font-display);font-size:clamp(2rem,1.5rem + 2vw,3.5rem);font-weight:800;color:var(--color-primary);margin-bottom:var(--space-4)}.subtitle{font-size:var(--text-title-lg);color:var(--color-on-surface-variant);max-width:48rem;margin:0 auto var(--space-12);line-height:1.6}.table-wrap{background-color:var(--color-surface-container-low);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 24px 48px color-mix(in srgb,var(--color-primary) 5%,transparent);border:var(--border-ghost);overflow-x:auto;@media(max-width:767px){overflow:visible;background:none;border-radius:0;border:none;box-shadow:none;margin-bottom:var(--space-8)}}.table{width:100%;text-align:right;& th,td{padding:var(--space-5) var(--space-6)}& thead th{font-family:var(--font-display);font-weight:800;font-size:var(--text-title-lg);color:var(--color-on-surface);border-bottom:var(--border-ghost)}.col-header{text-align:center;vertical-align:middle;.icon-and-name{display:flex;align-items:center;flex-direction:column;gap:5px}.col-icon{width:2rem;height:2rem;object-fit:contain;vertical-align:middle;margin-inline-end:var(--space-2)}.col-icon-symbol{font-size:1.75rem;vertical-align:middle;margin-inline-end:var(--space-2);color:var(--color-outline)}& span{color:var(--color-primary);font-size:var(--text-title-lg);font-weight:800;vertical-align:middle}&.them{opacity:.6;& span{color:var(--color-secondary)}}}& tbody tr{border-top:var(--border-ghost);transition:background-color .2s}& tbody tr:hover{background-color:color-mix(in srgb,white 80%,transparent)}@media(max-width:767px){& thead{display:none}& tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);padding:var(--space-5) var(--space-4);background-color:var(--color-surface-container-low);border:var(--border-ghost);border-radius:var(--radius-sm);margin-bottom:var(--space-3)}& tbody tr:first-child{margin-top:var(--space-3)}& tbody tr:nth-child(2n){background-color:color-mix(in srgb,var(--color-primary-container) 5%,transparent)}& tbody tr:hover{background-color:unset}& tbody tr:nth-child(2n):hover{background-color:color-mix(in srgb,var(--color-primary-container) 5%,transparent)}& tbody td:first-child{grid-column:1 / -1;padding:0 0 var(--space-3)}& tbody td:not(:first-child){padding:var(--space-3);font-size:var(--text-body-sm);background:none}}}.feature{display:flex;align-items:center;gap:var(--space-4);text-align:right;.material-symbols-outlined{font-size:1.75rem;color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 5%,transparent);padding:var(--space-2);border-radius:var(--radius-md)}& strong{display:block;font-weight:800;color:var(--color-on-surface)}& span{font-size:var(--text-body-md);color:var(--color-on-surface-variant)}}.yes{text-align:center;background-color:color-mix(in srgb,var(--color-primary-container) 5%,transparent);color:var(--color-primary);font-weight:var(--weight-bold);.material-symbols-outlined{color:var(--color-primary);vertical-align:middle}}.no{text-align:center;color:var(--color-outline);font-weight:var(--weight-bold);font-style:italic;.material-symbols-outlined{vertical-align:middle}}.partial{text-align:center;color:var(--color-secondary);font-weight:var(--weight-bold);.material-symbols-outlined{vertical-align:middle}}.signup{margin-top:var(--space-16)}}
