.feature-demos-module__qaXVSq__viewport{--demo-pad:clamp(12px, 4cqi, 20px);--demo-gap:clamp(6px, 2cqi, 10px);--demo-small:clamp(10px, 3.1cqi, 12px);--demo-label:clamp(11px, 3.5cqi, 13px);--demo-value:clamp(28px, 11cqi, 44px);--demo-control-clear:52px;aspect-ratio:2;corner-shape:squircle;background:var(--lm-surface,#fff);width:100%;color:var(--lm-ink,#292929);isolation:isolate;border-radius:16px;display:block;position:relative;overflow:hidden;container-type:inline-size}.feature-demos-module__qaXVSq__stage{width:100%;height:100%}.feature-demos-module__qaXVSq__control{z-index:2;position:absolute;bottom:8px;right:8px}.feature-demos-module__qaXVSq__checklist,.feature-demos-module__qaXVSq__temperature,.feature-demos-module__qaXVSq__tasks,.feature-demos-module__qaXVSq__issue,.feature-demos-module__qaXVSq__food,.feature-demos-module__qaXVSq__month,.feature-demos-module__qaXVSq__delivery{width:100%;height:100%;padding:var(--demo-pad)}.feature-demos-module__qaXVSq__demoIconDisc{background:color-mix(in srgb, var(--lm-ink,#292929) 8%, transparent);border-radius:999px;flex:none;justify-content:center;align-items:center;width:clamp(24px,8cqi,30px);height:clamp(24px,8cqi,30px);display:inline-flex}.feature-demos-module__qaXVSq__progressCount{background:color-mix(in srgb, var(--lm-ink,#292929) 10%, transparent);font-size:var(--demo-small);font-variant-numeric:tabular-nums;border-radius:999px;flex:none;padding:4px 8px;font-weight:500}.feature-demos-module__qaXVSq__checklist{gap:var(--demo-gap);grid-template-rows:auto 1fr;display:grid}.feature-demos-module__qaXVSq__checklistHeader{border-radius:var(--lm-radius,10px);background:var(--lm-yellow,#ffd142);align-items:center;gap:clamp(7px,2.3cqi,10px);min-width:0;min-height:clamp(38px,12cqi,46px);padding:6px clamp(8px,3cqi,12px);display:flex}.feature-demos-module__qaXVSq__checklistHeading{min-width:0;font-size:var(--demo-label);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.feature-demos-module__qaXVSq__checklistRows{grid-template-rows:repeat(3,minmax(0,1fr));gap:clamp(4px,1.4cqi,6px);min-height:0;display:grid}.feature-demos-module__qaXVSq__checklistSimpleRow{border:1px solid color-mix(in srgb, var(--lm-ink,#292929) 9%, transparent);border-radius:var(--lm-radius,10px);background:var(--lm-surface,#fff);min-height:0;font-size:var(--demo-small);grid-template-columns:auto auto 1fr;align-items:center;gap:clamp(8px,2.6cqi,12px);padding:0 clamp(10px,3.2cqi,14px);font-weight:500;display:grid}.feature-demos-module__qaXVSq__checklistSimpleRow:last-child{padding-right:var(--demo-control-clear)}.feature-demos-module__qaXVSq__checklistSimpleRow>i{background:color-mix(in srgb, var(--lm-ink,#292929) 7%, transparent);border-radius:999px;height:4px}.feature-demos-module__qaXVSq__checklistTick{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--lm-ink,#292929) 12%, transparent);color:#0000;border-radius:999px;place-items:center;width:clamp(22px,7cqi,28px);transition:background-color .18s cubic-bezier(.23,1,.32,1),color .18s cubic-bezier(.23,1,.32,1),transform .18s cubic-bezier(.23,1,.32,1);display:grid}.feature-demos-module__qaXVSq__checklistTickDone{background:var(--lm-yellow,#ffd142);color:var(--lm-ink,#292929);transform:scale(1.04)}.feature-demos-module__qaXVSq__temperature{gap:var(--demo-gap);grid-template-rows:1fr auto;display:grid}.feature-demos-module__qaXVSq__temperatureTop{grid-template-columns:minmax(0,1fr) auto;justify-content:center;align-items:center;gap:clamp(12px,4cqi,18px);min-height:0;display:grid}.feature-demos-module__qaXVSq__temperatureReading{font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:baseline;display:flex}.feature-demos-module__qaXVSq__readingValue{font-size:var(--demo-value);letter-spacing:-.045em;font-weight:500;line-height:.9}.feature-demos-module__qaXVSq__readingUnit{color:var(--lm-ink-secondary,#6d6d6d);margin-left:3px;font-size:clamp(14px,5cqi,20px);font-weight:500}.feature-demos-module__qaXVSq__temperatureBottom{padding-right:var(--demo-control-clear);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(8px,3cqi,14px);display:grid}.feature-demos-module__qaXVSq__temperatureTrack{background:color-mix(in srgb, var(--lm-ink,#292929) 8%, transparent);border-radius:999px;height:5px;position:relative}.feature-demos-module__qaXVSq__temperatureRange{border-radius:inherit;background:var(--lm-yellow,#ffd142);width:48%;position:absolute;top:0;bottom:0;left:12%}.feature-demos-module__qaXVSq__temperatureMarkerRail{transform:translateX(var(--temperature-marker));transition:transform .26s cubic-bezier(.23,1,.32,1);position:absolute;inset:0}.feature-demos-module__qaXVSq__temperatureMarker{border:3px solid var(--lm-ink,#292929);background:var(--lm-surface,#fff);border-radius:999px;width:clamp(13px,4.5cqi,18px);height:clamp(13px,4.5cqi,18px);position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.feature-demos-module__qaXVSq__temperatureStatus{background:color-mix(in srgb, var(--lm-ink,#292929) 5%, var(--lm-surface,#fff));min-width:clamp(66px,21cqi,88px);height:26px;color:var(--lm-ink-secondary,#6d6d6d);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;justify-content:center;align-items:center;font-size:clamp(8px,2.6cqi,10px);font-weight:500;transition:background-color .2s ease-out,color .2s ease-out;display:inline-flex}.feature-demos-module__qaXVSq__statusSafe{background:var(--lm-success-soft,#e8f5e9);color:var(--lm-success,#2e7d32)}.feature-demos-module__qaXVSq__statusDanger{background:var(--lm-danger-soft,#ffebee);color:var(--lm-danger,#c62828)}.feature-demos-module__qaXVSq__tasks{gap:var(--demo-gap);grid-template-rows:auto 1fr;display:grid}.feature-demos-module__qaXVSq__tasksHeader{border-radius:var(--lm-radius,10px);background:var(--lm-yellow,#ffd142);grid-template-columns:auto auto minmax(54px,1fr);align-items:center;gap:clamp(7px,2.4cqi,11px);min-height:clamp(38px,12cqi,46px);padding:6px clamp(10px,3cqi,14px);display:grid}.feature-demos-module__qaXVSq__tasksTotal{letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:clamp(22px,8cqi,32px);font-weight:500;line-height:1}.feature-demos-module__qaXVSq__tasksTotal small{color:color-mix(in oklch, var(--lm-ink,#292929) 74%, transparent);letter-spacing:-.02em;margin-left:2px;font-size:.5em}.feature-demos-module__qaXVSq__tasksHeaderCopy{font-size:var(--demo-small);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-weight:500}.feature-demos-module__qaXVSq__tasksProgress{background:color-mix(in srgb, var(--lm-ink,#292929) 12%, transparent);border-radius:999px;height:5px;overflow:hidden}.feature-demos-module__qaXVSq__tasksProgress i{border-radius:inherit;background:var(--lm-ink,#292929);width:100%;height:100%;transform:scaleX(var(--tasks-progress));transform-origin:0;transition:transform .22s cubic-bezier(.23,1,.32,1);display:block}.feature-demos-module__qaXVSq__taskOrbs{grid-template-columns:repeat(4,auto);place-content:center;gap:clamp(9px,3.5cqi,16px);display:grid}.feature-demos-module__qaXVSq__taskOrbs>span,.feature-demos-module__qaXVSq__deliverySteps>span{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--lm-ink,#292929) 10%, transparent);background:var(--lm-surface,#fff);border-radius:999px;place-items:center;width:clamp(36px,12cqi,48px);transition:background-color .18s cubic-bezier(.23,1,.32,1),transform .18s cubic-bezier(.23,1,.32,1);display:grid}.feature-demos-module__qaXVSq__taskOrbs>.feature-demos-module__qaXVSq__taskOrbDone,.feature-demos-module__qaXVSq__deliverySteps>.feature-demos-module__qaXVSq__deliveryStepDone{background:var(--lm-yellow,#ffd142);transform:translateY(-2px)}.feature-demos-module__qaXVSq__issue{grid-template-rows:1fr auto;place-items:center;gap:clamp(10px,3.2cqi,16px);display:grid;position:relative}.feature-demos-module__qaXVSq__issueSummary{border:1px solid color-mix(in srgb, var(--lm-danger,#c62828) 25%, transparent);border-radius:var(--lm-radius,10px);background:var(--lm-danger-soft,#ffebee);align-items:center;gap:clamp(8px,2.6cqi,12px);width:min(100%,330px);min-width:0;min-height:clamp(74px,24cqi,96px);padding:clamp(9px,3cqi,13px);transition:background-color .26s cubic-bezier(.23,1,.32,1),border-color .26s cubic-bezier(.23,1,.32,1);display:flex}.feature-demos-module__qaXVSq__issueSummaryResolved{border-color:color-mix(in srgb, var(--lm-success,#2e7d32) 22%, transparent);background:var(--lm-success-soft,#e8f5e9)}.feature-demos-module__qaXVSq__issueIcon{background:var(--lm-danger-soft,#ffebee);width:clamp(30px,9cqi,38px);height:clamp(30px,9cqi,38px);color:var(--lm-danger,#c62828);border-radius:999px;flex:none;justify-content:center;align-items:center;transition:background-color .2s ease-out,color .2s ease-out;display:inline-flex}.feature-demos-module__qaXVSq__issueIconResolved{background:var(--lm-success-soft,#e8f5e9);color:var(--lm-success,#2e7d32)}.feature-demos-module__qaXVSq__issueCopy{flex:1;gap:2px;min-width:0;display:grid}.feature-demos-module__qaXVSq__issueCopy strong,.feature-demos-module__qaXVSq__issueCopy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.feature-demos-module__qaXVSq__issueCopy strong{font-size:var(--demo-label);font-weight:500}.feature-demos-module__qaXVSq__issueCopy small{color:var(--lm-ink-secondary,#6d6d6d);font-size:var(--demo-small)}.feature-demos-module__qaXVSq__issueState{background:var(--lm-danger-soft,#ffebee);color:var(--lm-danger,#c62828);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;flex:none;padding:4px 8px;font-size:clamp(8px,2.5cqi,10px);font-weight:500}.feature-demos-module__qaXVSq__issueStateResolved{background:var(--lm-success-soft,#e8f5e9);color:var(--lm-success,#2e7d32)}.feature-demos-module__qaXVSq__issueSweep{background:color-mix(in srgb, var(--lm-danger,#c62828) 22%, transparent);transform-origin:0;border-radius:999px;height:3px;transition:background-color .26s cubic-bezier(.23,1,.32,1),transform .34s cubic-bezier(.23,1,.32,1);position:absolute;bottom:12%;left:18%;right:26%;transform:scaleX(.35)}.feature-demos-module__qaXVSq__issueSweepResolved{background:color-mix(in srgb, var(--lm-success,#2e7d32) 35%, transparent);transform:scaleX(1)}.feature-demos-module__qaXVSq__food{grid-template-rows:1fr;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:clamp(18px,6cqi,28px);display:grid}.feature-demos-module__qaXVSq__foodPulse{aspect-ratio:1;background:var(--lm-yellow,#ffd142);border-radius:999px;place-items:center;width:clamp(52px,17cqi,68px);display:grid}.feature-demos-module__qaXVSq__foodValue{justify-items:start;gap:4px;min-width:0;display:grid}.feature-demos-module__qaXVSq__foodValue>strong{font-size:var(--demo-value);letter-spacing:-.045em;font-variant-numeric:tabular-nums;font-weight:500;line-height:.9}.feature-demos-module__qaXVSq__foodValue>strong small{color:var(--lm-ink-secondary,#6d6d6d);letter-spacing:0;margin-left:2px;font-size:.42em}.feature-demos-module__qaXVSq__foodValue>span{background:color-mix(in srgb, var(--lm-ink,#292929) 5%, var(--lm-surface,#fff));color:var(--lm-ink-secondary,#6d6d6d);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-items:center;gap:3px;padding:3px 7px;font-size:clamp(8px,2.5cqi,10px);font-weight:500;transition:background-color .2s ease-out,color .2s ease-out;display:inline-flex}.feature-demos-module__qaXVSq__foodValue>.feature-demos-module__qaXVSq__foodSafe{background:var(--lm-success-soft,#e8f5e9);color:var(--lm-success,#2e7d32)}.feature-demos-module__qaXVSq__month{grid-template-columns:minmax(0,1.3fr) minmax(88px,.7fr);align-items:stretch;gap:clamp(10px,3cqi,16px);display:grid}.feature-demos-module__qaXVSq__monthCalendar{grid-template-rows:auto 1fr;gap:clamp(7px,2cqi,10px);min-width:0;display:grid}.feature-demos-module__qaXVSq__monthHeading{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.feature-demos-module__qaXVSq__monthHeading strong{font-size:var(--demo-label);font-weight:500}.feature-demos-module__qaXVSq__monthDays{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(3px,1cqi,5px);min-height:0;display:grid}.feature-demos-module__qaXVSq__monthDay{background:color-mix(in srgb, var(--lm-ink,#292929) 5%, transparent);border-radius:clamp(5px,1.8cqi,8px);justify-content:center;align-items:center;min-width:0;transition:background-color .22s ease-out;display:flex}.feature-demos-module__qaXVSq__monthDayVisible{background:var(--lm-yellow,#ffd142)}.feature-demos-module__qaXVSq__monthCompliance{border-left:1px solid color-mix(in srgb, var(--lm-ink,#292929) 10%, transparent);text-align:center;align-content:center;justify-items:center;gap:clamp(3px,1cqi,6px);min-width:0;padding-bottom:26px;padding-left:clamp(8px,2.6cqi,12px);display:grid}.feature-demos-module__qaXVSq__complianceRing{aspect-ratio:1;width:clamp(58px,20cqi,82px);display:block;position:relative}.feature-demos-module__qaXVSq__complianceRing svg{width:100%;height:100%;display:block;transform:rotate(-90deg)}.feature-demos-module__qaXVSq__ringTrack,.feature-demos-module__qaXVSq__ringValue{fill:none;stroke-width:8px}.feature-demos-module__qaXVSq__ringTrack{stroke:color-mix(in srgb, var(--lm-ink,#292929) 7%, transparent)}.feature-demos-module__qaXVSq__ringValue{stroke:var(--lm-yellow,#ffd142);stroke-linecap:round;transition:stroke-dashoffset .3s cubic-bezier(.23,1,.32,1)}.feature-demos-module__qaXVSq__complianceRing>strong{letter-spacing:-.035em;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:clamp(17px,6cqi,24px);font-weight:500;display:flex;position:absolute;inset:0}.feature-demos-module__qaXVSq__complianceRing>strong small{color:var(--lm-ink-secondary,#6d6d6d);margin-left:1px;font-size:.5em}.feature-demos-module__qaXVSq__monthCompliance>span:last-child{justify-items:center;display:grid}.feature-demos-module__qaXVSq__monthCompliance strong{font-size:var(--demo-small);font-weight:500}.feature-demos-module__qaXVSq__delivery{gap:var(--demo-gap);grid-template-rows:auto 1fr auto;display:grid}.feature-demos-module__qaXVSq__deliveryHeader{grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(7px,2.4cqi,10px);min-width:0;display:grid}.feature-demos-module__qaXVSq__deliveryHeader>strong{font-size:var(--demo-label);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.feature-demos-module__qaXVSq__deliverySteps{grid-template-columns:repeat(3,auto);place-content:center;gap:clamp(12px,4cqi,20px);display:grid}.feature-demos-module__qaXVSq__deliveryResult{min-height:30px;margin-right:var(--demo-control-clear);border-radius:var(--lm-radius,10px);background:color-mix(in srgb, var(--lm-ink,#292929) 5%, var(--lm-surface,#fff));color:var(--lm-ink-secondary,#6d6d6d);grid-template-columns:auto 1fr;align-items:center;gap:7px;padding:5px 9px;transition:background-color .2s ease-out,color .2s ease-out;display:grid}.feature-demos-module__qaXVSq__deliveryResult>span{display:inline-flex}.feature-demos-module__qaXVSq__deliveryResult strong{font-size:var(--demo-small);font-weight:500}.feature-demos-module__qaXVSq__deliveryAccepted{background:var(--lm-success-soft,#e8f5e9);color:var(--lm-success,#2e7d32)}@container (max-width:320px){.feature-demos-module__qaXVSq__temperatureTop{align-items:start}.feature-demos-module__qaXVSq__temperatureBottom{grid-template-columns:1fr}.feature-demos-module__qaXVSq__month{grid-template-columns:minmax(0,1.45fr) minmax(72px,.55fr)}}@media (max-width:640px){.feature-demos-module__qaXVSq__viewport{aspect-ratio:16/10}}@media (prefers-reduced-motion:reduce){.feature-demos-module__qaXVSq__viewport *,.feature-demos-module__qaXVSq__viewport :before,.feature-demos-module__qaXVSq__viewport :after{transition:none!important;animation:none!important}}
