.feature-reel{border-block:1px solid var(--line);grid-template-columns:190px minmax(0,1fr);align-items:center;gap:32px;margin-top:52px;padding-top:18px;padding-bottom:18px;display:grid}.feature-reel-label{gap:4px;display:grid}.feature-reel-label>span{letter-spacing:.14em;color:var(--muted);font-size:8px}.feature-reel-label strong{font:500 26px/1.2 var(--font-display);letter-spacing:-.055em}.feature-reel-window{--row:66px;height:calc(var(--row)*3);overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 38%,#000 62%,transparent);mask-image:linear-gradient(transparent,#000 38%,#000 62%,transparent)}.feature-reel-words{animation:9s linear infinite paused feature-stream}.feature-reel[data-running=true] .feature-reel-words{animation-play-state:running}.feature-reel-group>span{height:var(--row);font:500 clamp(25px,3.7vw,50px)/1.1 var(--font-display);letter-spacing:-.05em;white-space:nowrap;align-items:center;display:flex}@keyframes feature-stream{to{transform:translateY(-50%)}}@media (max-width:700px){.feature-reel{grid-template-columns:1fr;gap:16px;margin-top:38px;padding-top:22px;padding-bottom:22px}.feature-reel-label strong{font-size:22px}.feature-reel-window{--row:48px}.feature-reel-group>span{font-size:max(25px,min(7vw,38px))}}@media (prefers-reduced-motion:reduce){.feature-reel-words{animation:none}.feature-reel-window{height:auto;-webkit-mask-image:none;mask-image:none}.feature-reel-group[aria-hidden=true]{display:none}}
.skyline{background:var(--bg);border-top:1px solid var(--line);padding-top:28px;overflow:hidden}.skyline__caption{width:min(1160px,100% - 96px);color:var(--muted);margin:auto;font-size:12px}.skyline__svg{width:min(100%,1600px);height:auto;margin:12px auto 0;display:block}.skyline__cloud{animation:85s linear infinite cloud-drift}.skyline__cloud--near{animation-delay:-19s}.skyline__cloud--far{opacity:.5;animation-duration:110s;animation-delay:-71s}.skyline__cloud--high{opacity:.7;animation-duration:130s;animation-delay:-101s}.skyline__twinkle{animation:7s ease-in-out infinite alternate star-light}.skyline__windows rect:nth-child(5n){animation:18s ease-in-out infinite city-window}.skyline__windows rect:nth-child(7n){animation:24s ease-in-out -13s infinite city-window}.skyline__windows rect:nth-child(11n){animation:21s ease-in-out -7s infinite city-window}.skyline__beacon{animation:5s ease-in-out infinite beacon-light}.skyline__train{animation:26s linear -7s infinite bridge-train}.skyline__traffic--out{animation:13s linear -3s infinite bridge-traffic-out}.skyline__traffic--in{animation:17s linear -8s infinite bridge-traffic-in}.skyline__bridge-lights{animation:9s ease-in-out infinite alternate bridge-light}.skyline__ferry{animation:65s linear -20s infinite ferry-crossing;transform:translate(295px)}.skyline__ferry-bob{transform-origin:60px 339px;animation:4s ease-in-out infinite boat-bob}.skyline__sailboat{animation:92s linear -22s infinite sail-crossing;transform:translate(830px)}.skyline__sail-bob{transform-origin:29px 375px;animation:5.5s ease-in-out -2s infinite reverse boat-bob}.skyline__wake{animation:3s ease-in-out infinite alternate boat-wake}.skyline__water{fill:none;stroke:#89958a;stroke-width:1px;stroke-linecap:round;animation:11s ease-in-out infinite alternate water-shift}.skyline__water--far{stroke:#747f77;stroke-width:.8px;opacity:.48;animation-duration:18s;animation-delay:-7s}.skyline__water--near{stroke:#8c9588;stroke-width:1.1px;opacity:.32;animation-duration:12s;animation-delay:-3s}.skyline__landmark-reflections{animation:6.5s ease-in-out -2s infinite alternate reflection-shimmer}.skyline__opera-reflection{stroke-width:1.7px}.skyline__moon-reflection{stroke-width:2.2px}.skyline__bridge-reflection{stroke-width:1.25px;opacity:.72}.skyline[data-active=false] *{animation-play-state:paused!important}@keyframes cloud-drift{0%{transform:translate(-180px)}to{transform:translate(1230px)}}@keyframes star-light{0%{opacity:.2}to{opacity:.85}}@keyframes city-window{0%,25%,to{opacity:.15}40%,80%{opacity:.8}}@keyframes beacon-light{0%,65%,to{opacity:.25}75%,85%{opacity:.9}}@keyframes bridge-light{0%{opacity:.55}to{opacity:.9}}@keyframes bridge-train{0%{transform:translate(-160px)}to{transform:translate(920px)}}@keyframes bridge-traffic-out{0%{transform:translate(-120px)}to{transform:translate(820px)}}@keyframes bridge-traffic-in{0%{transform:translate(820px)}to{transform:translate(-120px)}}@keyframes ferry-crossing{0%{transform:translate(-160px)}to{transform:translate(1230px)}}@keyframes sail-crossing{0%{transform:translate(1230px)}to{transform:translate(-100px)}}@keyframes boat-bob{0%,to{transform:translateY(0)rotate(-.5deg)}50%{transform:translateY(1.8px)rotate(.6deg)}}@keyframes boat-wake{0%{opacity:.3;transform:translate(-3px)}to{opacity:.65;transform:translate(3px)}}@keyframes water-shift{0%{transform:translate(-3px)}to{transform:translate(3px)}}@keyframes reflection-shimmer{0%{opacity:.68}to{opacity:1}}@media (max-width:1000px){.skyline__caption{width:calc(100% - 64px)}}@media (max-width:700px){.skyline{padding-top:24px}.skyline__caption{width:calc(100% - 36px);font-size:11px}.skyline__svg{margin-top:24px;margin-bottom:16px}}@media (prefers-reduced-motion:reduce){.skyline *{animation:none!important}.skyline__cloud--near{transform:translate(180px)}.skyline__cloud--far{transform:translate(710px)}.skyline__cloud--high{transform:translate(960px)}.skyline__train{transform:translate(320px)}.skyline__traffic--out{transform:translate(200px)}.skyline__traffic--in{transform:translate(540px)}}
.max-project{grid-template-columns:.95fr 1.4fr;align-items:center;gap:68px;padding-top:35px;display:grid}.max-copy>.category-label{margin-top:36px;display:block}.max-copy h4{letter-spacing:-.055em;margin-top:18px;font-size:max(36px,min(4.4vw,57px));line-height:1.05}.max-copy h4>span{color:var(--muted)}.max-copy>p{color:var(--muted);max-width:36ch;margin-top:25px;font-size:14px;line-height:1.85}.max-copy .inline-link{border-bottom:1px solid var(--line);margin-top:22px;padding-bottom:5px}.max-wordmark{letter-spacing:-.045em;white-space:nowrap;font-weight:700}.max-wordmark>span{background:linear-gradient(100deg,#f97316,#ec4899);color:transparent;-webkit-background-clip:text;background-clip:text}.max-proof{color:var(--muted);flex-wrap:wrap;align-items:flex-start;gap:26px;margin-top:30px;font-size:12px;display:flex}.max-proof>div{gap:5px;display:grid}.max-proof strong{font:500 27px/1 var(--font-display);letter-spacing:-.04em;color:var(--ink)}.max-proof span{font-size:10px}.maxhsc-showcase{isolation:isolate;min-width:0;margin:0;position:relative}.maxhsc-art-word{z-index:-1;font:500 clamp(65px,8vw,115px)/1.2 var(--font-display);letter-spacing:-.065em;color:#484746;color:color(display-p3 .283047 .280494 .274434);color:lab(30.4122% .0835657 1.14238);opacity:.26;transform:translateY(calc(0px - var(--scene-shift,0px)));will-change:transform;position:absolute;top:-10px;left:20px}.maxhsc-art-word .max-wordmark{font-weight:500}.mx-canvas{width:100%;height:790px;position:relative}.mx-connector{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.mx-connector path{fill:none;stroke:rgba(202,150,142,.48);stroke:color(display-p3 .761864 .594949 .564278/.48);stroke:lab(66.9395% 19.6532 12.1821/.48);stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2.5 5;opacity:.52;transition:opacity .18s var(--ease),stroke .18s var(--ease)}.mx-connector path.is-active{stroke:#e5a087;opacity:.96;animation:comment-thread .24s var(--ease)both}@keyframes comment-thread{0%{stroke-dashoffset:28px}to{stroke-dashoffset:0}}.mx-slot{z-index:2;position:absolute}.mx-card{background:var(--surface);border:1px solid var(--line);transition:transform .24s var(--spring),border-color .18s var(--ease),background-color .18s var(--ease);border-radius:13px;box-shadow:12px 20px 35px rgba(6,6,5,.2);box-shadow:12px 20px 35px color(display-p3 .023644 .0222496 .0191583/.2);box-shadow:12px 20px 35px lab(1.5647% .0333488 .370145/.2)}.mx-response-slot{z-index:3;width:57%;top:56px;left:0}.mx-response{overflow:hidden;transform:rotate(-1deg)}.mx-card-bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.mx-card-bar svg{width:18px;height:18px;stroke:var(--accent);stroke-width:1.5px}.mx-response .mx-card-bar{border-bottom:1px solid var(--line);padding:18px 23px;font-size:18px}.mx-subject-pill{border:1px solid var(--line);color:var(--muted);letter-spacing:0;border-radius:20px;padding:3px 9px;font-size:9px;font-weight:400}.mx-response-body{padding:21px 25px 24px}.mx-response h5{font:500 28px/1.1 var(--font-display);letter-spacing:-.04em;margin:12px 0 24px}.mx-kicker{letter-spacing:.09em;color:var(--muted);font-size:8px}.mx-response-label{letter-spacing:.09em;color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:11px;font-size:8px;display:flex}.mx-response-label svg{stroke:currentColor;stroke-width:1px;width:14px}.mx-response-body>p{color:var(--muted);font-size:12px;line-height:1.85}.mx-response mark{color:var(--ink);-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-color .18s var(--ease),color .18s var(--ease);background:rgba(215,142,136,.17);background:color(display-p3 .803287 .571097 .542753/.17);background:lab(66.664% 27.9202 15.3926/.17);box-shadow:inset 0 -1px #c58777}.mx-inline-anchor{color:inherit;font:inherit;line-height:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:0}.mx-inline-anchor:focus-visible{outline-offset:3px;outline:2px solid #e89b82}.mx-inline-anchor[aria-pressed=true] mark{color:var(--ink);background:rgba(234,153,139,.28);background:color(display-p3 .87089 .613431 .559183/.28);background:lab(71.2834% 30.007 20.3502/.28)}.mx-inline-anchor sup{vertical-align:middle;width:14px;height:14px;font:600 8px/1 var(--font-body);color:#dfa68f;transition:color .18s var(--ease),background-color .18s var(--ease),transform .2s var(--spring);background:rgba(84,59,56,.4);background:color(display-p3 .313459 .236874 .222831/.4);background:lab(27.7672% 10.5859 6.56446/.4);border-radius:50%;place-items:center;margin-left:4px;display:inline-grid}.mx-inline-anchor[aria-pressed=true] sup{color:#211916;background:#d98770;transform:translateY(-1px)}.mx-response-footer{color:var(--muted);align-items:center;gap:7px;margin-top:22px;font-size:8px;display:flex}.mx-response-footer svg{stroke:currentColor;stroke-width:1px;width:14px;margin-left:auto}.mx-feedback-dot{background:#d99174;border-radius:50%;flex:0 0 4px;width:4px;height:4px}.mx-result-slot{z-index:2;width:min(230px,42%);top:525px;left:0}.mx-result{padding:18px 19px 20px;transform:rotate(1deg)}.mx-score-label{color:var(--muted);margin-top:16px;font-size:10px}.mx-band{font:500 34px/1.15 var(--font-display);letter-spacing:-.055em;align-items:baseline;gap:7px;margin:3px 0 12px;display:flex}.mx-band>span{color:var(--ink);font-size:43px}.mx-band svg{stroke:#deaa77;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;align-self:center;width:35px;height:35px;margin-left:auto}.mx-band-scale{gap:5px;display:flex}.mx-band-scale span{background:var(--line);transform-origin:0;border-radius:2px;flex:1;height:5px}.mx-band-scale .filled{background:#d79770}.mx-band-scale .filled:nth-child(2){background:#d98573}.mx-band-scale .filled:nth-child(3){background:#d3757e}.mx-band-scale .filled:nth-child(4){background:#cb6d8d}.mx-band-scale .filled:nth-child(5){background:#c16e9b}.mx-result-reason{color:var(--ink);margin-top:15px;font-size:11px;line-height:1.5}.mx-result-next{color:var(--muted);margin-top:7px;font-size:10px;line-height:1.6}.mx-comment-slot{width:38%;right:0}.mx-comment-slot-1{top:78px}.mx-comment-slot-2{top:284px}.mx-comment-slot-3{top:490px}.mx-note{background:var(--surface-raised);min-height:142px;padding:16px 15px 17px;scroll-margin-top:30px;position:relative;transform:rotate(.7deg)}.mx-comment-slot-2 .mx-note{transform:rotate(-.6deg)}.mx-comment-slot-3 .mx-note{transform:rotate(.3deg)}.mx-note[data-active=true]{background:color-mix(in oklch,var(--surface-raised)82%,#805443 18%);border-color:rgba(175,117,107,.72);border-color:color(display-p3 .652631 .46902 .429889/.72);border-color:lab(55.2657% 22.458 15.1836/.72);transform:translateY(-3px)rotate(0)}.mx-note-pin{z-index:2;color:#211916;width:22px;height:22px;font:700 9px/1 var(--font-body);transition:transform .2s var(--spring),box-shadow .18s var(--ease);background:#d98770;border:1px solid rgba(231,192,185,.55);border:1px solid color(display-p3 .87987 .759766 .732614/.55);border:1px solid lab(81.0597% 13.2796 8.8526/.55);border-radius:50%;place-items:center;display:grid;position:absolute;top:19px;left:-12px;box-shadow:0 3px 9px rgba(5,3,2,.28);box-shadow:0 3px 9px color(display-p3 .0191654 .0108639 .00823274/.28);box-shadow:0 3px 9px lab(.887291% .65662 .522998/.28)}.mx-note[data-active=true] .mx-note-pin{transform:scale(1.12);box-shadow:0 0 0 4px rgba(208,151,143,.13);box-shadow:0 0 0 4px color(display-p3 .782972 .602742 .569844/.13);box-shadow:0 0 0 4px lab(68.0535% 21.1859 13.1494/.13)}.mx-comment-context{color:#dfa68f;letter-spacing:.035em;justify-content:space-between;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;max-width:100%;font-size:9px;text-decoration:none;display:flex}.mx-comment-context svg{stroke:currentColor;stroke-width:1.2px;width:12px;transition:transform .2s var(--spring)}.mx-comment-context:focus-visible{outline-offset:4px;border-radius:2px;outline:2px solid #e89b82}.mx-note h5{letter-spacing:-.015em;color:var(--ink);margin-top:13px;font-size:12px;font-weight:600;line-height:1.45}.mx-note p{color:var(--muted);margin-top:7px;font-size:10px;line-height:1.65}.maxhsc-showcase[data-entered=true] .mx-slot{animation:product-arrive .6s var(--spring)both}.maxhsc-showcase[data-entered=true] .mx-result-slot{animation-delay:.15s}.maxhsc-showcase[data-entered=true] .mx-comment-slot-1{animation-delay:90ms}.maxhsc-showcase[data-entered=true] .mx-comment-slot-2{animation-delay:.15s}.maxhsc-showcase[data-entered=true] .mx-comment-slot-3{animation-delay:.21s}.maxhsc-showcase[data-entered=true] .mx-band-scale .filled{animation:band-arrive .45s var(--ease)both}.maxhsc-showcase[data-entered=true] .mx-band-scale .filled:nth-child(2){animation-delay:60ms}.maxhsc-showcase[data-entered=true] .mx-band-scale .filled:nth-child(3){animation-delay:.12s}.maxhsc-showcase[data-entered=true] .mx-band-scale .filled:nth-child(4){animation-delay:.18s}.maxhsc-showcase[data-entered=true] .mx-band-scale .filled:nth-child(5){animation-delay:.24s}@keyframes product-arrive{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes band-arrive{0%{opacity:.15;transform:scaleX(.9)}to{opacity:1;transform:scaleX(1)}}@media (hover:hover) and (pointer:fine){.mx-card:hover{border-color:#534f49;border-color:color(display-p3 .323759 .311012 .287183);border-color:lab(33.911% .757441 4.57031)}.mx-note:hover .mx-comment-context svg{transform:translate(2px)}}@media (max-width:1200px) and (min-width:701px){.max-project{grid-template-columns:1fr;gap:25px}.max-copy{max-width:640px}.max-copy h4{font-size:53px}.max-copy>p{max-width:52ch}.maxhsc-showcase{width:min(620px,100%);margin-left:auto;margin-right:auto}.mx-canvas{height:790px}.max-proof{gap:40px}}@media (max-width:700px){.max-project{grid-template-columns:1fr;gap:36px;padding-top:25px}.max-copy>.category-label{margin-top:22px}.max-copy h4{font-size:44px}.max-copy>p{max-width:45ch;margin-top:20px}.max-copy .inline-link{margin-top:16px}.max-proof{gap:25px}.max-proof strong{font-size:25px}.maxhsc-showcase{padding:35px 8px 15px}.maxhsc-art-word{font-size:87px;top:-10px;left:8px}.mx-canvas{gap:18px;height:auto;min-height:0;padding:28px 0 4px;display:grid}.mx-slot{position:relative;top:auto;bottom:auto;left:auto;right:auto}.mx-response-slot{order:1;justify-self:start;width:calc(100% - 20px)}.mx-response{transform:rotate(-.4deg)}.mx-response-body{padding:20px 21px 22px}.mx-response h5{font-size:26px}.mx-result-slot{order:5;width:min(260px,76%);margin:5px 0 0 8px}.mx-comment-slot{justify-self:start;width:calc(100% - 30px);margin-left:4px}.mx-comment-slot-1{order:2}.mx-comment-slot-2{order:3}.mx-comment-slot-3{order:4}.mx-note,.mx-comment-slot-2 .mx-note,.mx-comment-slot-3 .mx-note{min-height:0;padding:15px 17px 16px;transform:rotate(0)}.mx-note-pin{top:15px;left:auto;right:-13px}.mx-note h5{margin-top:10px;font-size:13px}.mx-note p{max-width:42ch;font-size:11px}.mx-connector path{stroke-width:1.1px}}@media (max-width:370px){.max-copy h4{font-size:39px}.max-proof{gap:18px}.max-proof strong{font-size:22px}.max-proof span{font-size:9px}.maxhsc-art-word{font-size:75px}.mx-response .mx-card-bar{padding-left:17px;padding-right:17px}.mx-response-body{padding:18px}.mx-response h5{font-size:24px}}@media (prefers-reduced-motion:reduce){.maxhsc-showcase *{transition:none!important;animation:none!important}.maxhsc-art-word,.maxhsc-art-line{transform:none}}
.quell-device.q-phone{border-width:5px;width:270px;min-height:558px;padding:15px 23px 30px;transform:rotate(-3deg)}.q-status{justify-content:space-between;align-items:center;margin-bottom:27px;padding:0 3px;font-size:9px;font-weight:600;display:flex}.q-status svg{width:40px;height:12px}.q-phone .device-island{width:72px;top:9px;left:calc(50% - 36px)}.q-brand{font:600 25px var(--font-display);letter-spacing:-.06em;justify-content:space-between;align-items:center;display:flex}.q-brand svg{width:20px;height:20px;color:var(--muted)}.q-limit-label{letter-spacing:.08em;color:var(--muted);margin-top:24px;font-size:8px}.q-heading{min-height:69px;margin-top:9px}.q-heading h4{letter-spacing:-.04em;font-size:29px;line-height:1.08}.q-action{background:var(--ink);width:100%;min-height:44px;color:var(--bg);transition:transform .14s var(--ease),opacity .14s var(--ease);border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;font-size:11px;font-weight:600;display:flex}.q-action:active{transform:scale(.98)}.q-action:disabled{opacity:.5;cursor:default}@media (max-width:700px){.quell-art{min-height:650px}.quell-device.q-phone{width:270px}}@media (prefers-reduced-motion:reduce){.q-action{transition:none}.q-action:active{transform:none}}@media (max-width:370px){.quell-device.q-phone{width:250px}.q-heading h4{font-size:27px}}.quell-art{padding-top:58px;padding-bottom:78px;overflow:visible}.quell-type{text-align:left;opacity:.6;z-index:-1;width:auto;font-size:max(145px,min(19vw,240px));line-height:1;top:90px;left:-12px;transform:none}.quell-feature-type{z-index:-1;font:600 clamp(45px,5.4vw,76px)/1.1 var(--font-display);letter-spacing:-.065em;white-space:nowrap;color:#3b3a39;color:color(display-p3 .231375 .228904 .223042);color:lab(24.6121% .0845045 1.14299);justify-content:center;align-items:baseline;gap:22px;display:flex;position:absolute;top:425px;left:0;right:0}.quell-feature-type span{transition:color .22s var(--ease),transform .22s var(--spring)}.quell-feature-type span.active{color:#625d55;color:color(display-p3 .380175 .364881 .3363);color:lab(39.7158% .888765 5.33586);transform:translateY(-6px)}.q-journey{z-index:-1;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.q-journey-track{stroke:#3a3833;stroke:color(display-p3 .225144 .218546 .202995);stroke:lab(23.4703% .2601 3.07213);stroke-width:1px}.q-journey-progress{stroke:#9e907a;stroke:color(display-p3 .609365 .567603 .489812);stroke:lab(60.6363% 2.45762 13.5375);stroke-width:1.2px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:.6px}.q-waypoint circle{fill:var(--bg);stroke:var(--muted);stroke-width:1px}.q-waypoint text{font:8px var(--font-body);letter-spacing:1px;fill:var(--muted)}.q-waypoint.active circle{fill:var(--accent);stroke:var(--accent)}.q-waypoint.active text{fill:var(--ink)}.q-device-travel{position:relative}@media (max-width:700px){.quell-art{padding-top:58px;padding-bottom:78px}.quell-type{font-size:max(120px,min(32vw,175px));top:105px;left:0}.quell-feature-type{gap:10px;font-size:max(27px,min(7.7vw,48px));top:450px}.q-waypoint text{display:none}}@media (prefers-reduced-motion:reduce){.quell-type,.quell-feature-type,.q-device-travel,.quell-feature-type span.active{transform:none!important}.quell-feature-type span{transition:none}.q-journey-progress{stroke-dashoffset:0}}@media (min-width:701px) and (max-width:1000px){.quell-feature-type{gap:14px;font-size:max(32px,min(4.7vw,47px))}}.q-phone .q-heading h4{font-size:27px}.q-phone .q-heading{min-height:62px}.q-usage{margin-top:17px}.q-usage-label,.q-chart-labels{color:var(--muted);justify-content:space-between;font-size:8px;display:flex}.q-usage-label>span:last-child{font-size:7px}.q-usage-value{font:500 34px/1.2 var(--font-display);letter-spacing:-.05em;align-items:baseline;gap:5px;margin-top:5px;display:flex}.q-usage-value small{font:400 12px var(--font-body);color:var(--muted);letter-spacing:0}.q-usage-value>span{font:400 10px var(--font-body);color:var(--muted);letter-spacing:0;margin-left:auto}.q-usage-chart{width:100%;height:45px;margin-top:8px}.q-usage-chart rect{fill:var(--accent);opacity:.85}.q-usage-chart .q-chart-future{opacity:.18}.q-chart-labels{margin-top:3px;font-size:7px}.q-calendar,.q-adaptive{border:1px solid var(--line);background:var(--surface);border-radius:10px;margin-top:14px;padding:12px}.q-card-label{color:var(--muted);align-items:center;gap:6px;font-size:8px;display:flex}.q-card-label svg{stroke:currentColor;stroke-width:1.2px;width:12px;height:12px}.q-connected{background:var(--sage);border-radius:50%;width:4px;height:4px;margin-left:auto}.q-calendar-event{align-items:baseline;gap:9px;margin-top:12px;font-size:8px;display:flex}.q-calendar-event>span{color:var(--muted)}.q-calendar-event strong{font-size:10px;font-weight:500}.q-calendar-event small{color:var(--muted);margin-left:auto}.q-adaptive .q-card-label{color:var(--accent)}.q-adaptive .q-card-label svg{margin-left:auto}.q-adaptive-value{justify-content:space-between;align-items:baseline;margin-top:8px;display:flex}.q-adaptive-value strong{font:500 26px var(--font-display)}.q-adaptive-value small{font-size:13px;font-weight:400}.q-adaptive-value>span{color:var(--muted);font-size:7px}.q-adaptive p{color:var(--muted);min-height:44px;margin-top:6px;font-size:9px;line-height:1.6}.quell-device.q-phone{width:270px;height:570px;min-height:0;padding:14px 18px 25px}.q-phone .q-status{margin-bottom:18px}.q-phone .q-heading{min-height:0;margin-top:13px}.q-phone .q-heading h4{font-size:23px;line-height:1.1}.q-phone .q-usage{margin-top:16px}.q-phone .q-usage-value{font-size:30px}.q-phone .q-usage-chart{height:36px;margin-top:5px}.q-phone .q-calendar,.q-phone .q-adaptive{margin-top:12px;padding:10px}.q-phone .q-calendar-event{margin-top:9px}.q-phone .q-adaptive p{min-height:0;line-height:1.5}.q-phone .q-action{margin-top:12px}@media (max-width:370px){.quell-device.q-phone{width:250px;height:540px;padding-left:15px;padding-right:15px}.q-phone .q-status{margin-bottom:14px}.q-phone .q-heading h4{font-size:21px}.q-phone .q-usage{margin-top:12px}.q-phone .q-calendar,.q-phone .q-adaptive{margin-top:9px;padding:9px}.q-phone .q-action{margin-top:10px}}