/* Public homepage experience. The authenticated application is out of scope. */
.kinetic-home{--night:#100b1d;--night-surface:#1b142b;--night-ink:#f5efff;--night-muted:#c4b4dd;--electric:#b98bff;--motion-out:cubic-bezier(.23,1,.32,1);--motion-in-out:cubic-bezier(.77,0,.175,1)}
.kinetic-home .site-header{background:var(--night);color:var(--night-ink);border-color:#ffffff13}.kinetic-home .brand-dot{color:var(--electric)}.kinetic-home #main-nav a:hover{color:#c6a1ff}.kinetic-home .language-picker>div{background:#251936;border-color:#584269}.kinetic-home .language-picker a:hover{background:#3a2852}.kinetic-home .site-skip{background:#e8d4ff;color:#20102f}.kinetic-home .site-header a:focus-visible,.kinetic-home .site-header summary:focus-visible{outline-color:#d2b3ff}
.connected-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--night);color:var(--night-ink);padding:48px 0 30px}.kinetic-field{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 70%,#4f266649,transparent 65%)}.kinetic-field>div{position:absolute;width:700px;height:700px;inset-block-start:20%;inset-inline-start:7%;border-radius:50%;background:radial-gradient(ellipse,#8145be2e,transparent 68%);opacity:.9}.kinetic-field>div+div{width:550px;height:550px;inset-inline-start:auto;inset-inline-end:0;inset-block-start:0;background:radial-gradient(ellipse,#cd447620,transparent 70%)}
.connected-intro{text-align:center;position:relative;z-index:1}.connected-intro h1{font-size:clamp(44px,5.3vw,78px);line-height:1.06;letter-spacing:-.04em;font-weight:750;max-width:1250px;margin:0 auto 20px;text-wrap:balance}.connected-intro>p{font-size:18px;color:var(--night-muted);max-width:67ch;margin:auto;line-height:1.6}.connected-actions{display:flex;justify-content:center;gap:24px;align-items:center;margin-top:27px}.connected-actions .button{background:#b68afa;color:#1c0b33;box-shadow:0 7px 24px -13px #b784ffb3}.connected-actions .button:hover{background:#cbaaff}.connected-actions .text-link{color:#e2d5f3;background:none;border:0}.story-play{gap:8px}.story-play svg{width:18px;fill:currentColor;stroke-width:1.4}.connected-hero :focus-visible,.connection-section :focus-visible{outline-color:#d4b6ff;outline-offset:7px}
.device-stage{max-width:1430px;width:calc(100% - 72px);margin:34px auto 0;position:relative;perspective:1600px}.device-family{display:grid;grid-template-columns:1.48fr .76fr .39fr .3fr .94fr;align-items:end;gap:20px;padding:20px 0 0}.device{min-width:0;display:block;border:0;padding:0;background:none;color:#f7efff;text-align:center;position:relative;transition:transform 250ms var(--motion-out);-webkit-appearance:none;appearance:none}.device-object{position:relative;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate}.device-frame{background:linear-gradient(145deg,#76737e,#3a3544 34%,#756878 66%,#49444e);padding:3px;border-radius:15px;display:block;position:relative;box-shadow:0 26px 32px -24px #000c}.device-frame:before{content:'';position:absolute;inset:0;border:1px solid #d0bbdb55;border-radius:inherit;pointer-events:none}.device-screen{background:#f7f5fc;color:#282038;display:block;overflow:hidden;position:relative;text-align:start;border:7px solid #100d15;border-radius:13px;aspect-ratio:1.61;font-size:9px}.device-mac .device-frame{border-radius:15px 15px 4px 4px;padding:3px 3px 0}.device-mac .device-screen{border-radius:12px 12px 0 0;border-bottom-width:9px}.laptop-base{height:11px;display:block;background:linear-gradient(#b6aebd,#554b63);border-radius:1px 1px 12px 12px;margin:0 -6%;position:relative;box-shadow:0 16px 24px -8px #0008}.laptop-base:after{content:'';position:absolute;top:0;left:43%;height:4px;width:14%;background:#5a5161;border-radius:0 0 8px 8px}.device-ipad .device-screen{aspect-ratio:.73;border-width:9px;border-radius:16px}.device-ipad .device-frame{border-radius:20px}.device-phone .device-frame{border-radius:23px;padding:2px}.device-phone .device-screen{aspect-ratio:.48;border-width:5px;border-radius:21px}.device-watch .device-object{padding-block:26px 21px}.device-watch .device-object:before{content:'';position:absolute;left:19%;right:19%;top:0;bottom:0;z-index:-1;border-radius:14px;background:linear-gradient(90deg,#5a436d,#84609e 22%,#84609e 77%,#4b385a)}.device-watch .device-frame{border-radius:24px;padding:3px;background:linear-gradient(135deg,#b6a3b9,#4b3e53,#a598ad)}.device-watch .device-frame:after{content:'';position:absolute;width:5px;height:14px;right:-4px;top:23px;background:#7d6a8d;border-radius:0 3px 3px 0}.device-watch .device-screen{aspect-ratio:.84;background:#110e1b;color:#f4eaff;border-radius:21px;border-width:4px}.device-car .device-frame{border-radius:14px;padding:4px;background:linear-gradient(140deg,#5b5463,#292333)}.device-car .device-screen{aspect-ratio:1.91;border-width:6px;border-radius:10px;background:#17222b;color:white}
.device-name{font-size:12px;font-weight:550;display:flex;flex-direction:column;align-items:center;gap:11px;margin-top:24px;color:#c9b9db;white-space:nowrap}.device-point{width:5px;height:5px;background:#6d597f;border-radius:50%;display:block;transition:background 200ms ease,transform 200ms var(--motion-out)}.device[aria-pressed=true] .device-name{color:white}.device[aria-pressed=true] .device-point{background:#d4b0ff;transform:scale(1.6)}.device[aria-pressed=true] .device-frame:before{border-color:#cca2ff}.signal-track{height:22px;margin-top:12px;position:relative;width:96%;margin-inline:auto;overflow:hidden}.signal-track:before{content:'';position:absolute;top:7px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#806097 20%,#806097 80%,transparent)}.signal-track>span{position:absolute;width:18%;height:1px;top:7px;left:0;background:linear-gradient(90deg,transparent,#efddff,transparent);opacity:0}.signal-track>i{display:none}
.device-caption{display:flex;justify-content:space-between;align-items:center;gap:30px;min-height:105px;padding-top:10px}.device-description{display:grid;grid-template-columns:140px 1fr;gap:4px 28px;align-items:center;max-width:900px}.device-kind{grid-row:span 2;color:#cab2e5;font-size:12px;padding-inline-end:24px;border-inline-end:1px solid #5c426b;max-width:150px}.device-description h2{font-size:21px;letter-spacing:-.02em}.device-description p{font-size:13px;color:var(--night-muted)}.experience-controls{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.experience-controls p{font-size:11px;color:#bba8d0}.motion-control{border:1px solid #765390;background:transparent;border-radius:7px;padding:7px 11px;color:#ebddfa;font-size:11px;display:flex;align-items:center;gap:8px;min-height:34px}.motion-light{width:5px;height:10px;border-left:2px solid currentColor;border-right:2px solid currentColor;display:block}.motion-control[aria-pressed=false] .motion-light{border:0;width:6px;height:6px;background:currentColor;border-radius:50%}.device-disclosure{color:#bba8d0;font-size:11px;text-align:center;padding-top:8px;max-width:none}
/* The five screens contain authored sample records, not images of tenant data. */
.screen-toolbar{height:27px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background:white;border-bottom:1px solid #e6dfee;gap:5px}.screen-brand{font-size:12px;letter-spacing:-.04em;font-weight:800;white-space:nowrap;unicode-bidi:isolate}.screen-brand>span{color:#9b3fe4}.screen-toolbar>span:nth-child(2){font-size:6px;color:#6a5c7a}.screen-toolbar>i{font:600 5px/15px var(--font);width:15px;height:15px;background:#ece2f5;border-radius:50%;text-align:center}.desktop-screen{display:flex}.screen-sidebar{width:23px;background:#ede5f5;flex:none;padding-top:13px;display:flex;flex-direction:column;align-items:center;gap:11px}.screen-sidebar i{display:block;width:7px;height:7px;border:1px solid #92829f;border-radius:2px}.screen-sidebar i:nth-child(2){background:#9c5ad4;border-color:#9c5ad4}.screen-book{flex:1;min-width:0;padding:12px}.screen-book>strong{font-size:13px;font-weight:700;display:block}.screen-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:9px 0 12px}.screen-metrics>div{padding:5px 2px;text-align:center;border-top:2px solid #9772bb;border-radius:4px;background:white;color:#5c318c;display:grid;gap:2px}.screen-metrics>div:nth-child(2){border-color:#6090da;color:#315893}.screen-metrics>div:nth-child(3){border-color:#c6994d;color:#956014}.screen-metrics>div:nth-child(4){border-color:#559777;color:#326b4f}.screen-metrics span{font-size:6px;font-weight:650;white-space:nowrap}.screen-metrics b{font-size:17px;line-height:1}.screen-table-label{display:flex;justify-content:space-between;padding:0 5px 6px;color:#8a7c98;font-size:6px}.screen-row{display:flex;align-items:center;gap:6px;padding:7px 5px;border-bottom:1px solid #e9e2f0;font-size:6px;min-height:26px}.screen-avatar{height:14px;width:14px;display:grid;place-items:center;border-radius:50%;background:#ebdef7;flex:none;font-size:6px}.screen-row>b{font-weight:550;font-size:6px;white-space:nowrap}.screen-row>span:last-child{margin-inline-start:auto;max-width:45%;color:#665772}.screen-row .screen-state{color:#5f328d;background:#eadbfa;padding:3px 4px;border-radius:3px}.screen-footer{display:flex;gap:5px;align-items:center;margin-top:9px;font-size:6px;color:#736080}.signal-dot{height:4px;width:4px;border-radius:50%;background:#9260ba}.tablet-screen{padding:12px 10px}.tablet-screen>strong{font-size:12px}.weekdays{display:flex;justify-content:space-between;margin:12px 0 14px;font-size:7px;color:#8b7b96}.weekdays i{font-style:normal;padding:4px}.weekdays .day-picked{background:#8850bd;color:white;border-radius:5px}.tablet-visit{padding:12px 10px;background:#ece2f6;border-radius:6px;display:flex;flex-direction:column;gap:6px}.tablet-visit>b{font-size:11px;color:#6f3a9e}.tablet-visit>strong{font-size:9px;line-height:1.3}.tablet-visit>span{font-size:7px}.tablet-visit .screen-state{font-size:6px;margin-top:3px}.secondary-visit{margin-top:8px;background:#fff;border:1px solid #eae2f1}.phone-island{width:36%;height:8px;background:#100d15;border-radius:0 0 6px 6px;position:absolute;top:0;left:32%}.phone-screen-head{display:flex;justify-content:space-between;align-items:center;padding:16px 7px 8px;font-size:5px}.phone-screen-head .screen-brand{font-size:8px}.handheld-screen{padding:10px 8px;font-size:6px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.handheld-screen>span:first-child{color:#786b83}.handheld-screen h3{font-size:10px;line-height:1.25}.mobile-time{font-size:23px;line-height:1;font-weight:700;letter-spacing:-.04em;margin-block:4px}.handheld-screen .screen-state{padding:4px;background:#ebdef8;color:#60348c;border-radius:3px;font-size:5px}.phone-context{display:flex;flex-direction:column;gap:8px;border-top:1px solid #e3dbe9;padding-top:8px;width:100%;font-size:5px;color:#6c5d78}.phone-action{background:#8043b4;color:white;width:100%;padding:3px;text-align:center;border-radius:4px}.phone-action svg{width:11px;height:11px;vertical-align:middle}.watch-screen-content{padding:8px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;height:100%;position:absolute;inset:0}.watch-screen-content>span:first-child{font-size:10px;color:#c88aff;font-weight:700}.watch-screen-content>b{font-size:19px;letter-spacing:-.03em;line-height:1.1}.watch-screen-content>span{font-size:5px}.watch-screen-content>i{background:#3e235b;width:20px;height:20px;border-radius:50%;display:grid;place-items:center}.watch-screen-content svg{width:11px;height:11px;color:#d5adfa;transform:rotate(-45deg)}.car-screen-head{display:flex;justify-content:space-between;align-items:center;height:23px;padding:0 8px;background:#18202b;font-size:6px}.car-screen-head .screen-brand{font-size:8px}.car-content{display:flex;align-items:stretch;height:calc(100% - 23px);min-height:95px;position:relative}.car-direction{width:40%;padding:8px 5px 8px 9px;font-size:6px;display:flex;flex-direction:column;gap:7px;position:relative;z-index:1;background:#28323f}.car-direction>svg{color:#c39bf9;width:20px;height:20px;transform:rotate(-90deg)}.car-direction>strong{font-size:8px}.car-direction>b{font-size:17px;font-weight:600}.car-direction small{font-size:7px}.car-map{height:100%;width:60%;position:absolute;right:0;top:0;background:#1e2a34}.map-block{fill:#33414b;stroke:none}.map-road{stroke:#6d788149;stroke-width:10}.map-route{stroke:#b58bea;stroke-width:5}.map-start{fill:#d3b2ff;stroke:#7f51ba;stroke-width:4}.map-stop{fill:#e4d5f5;stroke:#ae7cef;stroke-width:5}
.connected-story{padding-block:110px}.connected-story .section-heading h2{max-width:18ch}.story-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;align-items:center}.story-controls{min-width:0}.story-steps{display:flex;flex-direction:column;gap:2px}.story-steps button{border:0;border-bottom:1px solid #e1d7ed;display:flex;align-items:center;gap:22px;padding:23px 0;background:transparent;text-align:start;font-size:18px;font-weight:600;color:#7a6d8b;transition:color 200ms ease}.story-steps button>svg{width:18px;margin-inline-start:auto;opacity:0;transform:translateX(-6px);transition:opacity 180ms ease,transform 180ms var(--motion-out)}.story-steps [aria-pressed=true]{color:#64269e}.story-steps [aria-pressed=true]>svg{opacity:1;transform:none}.step-index{font-size:12px;letter-spacing:.04em;font-variant-numeric:tabular-nums}.story-controls>.story-play{background:none;border:0;padding:0;margin-top:22px}.story-disclosure{font-size:12px;margin-top:12px;max-width:31ch}.story-workspace{border:1px solid #e5daee;border-radius:16px;overflow:hidden;background:white;box-shadow:0 38px 50px -38px #3c125c4d}.story-window-bar{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 24px;background:#f0eaf7;gap:20px}.story-window-bar>span:last-child{font-size:10px;color:#746681}.story-window-dots{display:flex;gap:5px}.story-window-dots i{height:6px;width:6px;border-radius:50%;background:#bba7ca}.story-record{padding:30px}.record-heading{display:flex;align-items:center;gap:13px;padding-bottom:25px;border-bottom:1px solid #eee5f5}.record-avatar{display:grid;place-items:center;background:#e9daf6;color:#734694;border-radius:50%;height:43px;width:43px;font-weight:600;font-size:14px;flex:none}.record-heading>div{display:flex;flex-direction:column;gap:4px}.record-heading>div>span{font-size:11px;color:#84718e}.record-heading strong{font-size:16px}.record-status{font-size:11px;color:#7641a4;background:#f0e2fc;margin-inline-start:auto;padding:6px 10px;border-radius:6px;white-space:nowrap}.story-message{padding:30px 0 26px;min-height:220px}.story-message h3{font-size:28px;line-height:1.2;max-width:25ch;margin-bottom:17px}.story-message p{font-size:15px;line-height:1.75;max-width:53ch}.record-activity{display:flex;align-items:center;gap:14px;padding:18px;background:#f5f0fa;border-radius:10px;min-height:85px}.activity-dot{height:9px;width:9px;border-radius:50%;background:#8b4cbc;flex:none}.record-activity>div{display:flex;flex-direction:column;gap:5px}.record-activity b{font-size:13px;font-weight:650}.record-activity>div>span{font-size:12px;color:#786487}.record-activity>svg{width:19px;margin-inline-start:auto;color:#824ca7}.record-handoff{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:25px;font-size:10px;color:#786487}.handoff-path{height:1px;flex:1;background:#dbcae8;position:relative;overflow:hidden}.handoff-path i{position:absolute;left:0;top:0;width:40%;height:1px;background:#995fcd;opacity:0}.scene-1 .record-status,.scene-1 .screen-row .screen-state{background:#fff0d6;color:#926013}.scene-2 .record-status,.scene-2 .screen-row .screen-state{background:#e3ecfd;color:#385f9b}.scene-3 .record-status,.scene-3 .screen-row .screen-state{background:#e2f2e9;color:#397a59}
.connection-section{background:#171021;color:#f5efff;padding:95px 0 55px;position:relative;overflow:hidden}.connection-section .section-heading h2{max-width:19ch}.connection-section .section-heading p{color:#bfaaca}.connection-layout{display:grid;grid-template-columns:1.45fr 1fr;gap:85px;align-items:center}.connection-map{height:390px;position:relative;isolation:isolate}.connection-wires{position:absolute;width:100%;height:100%;inset:0;stroke:#4a3659;stroke-width:1;z-index:-1}.connection-wire{transition:stroke 200ms ease}.connection-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;border:1px solid #87639d;border-radius:25px;display:grid;place-items:center;background:#2c193e;box-shadow:0 20px 30px -14px #0008}.connection-core>span{font-size:52px;font-weight:750;letter-spacing:-.04em;line-height:1}.connection-core>span>span{color:#c59aee}.connection-core>i{position:absolute;inset:-18px;border:1px solid #4d315f;border-radius:38px;pointer-events:none}.provider{position:absolute;border:1px solid #503963;border-radius:10px;background:#24172f;padding:13px 14px;display:flex;align-items:center;gap:11px;color:#d9c5e5;font-weight:550;font-size:13px;width:155px;min-height:56px;transition:background 200ms ease,border-color 200ms ease,transform 220ms var(--motion-out);transform:translateY(-50%)}.provider-0,.provider-1,.provider-2{left:0}.provider-3,.provider-4,.provider-5{right:0}.provider-0,.provider-3{top:20%}.provider-1,.provider-4{top:50%}.provider-2,.provider-5{top:80%}.provider-symbol{font-size:18px;font-weight:700;line-height:1;color:#c5a0e2;min-width:21px;text-align:center}.provider-1 .provider-symbol{color:#dca2b8}.provider-2 .provider-symbol{color:#bca8fa}.provider-3 .provider-symbol{color:#e79aaa}.provider-4 .provider-symbol{color:#94b8f4}.provider-5 .provider-symbol{font-size:13px}.provider[aria-pressed=true]{background:#3b2350;color:#fff;border-color:#b785de}.connection-map[data-provider-active="0"] .wire-0,.connection-map[data-provider-active="1"] .wire-1,.connection-map[data-provider-active="2"] .wire-2,.connection-map[data-provider-active="3"] .wire-3,.connection-map[data-provider-active="4"] .wire-4,.connection-map[data-provider-active="5"] .wire-5{stroke:#d3a4ff;stroke-width:2}.connection-detail{min-height:265px}.connection-name{font-size:14px;color:#c59fe2;display:block;margin-bottom:17px}.connection-detail h3{font-size:32px;max-width:20ch;line-height:1.15;margin-bottom:20px}.connection-detail p{font-size:15px;line-height:1.8;color:#bea9cd;max-width:42ch}.connection-detail a{margin-top:17px;color:#d7b1fa}.connection-disclosure{font-size:12px;color:#b39abf;margin-top:38px;max-width:100ch}
.kinetic-home .feature-section{background:#f1eaf8}.kinetic-home .roles-section{padding-block:105px}.kinetic-home .appearance-section{background:#f5f0fa;padding-block:90px}.kinetic-home .final-cta{background:#3e185f}.kinetic-home .site-footer{background:#f7f3fb}.kinetic-home .button,.kinetic-home .text-link{transition:background 180ms ease,color 180ms ease,transform 180ms var(--motion-out)}.kinetic-home .site-progress{position:fixed;top:0;left:0;right:0;height:2px;background:#c690f2;transform-origin:left;transform:scaleX(0);z-index:40;pointer-events:none}
@media(hover:hover) and (pointer:fine){.device:hover{transform:translateY(-8px)}.provider:hover{transform:translateY(calc(-50% - 3px));border-color:#a575c5}.kinetic-home .button:hover{transform:translateY(-2px)}}
@media(prefers-reduced-motion:no-preference){.connected-hero.in-view .kinetic-field>div{animation:ambient-drift 16s ease-in-out infinite alternate}.connected-hero.in-view .kinetic-field>div+div{animation-delay:-8s}.story-playing .signal-track>span{animation:signal-send 2400ms linear infinite}.story-playing .handoff-path i{animation:signal-send 2400ms linear infinite}.story-playing .scene-row{animation:record-received 600ms var(--motion-out)}@keyframes ambient-drift{to{transform:translate(70px,-40px) scale(1.1)}}@keyframes signal-send{0%{transform:translateX(-110%);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateX(620%);opacity:0}}@keyframes record-received{from{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:none}}}
.kinetic-home.motion-paused *,.kinetic-home.motion-paused *:before,.kinetic-home.motion-paused *:after{animation:none!important;transition:none!important}.kinetic-home.motion-paused{scroll-behavior:auto}.kinetic-home.motion-paused .signal-track>span{opacity:1;transform:translateX(240%)}
[dir=rtl] .connected-actions>.button>svg,[dir=rtl] .connection-detail>.text-link>svg{transform:rotate(180deg)}[dir=rtl] .story-steps button>svg{transform:rotate(180deg)}[dir=rtl] .car-map{right:auto;left:0}[dir=rtl] .record-handoff{direction:rtl}
@media(min-width:1550px){.connected-hero{padding-top:65px}.device-stage{margin-top:45px}.device-family{gap:26px}.device-caption{padding-top:25px}.device-screen{font-size:11px}}
@media(max-width:1150px){.device-stage{width:calc(100% - 44px)}.device-family{gap:15px}.device-screen{border-width:5px}.screen-book{padding:7px}.screen-book>strong{font-size:10px}.screen-row{gap:4px;padding:5px 3px;min-height:22px}.screen-metrics{margin-block:7px}.screen-metrics b{font-size:15px}.screen-footer{display:none}.tablet-screen{padding:9px}.tablet-visit{padding:8px;gap:5px}.tablet-visit>strong{font-size:8px}.tablet-screen>strong{font-size:10px}.weekdays{margin:8px 0}.secondary-visit{padding:7px}.tablet-visit>b{font-size:9px}.device-ipad .device-screen{border-width:6px}.phone-screen-head{padding-top:11px}.handheld-screen{gap:5px;padding:7px 5px}.handheld-screen h3{font-size:9px}.mobile-time{font-size:19px}.phone-context{gap:6px;padding-top:5px}.watch-screen-content>b{font-size:16px}.device-watch .device-frame{border-radius:21px}.watch-screen-content{gap:3px;padding:4px 0}.device-watch .device-object{padding-block:22px 19px}.watch-screen-content>i{height:17px;width:17px}.car-content{min-height:75px}.car-direction{gap:4px}.car-direction>b{font-size:14px}.device-description{grid-template-columns:115px 1fr;gap:4px 20px}.device-caption{min-height:125px}.device-description h2{font-size:20px}.experience-controls p{max-width:20ch;text-align:end}.story-layout{gap:50px}.connection-layout{gap:40px;grid-template-columns:1.3fr 1fr}.provider{width:133px;font-size:12px;padding-inline:10px;gap:6px}.connection-core{width:86px;height:86px}.connection-core>span{font-size:45px}}
@media(max-width:850px){.kinetic-home #main-nav{background:#191123;border-color:#513567}.connected-intro h1{font-size:55px}.connected-intro>p{font-size:16px;max-width:58ch}.connected-hero{padding-top:42px}.device-stage{overflow-x:auto;scrollbar-color:#705187 #1b1126;width:100%;padding:0 24px;scroll-padding-inline:24px}.device-family{min-width:960px;gap:16px;padding-block:12px 0}.signal-track{min-width:935px}.device-caption{flex-direction:column;align-items:stretch;gap:20px;padding-top:14px}.experience-controls{flex-direction:row;align-items:center;justify-content:space-between}.experience-controls p{max-width:none;text-align:start}.device-disclosure{text-align:start;padding-top:18px;font-size:11px;line-height:1.6}.device-description{grid-template-columns:120px 1fr;min-height:75px}.connected-story{padding-block:75px}.story-layout{gap:30px;grid-template-columns:.75fr 1.25fr}.story-record{padding:23px}.story-message h3{font-size:24px}.story-message{min-height:235px}.story-steps button{font-size:15px;gap:13px;padding-block:20px}.record-handoff{font-size:9px;gap:6px}.record-status{font-size:9px;padding-inline:7px}.connection-section{padding-block:75px 45px}.connection-layout{grid-template-columns:1fr;gap:20px}.connection-map{max-width:660px;width:100%;margin:auto}.connection-detail{min-height:210px;max-width:600px;display:grid;grid-template-columns:125px 1fr;column-gap:30px}.connection-name{grid-row:span 3;font-size:17px;padding-top:5px}.connection-detail h3{max-width:none;font-size:29px}.connection-detail p{max-width:none}.connection-detail a{justify-self:start}.connection-disclosure{margin-top:15px}.provider{width:155px;font-size:14px;gap:10px}}
@media(max-width:580px){.connected-hero{padding-top:38px}.connected-intro h1{font-size:43px;line-height:1.1}.connected-intro>p{font-size:15px;line-height:1.7;margin-top:19px}.connected-actions{flex-direction:column;gap:9px;margin-top:23px}.connected-actions .button{min-height:50px;padding:13px 20px;font-size:14px}.connected-actions .text-link{font-size:13px;min-height:40px}.device-stage{margin-top:18px;padding-inline:18px}.device-family{min-width:850px;grid-template-columns:1.48fr .76fr .39fr .3fr .94fr;gap:14px}.device-name{font-size:10px;margin-top:19px;gap:8px}.signal-track{min-width:825px;margin-top:9px;height:18px}.device-caption{padding-top:16px;gap:16px;min-height:150px}.device-description{display:block;min-height:91px}.device-kind{display:block;border:0;padding:0;font-size:11px;margin-bottom:7px;max-width:none}.device-description h2{font-size:20px;margin-bottom:7px}.device-description p{font-size:12px;line-height:1.7}.experience-controls{gap:15px}.experience-controls p{font-size:10px;max-width:27ch}.motion-control{font-size:10px;padding:7px 9px;min-height:34px}.device-disclosure{font-size:10px;padding-top:14px}.connected-story{padding-block:64px}.story-layout{display:flex;flex-direction:column;gap:25px}.story-controls{width:100%}.story-steps{flex-direction:row;gap:3px;justify-content:space-between}.story-steps button{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:11px;text-align:center;padding:12px 2px;border-bottom-width:2px;min-height:69px}.story-steps [aria-pressed=true]{border-color:#8544b8}.story-steps button>svg{display:none}.step-index{font-size:10px}.story-controls>.story-play{margin-top:14px;font-size:13px}.story-disclosure{max-width:none;font-size:11px;margin-top:5px}.story-workspace{width:100%}.story-window-bar{padding-inline:17px;height:43px}.story-window-bar>span:last-child{font-size:9px}.story-record{padding:20px}.record-avatar{width:34px;height:34px;font-size:11px}.record-heading{gap:10px;padding-bottom:20px}.record-heading strong{font-size:14px}.record-heading>div>span{font-size:10px}.record-status{font-size:9px;padding:5px 7px}.story-message{padding-block:24px;min-height:237px}.story-message h3{font-size:25px;margin-bottom:15px}.story-message p{font-size:14px;line-height:1.75}.record-activity{padding:14px;gap:10px}.record-activity b{font-size:12px}.record-activity>div>span{font-size:11px}.record-handoff{font-size:8px;gap:5px;white-space:nowrap}.connection-section{padding-block:65px 40px}.connection-section .section-heading{margin-bottom:20px}.connection-map{height:300px}.provider{width:112px;min-height:46px;font-size:11px;padding:9px 8px;gap:7px}.provider-symbol{font-size:15px;min-width:16px}.provider-5 .provider-symbol{font-size:10px}.connection-core{width:62px;height:62px;border-radius:17px}.connection-core>span{font-size:35px}.connection-core>i{inset:-10px;border-radius:25px}.connection-detail{display:block;min-height:250px}.connection-name{font-size:13px;margin-bottom:13px}.connection-detail h3{font-size:28px;margin-bottom:16px}.connection-detail p{font-size:14px;line-height:1.75}.connection-detail a{font-size:14px;margin-top:13px}.connection-disclosure{font-size:11px;line-height:1.75;margin-top:17px}.kinetic-home .roles-section{padding-block:65px}.kinetic-home .appearance-section{padding-block:65px}}
@media(prefers-reduced-motion:reduce){.kinetic-home *,.kinetic-home *:before,.kinetic-home *:after{animation:none!important;scroll-behavior:auto!important;transition-duration:0s!important}.signal-track>span{display:none}}
.device-swipe-hint{display:none}@media(max-width:850px){.device-swipe-hint{display:block;margin:24px auto 0;padding-inline:20px;text-align:center;font-size:11px;color:#c6acd8}}
@media(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}::view-transition-old(root){animation:page-out 160ms ease-out both}::view-transition-new(root){animation:page-in 220ms cubic-bezier(.23,1,.32,1) both}@keyframes page-out{to{opacity:0}}@keyframes page-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}}
.connection-packet{fill:#efdbff;stroke:none;opacity:0;transform-box:view-box;transform-origin:0 0}.car-direction [data-car-state]{color:#ceb3eb;font-size:6px}.watch-screen-content [data-watch-state]{font-size:5px;max-width:95%;line-height:1.4}
@media(max-width:360px){.provider{width:100px;font-size:10px;gap:5px}.connection-core{width:58px;height:58px}.connection-core>span{font-size:32px}}
html[data-site-motion=off]{scroll-behavior:auto}html[data-site-motion=off]::view-transition-old(root),html[data-site-motion=off]::view-transition-new(root){animation:none!important}
/* Hardware order stays stable while each device screen is localized separately. */
.device-stage{direction:ltr}

.kinetic-home .site-footer .footer-grid a{min-height:44px;min-width:44px}.connected-hero .device-focus-heading .motion-control{min-height:48px;font-size:12px}.kinetic-home .owner-intro .motion-control{margin:12px auto 0;min-height:44px;font-size:12px;display:inline-flex}