.demo-pillar--key .key-original-logo{flex:0 338.597px}.demo-pillar--key .key-original-logo .brand-logo-reflect{width:100%;display:block;position:relative}.demo-pillar--key .key-original-logo img{object-fit:contain;object-position:left center;width:100%;height:auto;max-height:88px;display:block}.demo-pillar--key .key-original-controls{flex-shrink:0;align-items:center;gap:8px;display:flex}.demo-pillar--key .key-original-control{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:40px;height:40px;color:var(--fix-ink);cursor:pointer;border-radius:13px;justify-content:center;align-items:center;padding:0;transition:transform .2s ease-out,box-shadow .2s ease-out;display:inline-flex;position:relative}.demo-pillar--key .key-original-control img,.demo-pillar--key .key-original-control svg{object-fit:contain;width:22px;height:22px;transition:transform .2s}.demo-pillar--key .key-original-control:hover{transform:translateY(-2px);box-shadow:0 4px 14px -4px oklch(55% .12 255/.35)}.demo-pillar--key .key-original-control:hover img,.demo-pillar--key .key-original-control:hover svg{transform:scale(1.05)}.demo-pillar--key .key-original-control:focus-visible{outline:2px solid color-mix(in srgb, var(--fix-outline-blue) 50%, transparent);outline-offset:2px}.demo-pillar--key .key-original-control:active{transform:translateY(0)scale(.97)}.demo-pillar--key .clearity-utility-btn.key-original-control{background:linear-gradient(var(--card,#fff), var(--card,#fff)) padding-box, linear-gradient(135deg, #168dff, #168dff 25%, #9b7892 65%, #f06435) border-box;color:#0965c5;border:1.5px solid #0000;animation:none}.dark .demo-pillar--key .clearity-utility-btn.key-original-control{color:#8cbfff}.zolstice-preview{color:#f3f5f7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:radial-gradient(at 50% 90%,#3f4a5540,#0000 40%),radial-gradient(at 50% 38%,#25303b 0,#111920 45%,#080c10 85%);flex-direction:column;align-items:center;gap:16px;width:100%;height:100svh;min-height:100svh;padding:26px 20px 12px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;display:flex;overflow:hidden}.zolstice-preview *,.zolstice-preview :before,.zolstice-preview :after{box-sizing:border-box}.zolstice-phone-fit{flex:1;place-items:center;width:100%;min-height:0;display:grid}.zolstice-phone-size{flex:none;position:relative}.zolstice-phone-frame{transform-origin:0 0;background-image:url(/assets/zolstice-original-handset-D6dV61Dr.png);background-position:-220px -57px;background-repeat:no-repeat;background-size:1448px 1086px;border-radius:56px 56px 58px 58px;width:464px;height:932px;padding:13px;position:relative;box-shadow:0 18px 22px #0009,0 40px 65px #0008}.zolstice-side-key{background:linear-gradient(90deg,#b7b8b3,#202226,#8b8c85);border-radius:3px;width:3px;position:absolute}.zolstice-side-key--left{height:110px;top:162px;left:-3px}.zolstice-side-key--right{height:100px;top:163px;right:-3px}.zolstice-side-key--lower{height:98px;top:286px;right:-3px}.zolstice-display{isolation:isolate;background:#010305;border-radius:43px 43px 45px 45px;width:438px;height:906px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #020303}.zolstice-front-camera{z-index:3;pointer-events:none;background-image:url(/assets/front-camera-reference-B4c0VNtL.png);background-position:-237.368px -34.2105px;background-repeat:no-repeat;background-size:495.263px 880px;border-radius:50%;width:20px;height:20px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.zolstice-wallpaper{z-index:-1;background:#010101;position:absolute;inset:0}.zolstice-wallpaper:after{content:"";opacity:.5;background-image:radial-gradient(circle at 14% 12%,#c8deed 0 .65px,#0000 1px),radial-gradient(circle at 78% 8%,#b6c9da 0 .7px,#0000 1.1px),radial-gradient(circle at 82% 35%,#8fa6bc 0 .6px,#0000 1px);background-size:59px 91px,83px 63px,97px 113px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0005 43%,#0000 60%);mask-image:linear-gradient(#000 0%,#0005 43%,#0000 60%)}.zolstice-wallpaper img{opacity:1;width:366px;height:auto;position:absolute;top:78px;left:50%;transform:translate(-50%)scaleX(-1);-webkit-mask-image:linear-gradient(#0000,#000 5% 94%,#0000),radial-gradient(53% 53%,#000 90%,#0000 100%);mask-image:linear-gradient(#0000,#000 5% 94%,#0000),radial-gradient(53% 53%,#000 90%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.zolstice-status{justify-content:space-between;align-items:center;height:20px;font-size:13px;display:flex;position:absolute;top:19px;left:23px;right:23px}.zolstice-connectivity{align-items:center;gap:8px;display:flex}.zolstice-connectivity svg{width:20px;height:18px}.zolstice-signal{align-items:end;gap:2.6px;height:14px;display:flex}.zolstice-signal i{background:#f0f1f2;border-radius:1px;width:3px;height:5px}.zolstice-signal i:nth-child(2){height:8px}.zolstice-signal i:nth-child(3){height:11px}.zolstice-signal i:nth-child(4){height:14px}.zolstice-battery{align-items:center;gap:10px;display:flex}.zolstice-battery>span{border:1px solid #e6e9ec;border-radius:2px;width:25px;height:12px;padding:2px;display:block;position:relative}.zolstice-battery>span:after{content:"";background:#d8dde1;border-radius:0 1px 1px 0;width:2px;height:5px;position:absolute;top:2.5px;right:-4px}.zolstice-battery i{background:#e6e9ec;width:92%;height:100%;display:block}.zolstice-date{text-align:center;letter-spacing:2.8px;margin:0;font-size:14px;font-weight:400;position:absolute;top:53px;left:0;right:0}.zolstice-clock{text-align:center;letter-spacing:-4px;color:#f2f4f6;text-shadow:0 0 12px #c3d4e829;font-size:84px;font-weight:100;line-height:1.12;position:absolute;top:167px;left:0;right:0}.zolstice-search-area{justify-content:center;display:flex;position:absolute;top:281px;left:0;right:0}.zolstice-search{background:linear-gradient(165deg,#67758070,#17232ca6 27%,#070c12db 58%,#2c3b487a);border:1px solid #adb8c1b0;border-radius:28px;align-items:center;gap:12px;width:268px;height:45px;padding:0 15px;transition:width .26s,border-color .26s,background .26s;display:flex;box-shadow:inset 0 1px 3px #e8f4ff44,inset 0 -1px 3px #bdcfde24,0 5px 10px #0008}.zolstice-search:focus-within{background:linear-gradient(165deg,#5f6f7c90,#14202aee 30%,#080d13f0);border-color:#e2e9ef;width:350px}.zolstice-search>svg{color:#e4edf4;flex:none;width:22px;height:22px}.zolstice-search>.zolstice-sparkle{filter:drop-shadow(0 0 4px #d4e2ee66);width:20px;height:20px}.zolstice-search input{color:#f2f4f6;letter-spacing:1.25px;appearance:none;background:0 0;border:0;border-radius:0;outline:none;width:100%;min-width:0;padding:0;font-family:inherit;font-size:14px}.zolstice-search input::placeholder{color:#e1e4e8;opacity:1}.zolstice-search input::-webkit-search-cancel-button{appearance:none}.zolstice-app-grid{grid-template-columns:repeat(4,1fr);row-gap:6px;display:grid;position:absolute;top:414px;left:21px;right:21px}.zolstice-app{appearance:none;color:#f0f2f5;cursor:default;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;min-width:0;margin:0;padding:0;font-family:inherit;display:flex}.zolstice-app:focus-visible{outline-offset:5px;border-radius:12px;outline:1px solid #dbe6f3}.zolstice-disc{background:radial-gradient(at 30% 8%,#e5effb44,#0000 37%),radial-gradient(at 70% 95%,#68819840,#0000 62%),linear-gradient(135deg,#394754 0%,#111b23 40%,#050a10 68%,#202e39 100%);border:1px solid #aab7c48c;border-radius:50%;place-items:center;width:62px;height:62px;display:grid;position:relative;box-shadow:inset 0 1px 2px #e4f2ff66,inset 0 -1px 3px #b9c5cd44,0 3px 7px #0009}.zolstice-disc:after{content:"";pointer-events:none;border-top:1px solid #e9f1f920;border-radius:50%;position:absolute;inset:2px}.zolstice-disc img{object-fit:contain;filter:drop-shadow(0 2px 2px #0007);width:61px;height:61px;display:block}.zolstice-disc--astronomy img{width:49px;height:49px}.zolstice-emblem{background:linear-gradient(145deg,#f1f6fc 5%,#d8e4ef 24%,#7e94ac 45%,#d7e4ef 56%,#a2b6c9 70%,#65798e 91%);place-items:center;width:35px;height:37.2px;display:grid;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.zolstice-disc--emblem img{opacity:.2;mix-blend-mode:multiply;filter:none;width:100%;height:100%}.zolstice-app-label{white-space:nowrap;text-shadow:0 1px 3px #000;letter-spacing:.05px;font-size:12px;font-weight:400;line-height:15px}.zolstice-pagination{justify-content:center;gap:11px;display:flex;position:absolute;top:779px;left:0;right:0}.zolstice-pagination i{background:#536270;border-radius:50%;width:6px;height:6px}.zolstice-pagination i:first-child{background:#eef2f6;box-shadow:0 0 5px #dae6ef22}.zolstice-dock{background:linear-gradient(135deg,#7d919e17,#0b151c5c 45%,#31414b32);border:1px solid #8f9ba243;border-radius:34px;grid-template-columns:repeat(4,1fr);align-items:center;height:101px;padding:10px 7px 7px;display:grid;position:absolute;bottom:15px;left:12px;right:12px;box-shadow:inset 0 1px #d4e7f312}.zolstice-dock .zolstice-disc{width:59px;height:59px}.zolstice-dock .zolstice-disc img{width:58px;height:58px}.zolstice-dock .zolstice-app{gap:5px}.zolstice-dock .zolstice-app-label{color:#c0c8cf;font-size:10px}.zolstice-prototype-note{color:#84919d;letter-spacing:.65px;text-align:center;flex:none;margin:0;font-size:10px;line-height:1.5}@media (width<=600px){.zolstice-preview{gap:13px;padding:18px 14px 10px}.zolstice-prototype-note{letter-spacing:.15px;font-size:9px}}@media (prefers-reduced-motion:reduce){.zolstice-search{transition:none}}.zolstice-search input:focus-visible{outline:none}.zolstice-settings-wallpaper{z-index:-1;background:#010101;position:absolute;inset:0;overflow:hidden}.zolstice-settings-wallpaper img{opacity:1;width:390px;height:auto;position:absolute;top:-212px;left:226px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000),linear-gradient(#0000,#000 8% 92%,#0000),radial-gradient(53% 53% at 51%,#000 90%,#0000 100%);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000),linear-gradient(#0000,#000 8% 92%,#0000),radial-gradient(53% 53% at 51%,#000 90%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.zolstice-settings-title{letter-spacing:-.9px;margin:0;font-size:44px;font-weight:200;line-height:1.15;position:absolute;top:82px;left:30px}.zolstice-settings-search{background:linear-gradient(160deg,#6171806b,#0e1b259e 25%,#071016c9 64%,#2d414e78);border:1px solid #acbfcea3;border-radius:27px;align-items:center;gap:12px;height:45px;padding:0 17px;display:flex;position:absolute;top:151px;left:23px;right:23px;box-shadow:inset 0 1px 3px #ecf6ff4a,inset 0 -1px 3px #bcd5e62b,0 4px 12px #0005}.zolstice-settings-search>svg{color:#e2edf6;flex:none;width:22px;height:22px}.zolstice-settings-search input{color:#f2f5f8;width:100%;min-width:0;font:inherit;background:0 0;border:0;padding:0;font-size:16px}.zolstice-settings-search input:focus-visible{outline:none}.zolstice-settings-search:focus-within{border-color:#e6f0f8;box-shadow:inset 0 1px 3px #ecf6ff70,0 0 0 1px #c8d9e54d}.zolstice-settings-profile,.zolstice-settings-group{background:linear-gradient(145deg,#66798940,#0a141bc9 30%,#071016cf 75%,#344b5d45);border:1px solid #a5b6c475;border-radius:16px;box-shadow:inset 0 1px 3px #d9edff3d,inset 0 -1px 3px #c4def019,0 4px 12px #0005}.zolstice-settings-profile{color:#f2f4f6;text-align:left;cursor:default;align-items:center;gap:17px;height:98px;padding:12px 17px;font-family:inherit;display:flex;position:absolute;top:211px;left:19px;right:19px}.zolstice-settings-avatar{object-fit:cover;object-position:50% 40%;background:0 0;border:1px solid #d2e0ea;border-radius:50%;flex:none;width:72px;height:72px;padding:0;box-shadow:0 2px 8px #0008}.zolstice-settings-profile-copy{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.zolstice-settings-greeting{font-size:24px;font-weight:300;line-height:1.2}.zolstice-settings-subtitle{color:#a3b4c5;max-width:230px;font-size:12.5px;line-height:1.4}.zolstice-settings-chevron{color:#a6bacd;flex:none;width:12px;height:20px}.zolstice-settings-groups{flex-direction:column;gap:12px;display:flex;position:absolute;top:322px;left:19px;right:19px}.zolstice-settings-group{padding:0 13px}.zolstice-settings-row{color:#f3f5f7;text-align:left;cursor:default;background:0 0;border:0;align-items:center;gap:16px;width:100%;height:62px;margin:0;padding:0 2px;font-family:inherit;display:flex}.zolstice-settings-row+.zolstice-settings-row{border-top:1px solid #91a8ba26}.zolstice-settings-disc{flex:none;width:46px;height:46px}.zolstice-settings-disc>svg{filter:drop-shadow(0 2px 2px #0006);width:39px;height:39px}.zolstice-settings-disc>img{width:43px;height:43px}.zolstice-settings-row-copy{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.zolstice-settings-row-title{white-space:nowrap;font-size:16px;font-weight:400;line-height:1.2}.zolstice-settings-row-detail{color:#a8bbce;white-space:nowrap;font-size:12px;font-weight:300;line-height:1.2}.zolstice-settings-group:last-child .zolstice-settings-row{height:70px}.zolstice-settings-row:focus-visible,.zolstice-settings-profile:focus-visible{outline-offset:3px;outline:1px solid #e6f0fa}.zolstice-settings-search input::placeholder{color:#a8bacb;opacity:1;font-weight:300}.zolstice-network-back{color:#eaf3fb;width:40px;height:40px;text-decoration:none;position:absolute;top:63px;left:21px}.zolstice-network-back .zolstice-network-chevron{color:#eaf3fb;width:12px;height:21px;transform:rotate(180deg)}.zolstice-network-title{letter-spacing:-1.2px;color:#f6f8fa;margin:0;font-size:44px;font-weight:200;line-height:1.15;position:absolute;top:118px;left:23px}.zolstice-network-preview .zolstice-network-search{top:180px;left:23px;right:23px}.zolstice-network-content{flex-direction:column;gap:10px;display:flex;position:absolute;top:240px;left:19px;right:19px}.zolstice-network-card{background:linear-gradient(145deg,#657e9340,#0b1720db 29%,#061017ed 76%,#29455950);border:1px solid #9bb6cb65;border-radius:15px;padding:0 13px;box-shadow:inset 0 1px 2px #dbedfc42,inset 0 -1px 2px #9cbdd825,0 3px 9px #0008,0 0 8px #5798d107}.zolstice-network-row{text-align:left;color:#f3f6fa;cursor:default;background:0 0;border:0;align-items:center;gap:16px;width:100%;height:72px;margin:0;padding:0 1px;font-family:inherit;text-decoration:none;display:flex;position:relative}.zolstice-network-card.zolstice-network-row{background:linear-gradient(145deg,#657e9340,#0b1720db 29%,#061017ed 76%,#29455950);border:1px solid #9bb6cb65;height:74px;padding:0 14px}.zolstice-network-card>.zolstice-network-row+.zolstice-network-row:before{content:"";background:linear-gradient(90deg,#94afc532,#94afc519 80%,#94afc529);height:1px;position:absolute;top:0;left:0;right:0}.zolstice-network-disc{flex:none;width:52px;height:52px}.zolstice-network-disc svg{filter:drop-shadow(0 1.5px 1px #0008);width:40px;height:40px}.zolstice-network-copy{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.zolstice-network-label{white-space:nowrap;letter-spacing:-.15px;font-size:16px;font-weight:400;line-height:1.2}.zolstice-network-detail{color:#a9c0d3;white-space:nowrap;font-size:12px;font-weight:300;line-height:1.2}.zolstice-network-state{color:#b5c9dc;margin-left:auto;font-size:15px;font-weight:300}.zolstice-network-chevron{color:#b4cce0;flex:none;width:12px;height:21px}.zolstice-network-switch{cursor:default;background:linear-gradient(130deg,#25323e,#101b25 60%,#344651);border:1px solid #a9bfd080;border-radius:18px;flex:none;width:54px;height:29px;padding:2px;display:block;position:relative;box-shadow:inset 0 1px 3px #d3e4f02b,0 2px 4px #0006}.zolstice-network-switch>span{background:linear-gradient(120deg,#f8fbff,#dce8f6 40%,#a5bbd2);border:1px solid #e6f0fb;border-radius:50%;width:23px;height:23px;display:block;box-shadow:0 1px 3px #0009,inset 0 1px 2px #fff8}.zolstice-network-switch[aria-checked=true]{background:linear-gradient(120deg,#1d99e8,#116ec1 45%,#064f94);border-color:#88caff9c;box-shadow:inset 0 1px 3px #a0dfff70,0 0 8px #148de821}.zolstice-network-switch[aria-checked=true]>span{transform:translate(24px)}.zolstice-wifi-content{gap:10px}.zolstice-network-signal{flex:none;place-items:center;width:43px;height:43px;display:grid}.zolstice-network-signal>svg{width:39px;height:39px}.zolstice-network-card.zolstice-wifi-current{gap:15px}.zolstice-wifi-current>.zolstice-network-label{flex:1;font-size:18px}.zolstice-network-check{color:#fff;background:linear-gradient(140deg,#5ac4ff,#168de8 45%,#005aaa);border:1px solid #80ceffbd;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid;box-shadow:inset 0 1px 3px #d0f0ff70,0 0 8px #278bdb1c}.zolstice-network-check svg{width:24px;height:24px}.zolstice-network-info{color:#dfedfa;cursor:default;flex:none;width:27px;height:27px;padding:0;font-family:Georgia,serif;font-size:21px;font-weight:600;line-height:1}.zolstice-network-info>span{margin-top:-1px}.zolstice-other-networks-title{color:#9ab9d2;letter-spacing:.45px;margin:4px 12px 0;font-size:11px;font-weight:400;line-height:16px}.zolstice-network-list{padding:0 12px}.zolstice-wifi-network{gap:14px;height:51px}.zolstice-wifi-network .zolstice-network-signal{width:39px}.zolstice-wifi-network>.zolstice-network-label{letter-spacing:-.1px;flex:1;font-size:15px}.zolstice-network-lock{flex:none;width:17px;height:25px}.zolstice-network-lock svg{filter:drop-shadow(0 1px 1px #0008);width:100%;height:100%}.zolstice-wifi-network .zolstice-network-chevron{width:10px;height:18px}.zolstice-network-card.zolstice-network-add{gap:16px;height:72px;margin-top:2px}.zolstice-network-add .zolstice-network-disc{width:45px;height:45px}.zolstice-network-add>.zolstice-network-label{flex:1;font-size:16px}.zolstice-network-back:focus-visible,.zolstice-network-row:focus-visible,.zolstice-network-switch:focus-visible,.zolstice-network-info:focus-visible{outline-offset:3px;outline:1px solid #dcefff}.zolstice-network-row[href],.zolstice-network-back{cursor:pointer}.key-display-phone{aspect-ratio:464/932;color:#f3f6fa;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:96%;margin:0 auto;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;position:relative;container-type:inline-size}.key-display-canvas{position:absolute;inset:0}.key-display-phone .zolstice-phone-frame{zoom:calc(100cqw / 464px);box-shadow:none}.demo-pillar--key .key-display-phone .zolstice-settings-wallpaper img{width:390px;max-width:none;margin:0}.key-display-phone-title{letter-spacing:-1.1px;color:#f5f8fb;margin:0;font-size:40px;font-weight:200;line-height:1.04;position:absolute;top:76px;left:27px}.key-display-phone .key-display-search{color:#b2cce0;font-size:16px;top:175px}.key-display-settings{flex-direction:column;gap:11px;display:flex;position:absolute;top:235px;left:19px;right:19px}.key-display-settings .zolstice-network-row{gap:17px;height:65px}.key-display-settings .zolstice-network-card.zolstice-network-row{height:65px}.key-display-settings .zolstice-network-disc{width:46px;height:46px}.key-display-settings .zolstice-network-disc svg{width:28px;height:28px}.key-display-settings .zolstice-network-label{font-size:17px}.key-display-settings .zolstice-network-detail{font-size:12px}.key-display-brightness{padding-bottom:15px}.key-display-slider{color:#c7def2;align-items:center;gap:16px;display:flex}.key-display-slider input{appearance:none;cursor:pointer;border-radius:8px;flex:1;min-width:0;height:6px;box-shadow:0 0 8px #9cdaff30}.key-display-slider input::-webkit-slider-thumb{appearance:none;background:linear-gradient(130deg,#fff,#c4ddf1 55%,#91b3d0);border:1px solid #eaf6ff;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 5px #0008}.key-display-slider input::-moz-range-thumb{background:linear-gradient(130deg,#fff,#c4ddf1 55%,#91b3d0);border:1px solid #eaf6ff;border-radius:50%;width:22px;height:22px}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){.demo-pillar--fix,.demo-pillar--fix{--fix-cc-shine-x:-42%;--fix-cc-shine-opacity:0;--fix-cc-shimmer-x:185%}.demo-pillar--fix *,.demo-pillar--fix :before,.demo-pillar--fix :after,.demo-pillar--fix ::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}.demo-pillar--key,.demo-pillar--key{--fix-cc-shine-x:-42%;--fix-cc-shine-opacity:0;--fix-cc-shimmer-x:185%}.demo-pillar--key *,.demo-pillar--key :before,.demo-pillar--key :after,.demo-pillar--key ::backdrop{--key-volume-ring-angle:0deg;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.demo-pillar--fix,.demo-pillar--fix{--color-background:var(--background);--color-foreground:var(--foreground);--color-border:var(--border);--shadow-card:var(--shadow-card);--shadow-elevated:var(--shadow-elevated)}.demo-pillar--fix{--clearity-radius:.875rem;--radius:var(--clearity-radius);--background:oklch(97.5% .004 250);--foreground:oklch(18% .07 265);--card:oklch(100% 0 0);--card-foreground:oklch(18% .07 265);--popover:oklch(100% 0 0);--popover-foreground:oklch(18% .07 265);--primary:oklch(24% .11 265);--primary-foreground:oklch(99% .003 250);--accent:oklch(68% .19 42);--accent-foreground:oklch(100% 0 0);--support:oklch(70% .11 235);--support-foreground:oklch(22% .09 250);--secondary:oklch(96% .012 250);--secondary-foreground:oklch(24% .11 265);--muted:oklch(96% .012 250);--muted-foreground:oklch(50% .03 260);--destructive:oklch(62% .22 27);--destructive-foreground:oklch(100% 0 0);--success:oklch(62% .15 150);--success-foreground:oklch(100% 0 0);--warning:oklch(78% .16 80);--warning-foreground:oklch(20% .05 80);--border:oklch(93% .008 250);--input:oklch(92% .012 250);--ring:oklch(68% .19 42);--sidebar:oklch(100% 0 0);--sidebar-foreground:oklch(42% .03 260);--sidebar-accent:oklch(24% .11 265/.08);--sidebar-accent-foreground:oklch(24% .11 265);--sidebar-border:oklch(93% .008 250);--shadow-card:0 1px 2px #0f172a0a, 0 4px 16px #0f172a0f;--shadow-elevated:0 8px 28px #0f172a1a}.dark .demo-pillar--fix{--clearity-dark-page:#111827;--clearity-dark-card:#1e293b;--clearity-dark-surface:#1b2438;--clearity-dark-heading:#cbd8f4;--clearity-dark-ink:#d3e0f7;--clearity-dark-ink-strong:#e8f0fe;--clearity-dark-muted:#93a6c9;--clearity-dark-outline:#6f9ae0;--clearity-dark-border:#27324a;--clearity-dark-search:#fff;--clearity-dark-search-ink:#181d62;--clearity-dark-search-muted:#475569;--background:#111827;--foreground:oklch(96% .01 250);--card:#1e293b;--card-foreground:oklch(96% .01 250);--popover:oklch(19% .04 265);--popover-foreground:oklch(96% .01 250);--primary:oklch(82% .09 255);--primary-foreground:oklch(18% .05 265);--accent:oklch(72% .19 42);--accent-foreground:oklch(14% .03 265);--support:oklch(72% .11 235);--support-foreground:oklch(14% .03 265);--secondary:oklch(24% .05 265);--secondary-foreground:oklch(96% .01 250);--muted:oklch(24% .05 265);--muted-foreground:oklch(72% .02 255);--destructive:oklch(60% .22 27);--destructive-foreground:oklch(100% 0 0);--success:oklch(70% .16 150);--success-foreground:oklch(14% .03 265);--warning:oklch(82% .16 80);--warning-foreground:oklch(18% .05 80);--border:oklch(28% .04 265);--input:oklch(28% .04 265);--ring:oklch(72% .19 42);--sidebar:oklch(19% .04 265);--sidebar-foreground:oklch(78% .02 255);--sidebar-accent:oklch(82% .09 255/.18);--sidebar-accent-foreground:oklch(96% .01 250);--sidebar-border:oklch(28% .04 265);--shadow-card:0 1px 2px #0006, 0 4px 16px #0000004d;--shadow-elevated:0 8px 28px #00000080}.demo-pillar--fix .brand-logo-reflect{--reflect-cycle:17s;--reflect-delay:.45s;line-height:0}.demo-pillar--fix .brand-logo-reflect__clip{z-index:1;pointer-events:none;-webkit-mask-image:var(--reflect-logo-mask);-webkit-mask-image:var(--reflect-logo-mask);mask-image:var(--reflect-logo-mask);position:absolute;inset:0;overflow:hidden;-webkit-mask-position:0;mask-position:0;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.demo-pillar--fix .brand-logo-reflect__beam{background:linear-gradient(118deg, transparent 0%, transparent 47.2%, var(--reflect-navy) 48.4%, var(--reflect-blue) 49.4%, var(--reflect-blue) 50%, var(--reflect-blue) 50.6%, var(--reflect-accent) 51.8%, transparent 52.8%, transparent 100%);width:340%;height:190%;position:absolute;top:-45%;left:-120%}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .brand-logo-reflect__beam{background:linear-gradient(118deg, transparent 0%, transparent 47.2%, color-mix(in srgb, var(--reflect-navy) 8%, transparent) 48.4%, color-mix(in srgb, var(--reflect-blue) 26%, transparent) 49.4%, color-mix(in srgb, var(--reflect-blue) 38%, white 62%) 50%, color-mix(in srgb, var(--reflect-blue) 26%, transparent) 50.6%, color-mix(in srgb, var(--reflect-accent) 8%, transparent) 51.8%, transparent 52.8%, transparent 100%)}}.demo-pillar--fix .brand-logo-reflect__beam{mix-blend-mode:soft-light;opacity:0;animation:brandLogoReflectSweep var(--reflect-cycle) cubic-bezier(.42, 0, .18, 1) var(--reflect-delay) infinite;will-change:transform, opacity;transform:translate(-42%)skew(-14deg)}.dark .demo-pillar--fix .brand-logo-reflect__beam{mix-blend-mode:overlay;background:linear-gradient(118deg, transparent 0%, transparent 47.2%, var(--reflect-navy) 48.4%, var(--reflect-blue) 49.4%, var(--reflect-blue) 50%, var(--reflect-blue) 50.6%, var(--reflect-accent) 51.8%, transparent 52.8%, transparent 100%)}@supports (color:color-mix(in lab, red, red)){.dark .demo-pillar--fix .brand-logo-reflect__beam{background:linear-gradient(118deg, transparent 0%, transparent 47.2%, color-mix(in srgb, var(--reflect-navy) 10%, transparent) 48.4%, color-mix(in srgb, var(--reflect-blue) 28%, transparent) 49.4%, color-mix(in srgb, var(--reflect-blue) 40%, white 60%) 50%, color-mix(in srgb, var(--reflect-blue) 28%, transparent) 50.6%, color-mix(in srgb, var(--reflect-accent) 10%, transparent) 51.8%, transparent 52.8%, transparent 100%)}}@keyframes brandLogoReflectSweep{0%,28.53%,to{opacity:0;transform:translate(-42%)skew(-14deg)}2.5%{opacity:0;transform:translate(-42%)skew(-14deg)}5%{opacity:.72;transform:translate(-28%)skew(-14deg)}25.25%{opacity:.72;transform:translate(28%)skew(-14deg)}28.529%{opacity:0;transform:translate(42%)skew(-14deg)}}@media (prefers-reduced-motion:reduce){.demo-pillar--fix .brand-logo-reflect__beam{opacity:0;animation:none}}.demo-pillar--fix .case-notes-editor{font-family:Inter,system-ui,sans-serif}.demo-pillar--fix .case-notes-heading{color:var(--color-foreground);font-family:inherit;font-size:.9375rem;font-weight:600;line-height:1.35}.demo-pillar--fix .case-notes-body{color:var(--color-foreground);font-family:inherit;font-size:.875rem;line-height:1.45}.demo-pillar--fix .clearity-copyable-content{position:relative}.demo-pillar--fix .clearity-copy-control{box-sizing:border-box;z-index:1;border-radius:var(--clearity-radius);width:2.5rem;height:2.5rem;color:var(--fix-ink);box-shadow:none;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;transition:color .16s,opacity .16s;display:inline-flex;position:absolute;inset-block-start:.25rem;inset-inline-end:.25rem}.demo-pillar--fix .clearity-copy-control svg{stroke-width:2px;width:1.125rem;height:1.125rem}.demo-pillar--fix .clearity-copy-glyph{background-color:currentColor;flex:none;width:1.125rem;height:1.125rem;display:inline-block;-webkit-mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANsAAADhCAYAAABBYsCLAAAGAUlEQVR42u3dsZLbRADH4X8ux0swUIYKCiixJzO+llfgMSjPDXZBwTOkoqKlPzdy6GiggoYZGF7DFHHAyeTAkqW1pP2+Gc0lM8llotPPu1pLVgIAAAAAUMITu+CdPnnHrz+2Wybjl5Nf//zWV7Fd2er4dZNkYXfM2vb4dS22soHdHb8KTHgMFFmT5GCznWwbafRr46CyiU5ktplH97SC0JokX3q9oaXnSW6T7MR23rnZdxY/GFNwpo02239vzcnbQwjNZvFEaLZ5bUY4odkKTilT+xUkhwG+5/741QnytC/DWwxwXCxr3alNj69aTobnO/PZOH+7/vRRYI4ZwRXYaSIT3SWb6aPRjELBbewkO4hyd4LM/kVbaIxlptTEqCY0Wo9wRrceRrXGscSAwTV2hlVHysycGjvC9JFy528rOwHKzKCa2s/XjGqUemFvap9CQsnR7dPHvtmN/Qll3Ez0lom0/BBO6GKXf2+zOle1I9uD4wUjWzeLDq9McOno1sZnztngyrOj2wn9p99L8o2fPUAs/yd5aRoJZc7ZIjaI1UgQGyA2EBsgNhAbiA0QG0zN7UjuT7vzo8hcL+J150Wu93y21clHHHi4fB1e38S7zvyf/fdjks+vHVsz0IPpEN4kYovH79riYfB9fqLbS5HZRDfD2FY9PnbXJjqxGc1sFQU3utiEZjvM9Pnmo4rNtNE251Gul9huCy+LwrnuJ/7eXPq+XMsDBhk6uJXYXAFCil3ytar52sjNyTDfh/07pgyuqcvknsFwd/L7Rc+Lb8t4BOrFq04evzvvY6XP4yW1rUbWdqkO44luU1NsG5Fx5VlRFbGthMYILufb1BDbJa9KzsuY8vFUNDahkRFdedRMMbabAjcKWsLnMcu0f4xu8upthVm+iK+cozHC46uZ48h213FEWzuOyHmPZNrGR9m9cXUADGXdYTo5y6mk6SNjnU6u5jSNFA4lp5P7DqvkVX8isnM1SlmYQkK5qeQz77PBFR8WX8M00hSS9HRv47k+mkNsH/i5Y3Qb58i2d5xwBbMY2T70cyTX+cwRIxsgNhAbIDYQG4gNEBuIDRAbiA3EBogNxAaIDcQGYgPEBmIDxAZiA7EBYgOxAWIDsYHYALGB2ACxgdhAbIDYQGyA2EBsIDZAbCA2EJtdAGIDsQFiA7GB2ACxgdgAsYHYQGyA2EBsgNhAbCA2QGwgNkBsIDYQGyA2EBsgNhAbiA0QG1zZquWf/0lsYGSDUbszsoGRDWblXmyQ0S2OiA0Kna8lyQuxwfBTyL2RDdrbdPg7O7FBmYWRB7HB8KOakQ06hNZlVNvGaiSkzVJ/1/fV1mKD80N76Ph3t/E+Gwwe2lmjmtjg1TnaJaFt4woS+N/RrOnh2sf1uX/w1j6nMu8n+T7JoofvtY1rI+FRX/UY2lpsMKzWoYkN2tt3CU1s0N4y7meDwUe0u0u+gdVIOC+0ZdypDRl6MWQZH4sA41t1NI2E9iuOuz6/qdhg4MjEBoUiExsCyz8XEu9K/INiozbfJvmhVGBio2Z/Hbf4rH+IB2sAYgOxAWIDsYHYALGB2ACxwWhi+8PuIdN4jrWRDQr4tcbYFn7u0C22P+0eKOfQclvZZRQ+5r6o9T/eOFbIZY9xanvMPZvLOdvez5+MeyXyt5pfaUwl6aqZ80zqZqDHpkKX46btivZuTrHtOkwlF0Y3CnlI5UO7hRK6jGqHDlusEDl3I4Oueh+meLpyc+a8eN9xiBcc58yc6GF0syMZYvq4sSwrOIYP7RCjm3M4Bn/hPtT01lJzYXDeg3M6cukx5NytZXCiE5kX64Hn2qKrL7K+jpfGyW2/4Tmvm35cr0expudjZPKeXHj+5u5sUuhugF0q/gyStWOAArZzCG0sCyY2mwURwdmENo5zNudwOEe70s2jy+P8GrrazzW0JHna8/fbJblN8txxQ4fQlkl+tyty9ffibPPcGu+vju8KApvILJC0+BCge68/povH043q3qd9kutML4VXX2DrKX4i1tRjO/V13vxwTm8dzCOsvHWVkStAAAAAAACK+Ru7W71jbm1CowAAAABJRU5ErkJggg==) 50%/contain no-repeat;mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANsAAADhCAYAAABBYsCLAAAGAUlEQVR42u3dsZLbRADH4X8ux0swUIYKCiixJzO+llfgMSjPDXZBwTOkoqKlPzdy6GiggoYZGF7DFHHAyeTAkqW1pP2+Gc0lM8llotPPu1pLVgIAAAAAUMITu+CdPnnHrz+2Wybjl5Nf//zWV7Fd2er4dZNkYXfM2vb4dS22soHdHb8KTHgMFFmT5GCznWwbafRr46CyiU5ktplH97SC0JokX3q9oaXnSW6T7MR23rnZdxY/GFNwpo02239vzcnbQwjNZvFEaLZ5bUY4odkKTilT+xUkhwG+5/741QnytC/DWwxwXCxr3alNj69aTobnO/PZOH+7/vRRYI4ZwRXYaSIT3SWb6aPRjELBbewkO4hyd4LM/kVbaIxlptTEqCY0Wo9wRrceRrXGscSAwTV2hlVHysycGjvC9JFy528rOwHKzKCa2s/XjGqUemFvap9CQsnR7dPHvtmN/Qll3Ez0lom0/BBO6GKXf2+zOle1I9uD4wUjWzeLDq9McOno1sZnztngyrOj2wn9p99L8o2fPUAs/yd5aRoJZc7ZIjaI1UgQGyA2EBsgNhAbiA0QG0zN7UjuT7vzo8hcL+J150Wu93y21clHHHi4fB1e38S7zvyf/fdjks+vHVsz0IPpEN4kYovH79riYfB9fqLbS5HZRDfD2FY9PnbXJjqxGc1sFQU3utiEZjvM9Pnmo4rNtNE251Gul9huCy+LwrnuJ/7eXPq+XMsDBhk6uJXYXAFCil3ytar52sjNyTDfh/07pgyuqcvknsFwd/L7Rc+Lb8t4BOrFq04evzvvY6XP4yW1rUbWdqkO44luU1NsG5Fx5VlRFbGthMYILufb1BDbJa9KzsuY8vFUNDahkRFdedRMMbabAjcKWsLnMcu0f4xu8upthVm+iK+cozHC46uZ48h213FEWzuOyHmPZNrGR9m9cXUADGXdYTo5y6mk6SNjnU6u5jSNFA4lp5P7DqvkVX8isnM1SlmYQkK5qeQz77PBFR8WX8M00hSS9HRv47k+mkNsH/i5Y3Qb58i2d5xwBbMY2T70cyTX+cwRIxsgNhAbIDYQG4gNEBuIDRAbiA3EBogNxAaIDcQGYgPEBmIDxAZiA7EBYgOxAWIDsYHYALGB2ACxgdhAbIDYQGyA2EBsIDZAbCA2EJtdAGIDsQFiA7GB2ACxgdgAsYHYQGyA2EBsgNhAbCA2QGwgNkBsIDYQGyA2EBsgNhAbiA0QG1zZquWf/0lsYGSDUbszsoGRDWblXmyQ0S2OiA0Kna8lyQuxwfBTyL2RDdrbdPg7O7FBmYWRB7HB8KOakQ06hNZlVNvGaiSkzVJ/1/fV1mKD80N76Ph3t/E+Gwwe2lmjmtjg1TnaJaFt4woS+N/RrOnh2sf1uX/w1j6nMu8n+T7JoofvtY1rI+FRX/UY2lpsMKzWoYkN2tt3CU1s0N4y7meDwUe0u0u+gdVIOC+0ZdypDRl6MWQZH4sA41t1NI2E9iuOuz6/qdhg4MjEBoUiExsCyz8XEu9K/INiozbfJvmhVGBio2Z/Hbf4rH+IB2sAYgOxAWIDsYHYALGB2ACxwWhi+8PuIdN4jrWRDQr4tcbYFn7u0C22P+0eKOfQclvZZRQ+5r6o9T/eOFbIZY9xanvMPZvLOdvez5+MeyXyt5pfaUwl6aqZ80zqZqDHpkKX46btivZuTrHtOkwlF0Y3CnlI5UO7hRK6jGqHDlusEDl3I4Oueh+meLpyc+a8eN9xiBcc58yc6GF0syMZYvq4sSwrOIYP7RCjm3M4Bn/hPtT01lJzYXDeg3M6cukx5NytZXCiE5kX64Hn2qKrL7K+jpfGyW2/4Tmvm35cr0expudjZPKeXHj+5u5sUuhugF0q/gyStWOAArZzCG0sCyY2mwURwdmENo5zNudwOEe70s2jy+P8GrrazzW0JHna8/fbJblN8txxQ4fQlkl+tyty9ffibPPcGu+vju8KApvILJC0+BCge68/povH043q3qd9kutML4VXX2DrKX4i1tRjO/V13vxwTm8dzCOsvHWVkStAAAAAAACK+Ru7W71jbm1CowAAAABJRU5ErkJggg==) 50%/contain no-repeat}.demo-pillar--fix .clearity-copy-control:hover{color:var(--fix-ink-strong);opacity:.72;background:0 0}.demo-pillar--fix .clearity-copy-control:focus-visible{outline:2px solid var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .clearity-copy-control:focus-visible{outline:2px solid color-mix(in srgb, var(--fix-outline-blue) 55%, var(--clearity-orange))}}.demo-pillar--fix .clearity-copy-control:focus-visible{outline-offset:2px}@layer base{.demo-pillar--fix *{border-color:var(--color-border)}.demo-pillar--fix,.demo-pillar--fix{background-color:var(--color-background);color:var(--color-foreground)}.demo-pillar--fix{-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif}.demo-pillar--fix h1,.demo-pillar--fix h2,.demo-pillar--fix h3,.demo-pillar--fix h4{letter-spacing:-.018em;font-family:Inter,system-ui,sans-serif}.demo-pillar--key *{border-color:var(--color-border)}.demo-pillar--key,.demo-pillar--key{height:100%}.demo-pillar--key{background-color:var(--color-background);color:var(--color-foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}}.demo-pillar--fix{--clearity-dark-blue:#181d62;--clearity-orange:#f05323;--clearity-font:"Inter", system-ui, sans-serif;--clearity-side-panel-width:316px;--clearity-side-panel-height:33rem;--clearity-side-panel-padding:1.125rem;--clearity-side-panel-border-width:1.5px;--clearity-side-panel-shadow:0 1px 2px #0f172a0a, 0 8px 24px -8px #0f172a1a;--clearity-side-panel-sticky-top:1rem;--clearity-side-panel-row-min-height:2.125rem;--clearity-side-panel-icon-size:1.125rem;--clearity-side-panel-icon-gap:.75rem;--clearity-landing-gutter-x:2rem;--clearity-landing-gutter-y:3.375rem;--clearity-landing-gap:4.5rem;--clearity-landing-hero-offset-y:.75rem;--clearity-landing-hero-offset-x:-.5rem;--clearity-header-pad-y:1.25rem;--clearity-header-pad-x:2rem;--clearity-divider-height:1.5px;--clearity-pillar-gradient-hero:linear-gradient(90deg, #181d62 0%, #181d62 86%, #f05323 96%, #f05323 100%);--clearity-pillar-gradient-border:linear-gradient(165deg, #102060 0%, #1284ee 50%, #f06824 100%);--clearity-pillar-gradient-divider:linear-gradient(90deg, #102060 0%, #1284ee 50%, #f06824 100%)}@keyframes fixCcOutlineAccent2{0%{background-position:110% 0,0 0}33.33%{background-position:-110% 0,0 0}33.34%,to{background-position:110% 0,0 0}}@keyframes fixCcOutlineAccent3{0%{background-position:0 0,110% 0,0 0}33.33%{background-position:0 0,-110% 0,0 0}33.34%,to{background-position:0 0,110% 0,0 0}}@keyframes fixCcOutlineAccentLine{0%{background-position:100% 0,0 0}33.33%{background-position:-45% 0,0 0}33.34%,to{background-position:100% 0,0 0}}@property --fix-cc-shine-x{syntax:"<percentage>";inherits:true;initial-value:-42%}@property --fix-cc-shine-opacity{syntax:"<number>";inherits:true;initial-value:0}@property --fix-cc-shimmer-x{syntax:"<percentage>";inherits:true;initial-value:185%}@keyframes fixCcMasterShine{0%{--fix-cc-shine-x:-42%;--fix-cc-shine-opacity:0;--fix-cc-shimmer-x:185%;animation-timing-function:linear}2.5%{--fix-cc-shine-x:-42%;--fix-cc-shine-opacity:0;--fix-cc-shimmer-x:185%;animation-timing-function:linear}5%{--fix-cc-shine-x:-28%;--fix-cc-shine-opacity:.72;--fix-cc-shimmer-x:138%;animation-timing-function:linear}30%{--fix-cc-shine-x:28%;--fix-cc-shine-opacity:.72;--fix-cc-shimmer-x:-38%;animation-timing-function:linear}33.33%{--fix-cc-shine-x:42%;--fix-cc-shine-opacity:0;--fix-cc-shimmer-x:-130%;animation-timing-function:step-end}33.34%,to{--fix-cc-shine-x:-42%;--fix-cc-shine-opacity:0;--fix-cc-shimmer-x:185%;animation-timing-function:linear}}.demo-pillar--fix{--clearity-pillar-gradient-hero:linear-gradient(122deg, #181d62 0%, #181d62 66%, #181d62 71%, #e0451c 78%, #f05323 86%, #f05323 100%);--clearity-pillar-gradient-border:linear-gradient(165deg, #102060 0%, #102060 40%, #f06824 100%);--clearity-pillar-gradient-divider:linear-gradient(90deg, #102060 0%, #102060 35%, #f06824 100%);--fix-cc-cycle-duration:12s;--fix-cc-master-delay:0s;--fix-cc-shine-x:-42%;--fix-cc-shine-opacity:0;--fix-cc-shimmer-x:185%;animation:fixCcMasterShine var(--fix-cc-cycle-duration,12s) linear var(--fix-cc-master-delay,0s) infinite;--fix-cc-outline-base:linear-gradient(135deg, var(--fix-outline-blue) 0%, var(--fix-outline-blue) 38%, #f05323 100%);--fix-cc-outline-accent:linear-gradient(100deg, transparent 0%, transparent 28%, #f0532366 38%, #f05323 48%, #ff6b3d 50%, #f05323 52%, #f0532366 62%, transparent 72%, transparent 100%);--fix-cc-outline-accent-size:220% 100%;--fix-cc-outline-static:linear-gradient(90deg, var(--fix-outline-blue) 0%, #f05323 100%);--fix-cc-outline-gradient:var(--fix-cc-outline-accent);--fix-cc-outline-size:var(--fix-cc-outline-accent-size);--fix-categories-panel-navy:#1f2765;--fix-categories-panel-navy-mid:#161c49;--fix-categories-panel-navy-deep:#0f1436;--fix-cc-icon-ring-base:linear-gradient(180deg, #161c49 0%, #161c49 100%);--fix-brand-blue:var(--clearity-dark-blue);--fix-outline-blue:var(--fix-brand-blue);--fix-surface:#fff;--fix-surface-soft:#fbfbfd;--fix-ink:var(--fix-brand-blue);--fix-ink-strong:var(--fix-brand-blue);--fix-ink-muted:#64748b;--fix-quick-surface:#e8e8ef;--fix-quick-accent-surface:#feeee9;--fix-solid:var(--fix-brand-blue);--fix-solid-accent:#f05323;--fix-smart-accent-surface:#fff5f0}.demo-pillar--fix .brand-logo-reflect{--reflect-cycle:var(--fix-cc-cycle-duration);--reflect-delay:0s}.demo-pillar--fix .brand-logo-reflect__beam{transform:translateX(var(--fix-cc-shine-x)) skewX(-14deg);opacity:var(--fix-cc-shine-opacity);animation:none!important}.demo-pillar--fix .clearity-landing__hero{--clearity-landing-hero-base:linear-gradient(90deg, #102060 0%, #102060 100%);--clearity-landing-hero-shimmer:linear-gradient(118deg, transparent 0%, transparent 42%, #f0682433 46.8%, #f0682494 49%, #f06824 50%, #f0682494 51%, #f0682433 53.2%, transparent 58%, transparent 100%);background-size:280% 280%,100% 100%;background-position:var(--fix-cc-shimmer-x) 42%, 0 0;background-repeat:no-repeat,no-repeat;background-image:var(--clearity-landing-hero-shimmer), var(--clearity-landing-hero-base)!important;animation:none!important}.dark .demo-pillar--fix .clearity-landing__hero,.demo-pillar--fix.dark .clearity-landing__hero{--clearity-landing-hero-base:linear-gradient(90deg, #82b0ec 0%, #82b0ec 100%)}.demo-pillar--fix .clearity-pillar--key{--clearity-pillar-gradient-hero:linear-gradient(90deg, #1284ee 0%, #1284ee 86%, #f06824 94%, #ff7a38 100%);--clearity-pillar-gradient-border:linear-gradient(165deg, #1284ee 0%, #1284ee 35%, #f06824 100%);--clearity-pillar-gradient-divider:linear-gradient(90deg, #1284ee 0%, #1284ee 35%, #f06824 100%)}.demo-pillar--fix .clearity-pillar--way{--clearity-pillar-gradient-hero:linear-gradient(90deg, #102060 0%, #102060 22%, #1284ee 48%, #1284ee 86%, #f06824 94%, #ff7a38 100%);--clearity-pillar-gradient-border:linear-gradient(165deg, #102060 0%, #1284ee 45%, #f06824 100%);--clearity-pillar-gradient-divider:linear-gradient(90deg, #102060 0%, #1284ee 50%, #f06824 100%)}.demo-pillar--fix .clearity-header-bar{background:var(--card,var(--surface,#fff));border-bottom:none;position:relative}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .clearity-header-bar{background:color-mix(in oklab, var(--card,var(--surface,#fff)) 80%, transparent)}}.demo-pillar--fix .clearity-header-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.demo-pillar--fix .clearity-header-bar:after{content:"";width:100%;height:var(--clearity-divider-height);background:var(--clearity-pillar-gradient-divider);background-image:linear-gradient(90deg, transparent 0%, transparent 28%, #f053238c 40%, #f05323 50%, #f053238c 60%, transparent 72%, transparent 100%), var(--clearity-pillar-gradient-divider);animation:fixCcOutlineAccentLine var(--fix-cc-cycle-duration,12s) linear var(--fix-cc-master-delay,0s) infinite;background-position:100% 0,0 0;background-repeat:no-repeat,no-repeat;background-size:48% 100%,100% 100%;display:block}.demo-pillar--fix .clearity-header-inner{box-sizing:border-box;min-height:8.0625rem;padding:var(--clearity-header-pad-y) var(--clearity-header-pad-x);justify-content:space-between;align-items:center;gap:1rem;display:flex}.demo-pillar--fix .pillar-logo-home{border-radius:var(--clearity-radius);cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;min-width:0;box-shadow:none;color:inherit;background:0 0;border:0;outline:none;align-items:center;margin:0;padding:0;text-decoration:none;display:flex}.demo-pillar--fix .pillar-logo-home:focus,.demo-pillar--fix .pillar-logo-home:focus-visible,.demo-pillar--fix .pillar-logo-home:active{outline:none}.demo-pillar--fix .pillar-logo-home:focus:not(:focus-visible){box-shadow:none}.demo-pillar--fix .pillar-logo-home:focus-visible{box-shadow:0 0 0 2px #181d6247,0 0 18px -2px #f053236b}.demo-pillar--fix .clearity-landing{padding:var(--clearity-landing-gutter-y) var(--clearity-landing-gutter-x) 2.5rem;font-family:var(--clearity-font);--clearity-hero-search-width:30.9375rem}.demo-pillar--fix html:not(.dark) body:not(.dark) .clearity-pillar--fix:not(.dark) .clearity-landing{min-height:calc(100vh - 8.0625rem - var(--clearity-divider-height));background:#eef1f8}.demo-pillar--fix .clearity-landing__grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}@media (width>=1024px){.demo-pillar--fix .clearity-landing__grid{grid-template-columns:var(--clearity-side-panel-width) minmax(0, 1fr);gap:var(--clearity-landing-gap)}}.demo-pillar--fix .clearity-landing__hero{width:fit-content;max-width:100%;margin:var(--clearity-landing-hero-offset-y,.875rem) 0 0 var(--clearity-landing-hero-offset-x,1rem);text-align:left;font-family:var(--clearity-font);letter-spacing:-.03em;border:0;padding:0;font-size:clamp(2.5rem,4.2vw,3.75rem);font-weight:600;line-height:1.05;display:inline-block;background-image:var(--clearity-pillar-gradient-hero)!important;color:#0000!important;-webkit-text-fill-color:transparent!important;background-color:#0000!important;-webkit-background-clip:text!important;background-clip:text!important}.demo-pillar--fix .clearity-side-panel-aside{width:100%;font-family:var(--clearity-font);align-self:start}@media (width>=1024px){.demo-pillar--fix .clearity-side-panel-aside{top:var(--clearity-side-panel-sticky-top);position:sticky}}.demo-pillar--fix .clearity-side-panel{box-sizing:border-box;width:100%;height:var(--clearity-side-panel-height);min-height:var(--clearity-side-panel-height);max-height:var(--clearity-side-panel-height);padding:var(--clearity-side-panel-padding);border:var(--clearity-side-panel-border-width) solid transparent;border-radius:var(--clearity-radius);box-shadow:var(--clearity-side-panel-shadow);background:linear-gradient(var(--card,var(--surface,#fff)), var(--card,var(--surface,#fff))) padding-box, var(--clearity-pillar-gradient-border) border-box;font-family:var(--clearity-font);background-image:linear-gradient(var(--fix-surface,var(--card,#fff)), var(--fix-surface,var(--card,#fff))), var(--fix-cc-outline-accent), var(--fix-cc-outline-base);background-origin:border-box;background-clip:padding-box,border-box,border-box;background-size:auto, var(--fix-cc-outline-accent-size), 100% 100%;animation:fixCcOutlineAccent3 var(--fix-cc-cycle-duration,12s) linear var(--fix-cc-master-delay,0s) infinite;background-position:0 0,110% 0,0 0;flex-direction:column;display:flex;overflow:hidden}.demo-pillar--fix .clearity-side-panel__heading{font-family:var(--clearity-font);letter-spacing:.16em;text-transform:uppercase;color:var(--primary);padding:.25rem .5rem .75rem;font-size:12px;font-weight:600}.demo-pillar--fix .clearity-side-panel__nav{flex-direction:column;flex:auto;gap:.25rem;min-width:0;display:flex}.demo-pillar--fix .clearity-side-panel__row{align-items:center;gap:var(--clearity-side-panel-icon-gap);min-width:0;min-height:var(--clearity-side-panel-row-min-height);height:var(--clearity-side-panel-row-min-height);border-radius:var(--clearity-radius);font-family:var(--clearity-font);padding:0 .5rem;font-size:13px;line-height:1.25;transition:background-color .15s,color .15s;display:flex}.demo-pillar--fix .clearity-side-panel__icon{width:var(--clearity-side-panel-icon-size);height:var(--clearity-side-panel-icon-size);flex-shrink:0}.demo-pillar--fix .clearity-side-panel__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:1.25;font-family:var(--clearity-font);flex:auto;overflow:hidden}.demo-pillar--fix .clearity-side-panel__status{font-family:var(--clearity-font);letter-spacing:.06em;text-transform:uppercase;opacity:.6;flex-shrink:0;margin-left:auto;font-size:9px}.demo-pillar--fix .clearity-side-panel__heading{color:var(--fix-ink,var(--primary))}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .clearity-side-panel__heading{color:color-mix(in srgb, var(--fix-ink,var(--primary)) 88%, var(--fix-ink-muted,transparent))}}.demo-pillar--fix .clearity-side-panel__row{isolation:isolate;color:var(--fix-ink,var(--foreground));text-decoration:none;position:relative}.demo-pillar--fix .clearity-side-panel__row:hover:not([aria-current=page]){background:var(--fix-outline-blue,var(--primary))}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .clearity-side-panel__row:hover:not([aria-current=page]){background:color-mix(in srgb, var(--fix-outline-blue,var(--primary)) 6%, var(--fix-surface,var(--card)))}}.demo-pillar--fix .clearity-side-panel__row:hover:not([aria-current=page]){color:var(--fix-ink-strong,var(--foreground))}.demo-pillar--fix .clearity-side-panel__icon{color:var(--fix-ink,var(--primary))}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .clearity-side-panel__icon{color:color-mix(in srgb, var(--fix-ink,var(--primary)) 78%, transparent)}}.demo-pillar--fix .clearity-side-panel__row[aria-current=page]{height:2.375rem;min-height:2.375rem;color:var(--fix-ink-strong,var(--primary));background:var(--fix-outline-blue,var(--primary));font-weight:600}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .clearity-side-panel__row[aria-current=page]{background:color-mix(in srgb, var(--fix-outline-blue,var(--primary)) 10%, var(--fix-surface,var(--card)))}}.demo-pillar--fix .clearity-side-panel__row[aria-current=page] .clearity-side-panel__icon{color:var(--fix-ink-strong,var(--primary))}.demo-pillar--fix .clearity-side-panel__row[aria-current=page]:before{content:"";z-index:0;border-radius:inherit;pointer-events:none;background-image:var(--fix-cc-outline-accent), var(--fix-cc-outline-base);background-size:var(--fix-cc-outline-accent-size), 100% 100%;animation:fixCcOutlineAccent2 var(--fix-cc-cycle-duration,12s) linear var(--fix-cc-master-delay,0s) infinite;-webkit-mask-composite:xor;background-position:110% 0,0 0;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.demo-pillar--fix .clearity-side-panel__row>*{z-index:1;position:relative}.demo-pillar--fix .clearity-side-panel__status{color:var(--fix-ink-muted,var(--muted-foreground));opacity:.85}@media (width<=1023px){.demo-pillar--fix .clearity-side-panel{height:auto;min-height:0;max-height:none;overflow-y:visible}}.demo-pillar--fix,.demo-pillar--fix,.demo-pillar--fix button,.demo-pillar--fix input,.demo-pillar--fix select,.demo-pillar--fix textarea{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,sans-serif;font-weight:400}.demo-pillar--fix .clearity-landing,.demo-pillar--fix .clearity-side-panel,.demo-pillar--fix .clearity-side-panel__heading,.demo-pillar--fix .clearity-side-panel__row,.demo-pillar--fix .clearity-side-panel__label,.demo-pillar--fix .clearity-side-panel__status,.demo-pillar--fix .clearity-landing__hero{font-family:Inter,system-ui,sans-serif}.demo-pillar--fix .clearity-landing__hero,.demo-pillar--fix .clearity-side-panel__heading{font-weight:600}.demo-pillar--fix .clearity-side-panel__row,.demo-pillar--fix .clearity-side-panel__label,.demo-pillar--fix .clearity-side-panel__status{font-weight:400}.demo-pillar--fix .clearity-pillar--key .clearity-side-panel__nav{flex:auto;justify-content:space-between;gap:.15rem}.demo-pillar--fix .clearity-pillar--way .clearity-qa-criteria-list{flex-direction:column;flex:auto;justify-content:space-between;gap:.15rem;min-height:0;margin-top:1rem;display:flex}.demo-pillar--fix .clearity-utility-btn{box-shadow:0 1px 2px #0f172a0a;background:linear-gradient(#fff, #fff) padding-box, var(--clearity-pillar-gradient-border) border-box!important;border:1.5px solid #0000!important}.demo-pillar--fix .clearity-header-icon-control{border-radius:var(--clearity-radius);width:2.5rem;height:2.5rem;color:var(--fix-ink-strong,var(--foreground));flex:0 0 2.5rem}.demo-pillar--fix .clearity-return-control{border-radius:var(--clearity-radius);width:2.5rem;height:2.5rem;min-height:2.5rem;color:var(--fix-ink-strong,var(--foreground));flex-basis:2.5rem;gap:0;padding:0}.demo-pillar--fix .clearity-return-control__iris{object-fit:contain;flex:none;width:1.40625rem;height:1.5rem;display:block}.demo-pillar--fix .clearity-return-control__iris--dark,.dark .demo-pillar--fix .clearity-return-control__iris--light{display:none}.dark .demo-pillar--fix .clearity-return-control__iris--dark{display:block}.dark .demo-pillar--fix .clearity-theme-control__icon--dark{filter:brightness(0)invert()}.demo-pillar--fix .clearity-return-control__tooltip{z-index:20;border:1px solid var(--fix-outline-blue);width:max-content;max-width:12rem;padding:.375rem .625rem;position:absolute;inset-block-start:calc(100% + .5rem);inset-inline-end:0}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .clearity-return-control__tooltip{border:1px solid color-mix(in srgb, var(--fix-outline-blue) 18%, transparent)}}.demo-pillar--fix .clearity-return-control__tooltip{border-radius:var(--clearity-radius);font-family:var(--clearity-font);color:var(--fix-ink-strong,var(--foreground));background:var(--fix-surface,var(--card));opacity:0;visibility:hidden;pointer-events:none;font-size:.75rem;font-weight:600;line-height:1.25;transition:opacity .14s,visibility .14s,transform .14s;transform:translateY(-.25rem);box-shadow:0 6px 18px #181d621f}.demo-pillar--fix .clearity-return-control:hover .clearity-return-control__tooltip,.demo-pillar--fix .clearity-return-control:focus-visible .clearity-return-control__tooltip{opacity:1;visibility:visible;transform:translateY(0)}@media (width<=480px){.demo-pillar--fix .clearity-header-inner{gap:.5rem;padding-inline:.75rem}.demo-pillar--fix .pillar-logo-home .brand-logo-reflect img{height:4.5rem}}@media (width<=420px){.demo-pillar--fix .clearity-header-inner{gap:.375rem;padding-inline:.5rem}.demo-pillar--fix .pillar-logo-home .brand-logo-reflect img{height:3.5rem}.demo-pillar--fix .clearity-utility-group{gap:.25rem}}@media (width<=340px){.demo-pillar--fix .clearity-header-inner{gap:.25rem;padding-inline:.375rem}.demo-pillar--fix .pillar-logo-home .brand-logo-reflect img{height:2.75rem}.demo-pillar--fix .clearity-utility-group{gap:.1875rem}}.dark .demo-pillar--fix .clearity-utility-btn{background:linear-gradient(var(--card,var(--surface,#1a1a1a)), var(--card,var(--surface,#1a1a1a))) padding-box, var(--clearity-pillar-gradient-border) border-box!important}.demo-pillar--fix .clearity-utility-btn{background-image:linear-gradient(#fff, #fff), var(--fix-cc-outline-accent), var(--fix-cc-outline-base)!important;background-origin:border-box!important;background-clip:padding-box,border-box,border-box!important;background-size:auto, var(--fix-cc-outline-accent-size), 100% 100%!important;animation:fixCcOutlineAccent3 var(--fix-cc-cycle-duration,12s) linear var(--fix-cc-master-delay,0s) infinite!important;background-position:0 0,110% 0,0 0!important}.demo-pillar--fix.dark .clearity-utility-btn,.dark .demo-pillar--fix .clearity-utility-btn{background-image:linear-gradient(var(--fix-surface,var(--card,#1a1a1a)), var(--fix-surface,var(--card,#1a1a1a))), var(--fix-cc-outline-accent), var(--fix-cc-outline-base)!important;background-origin:border-box!important;background-clip:padding-box,border-box,border-box!important;background-size:auto, var(--fix-cc-outline-accent-size), 100% 100%!important;animation:fixCcOutlineAccent3 var(--fix-cc-cycle-duration,12s) linear var(--fix-cc-master-delay,0s) infinite!important;background-position:0 0,110% 0,0 0!important}.demo-pillar--fix .fix-cc-page{flex-direction:column;min-width:0;max-width:100%;display:flex}.demo-pillar--fix .fix-cc-hero-block{width:100%;max-width:100%;margin:var(--clearity-landing-hero-offset-y,.875rem) 0 0 var(--clearity-landing-hero-offset-x,1rem);flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;display:flex}.demo-pillar--fix .fix-cc{flex-direction:column;gap:1.1rem;width:100%;min-width:0;max-width:none;margin-top:1.1rem;padding-bottom:.75rem;display:flex}.demo-pillar--fix .fix-cc-ai-search{width:100%;min-width:0;max-width:100%;margin:0}.demo-pillar--fix .fix-cc-ai-search__ring{--fix-cc-search-border:2px;--fix-cc-search-ring-opacity:.95;isolation:isolate;border-radius:var(--clearity-radius);padding:var(--fix-cc-search-border);background:0 0;flex-direction:column;transition:box-shadow .42s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:visible;box-shadow:0 1px 2px #181d6208,0 6px 22px -12px #181d6214}.demo-pillar--fix .fix-cc-ai-search__ring:before{content:"";z-index:0;border-radius:inherit;pointer-events:none;padding:var(--fix-cc-search-border);background-image:var(--fix-cc-outline-accent), var(--fix-cc-outline-base);background-size:var(--fix-cc-outline-accent-size), 100% 100%;opacity:var(--fix-cc-search-ring-opacity);animation:fixCcOutlineAccent2 var(--fix-cc-cycle-duration,12s) linear var(--fix-cc-master-delay,0s) infinite;-webkit-mask-composite:xor;background-position:110% 0,0 0;transition:opacity .42s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.demo-pillar--fix .fix-cc-ai-search--focused .fix-cc-ai-search__ring{--fix-cc-search-ring-opacity:1;box-shadow:0 1px 2px #181d620d,0 12px 36px -12px #f0532329}.demo-pillar--fix .fix-cc-ai-search__row{z-index:1;border-radius:var(--clearity-radius);background:var(--fix-surface);align-items:center;gap:.4375rem;min-height:2.4375rem;padding:.40625rem .625rem .40625rem .75rem;display:flex;position:relative;box-shadow:inset 0 1px #ffffffd9}.demo-pillar--fix .fix-cc-ai-search__mark{color:var(--fix-ink);opacity:.85;flex-shrink:0;font-size:.8rem;line-height:1}.demo-pillar--fix .fix-cc-ai-search__input{min-width:0;box-shadow:none;letter-spacing:-.01em;color:var(--fix-ink);background:0 0;border:0;outline:none;flex:auto;font-family:Inter,system-ui,sans-serif;font-size:.875rem;font-weight:500;line-height:1.4}.demo-pillar--fix .fix-cc-ai-search__input::placeholder{color:var(--fix-ink-muted);font-weight:500}.demo-pillar--fix .fix-cc-ai-search__input::-webkit-search-decoration{appearance:none}.demo-pillar--fix .fix-cc-ai-search__input::-webkit-search-cancel-button{appearance:none}.demo-pillar--fix .fix-cc-ai-search__clear,.demo-pillar--fix .fix-cc-ai-search__submit{box-sizing:border-box;border-radius:var(--clearity-radius);background:var(--fix-surface);width:1.75rem;height:1.75rem;color:var(--fix-ink);cursor:pointer;border:1px solid #181d621a;flex-shrink:0;justify-content:center;align-items:center;transition:background .22s,border-color .22s,color .22s,transform .22s,box-shadow .22s;display:inline-flex;box-shadow:0 1px 2px #181d620d}.demo-pillar--fix .fix-cc-ai-search__clear{color:#181d628c;background:#ffffffb8;border-color:#181d6214}.demo-pillar--fix .fix-cc-ai-search__clear:hover{color:#181d62c7;background:#fff;border-color:#c348305a;box-shadow:0 2px 10px -3px #f0532329}.demo-pillar--fix .fix-cc-ai-search__submit:hover{background:#fff;border-color:#ca492e70;box-shadow:0 2px 10px -3px #f0532333}.demo-pillar--fix .fix-cc-search-wrap{width:var(--clearity-hero-search-width);box-sizing:border-box;flex-direction:column;gap:.35rem;min-width:0;max-width:100%;display:flex;position:relative}.demo-pillar--fix .pillar-search-wrap--active{z-index:60;isolation:isolate}.demo-pillar--fix .pillar-search-backdrop{z-index:50;pointer-events:none;-webkit-backdrop-filter:blur(14px);background:#161c2473;animation:.2s ease-out both pillarSearchBackdropIn;position:fixed;inset:0}@keyframes pillarSearchBackdropIn{0%{opacity:0}to{opacity:1}}.demo-pillar--fix .fix-cc-search-status{color:var(--fix-ink);margin:0;font-size:.8125rem}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cc-search-status{color:color-mix(in srgb, var(--fix-ink) 72%, transparent)}}.demo-pillar--fix .fix-cc-search-status--error,.demo-pillar--fix .fix-cc-search-status.fix-cc-search-status--error{color:#b42318}.demo-pillar--fix .fix-cc-search-results{z-index:61;box-sizing:border-box;border:1px solid var(--clearity-dark-blue);width:100%;max-width:100%;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cc-search-results{border:1px solid color-mix(in srgb, var(--clearity-dark-blue) 12%, transparent)}}.demo-pillar--fix .fix-cc-search-results{border-radius:var(--clearity-radius);background:#fff}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cc-search-results{background:color-mix(in srgb, #fff 94%, var(--fix-surface))}}.demo-pillar--fix .fix-cc-search-results{padding:.35rem;box-shadow:0 12px 28px -18px #00000073}.demo-pillar--fix .fix-cc-search-message{color:var(--fix-ink);margin:0 0 .35rem;padding:0 .35rem;font-size:.8125rem;line-height:1.35}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cc-search-message{color:color-mix(in srgb, var(--fix-ink) 78%, transparent)}}.demo-pillar--fix .fix-cc-search-message{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.demo-pillar--fix .fix-cc-search-list{flex-direction:column;gap:.25rem;width:100%;min-width:0;max-width:100%;margin:0;padding:0;list-style:none;display:flex}.demo-pillar--fix .fix-cc-search-item{box-sizing:border-box;text-align:left;border:1px solid var(--clearity-dark-blue);width:100%;min-width:0;max-width:100%;height:2.75rem;position:relative}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cc-search-item{border:1px solid color-mix(in srgb, var(--clearity-dark-blue) 10%, transparent)}}.demo-pillar--fix .fix-cc-search-item{border-radius:var(--clearity-radius);cursor:pointer;background:#fff;flex-direction:column;justify-content:center;gap:.1rem;padding:.35rem .65rem;transition:border-color .18s,box-shadow .18s;display:flex;overflow:hidden}.demo-pillar--fix .fix-cc-search-item--active,.demo-pillar--fix .fix-cc-search-item[aria-selected=true]{border-color:var(--clearity-orange)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cc-search-item--active,.demo-pillar--fix .fix-cc-search-item[aria-selected=true]{border-color:color-mix(in srgb, var(--clearity-orange) 55%, var(--clearity-dark-blue))}}.demo-pillar--fix .fix-cc-search-item--active,.demo-pillar--fix .fix-cc-search-item[aria-selected=true]{box-shadow:0 6px 18px -10px #f053238c}.dark .demo-pillar--fix .fix-cc-search-results{background:var(--fix-surface);border-color:#82b0ec47}@supports (color:color-mix(in lab, red, red)){.dark .demo-pillar--fix .fix-cc-search-results{background:color-mix(in srgb, var(--fix-surface) 96%, #0b1028)}}.dark .demo-pillar--fix .fix-cc-search-item{background:var(--fix-surface);border-color:#82b0ec33}@supports (color:color-mix(in lab, red, red)){.dark .demo-pillar--fix .fix-cc-search-item{background:color-mix(in srgb, var(--fix-surface) 94%, #0b1028)}}.dark .demo-pillar--fix .fix-cc-search-item{color:var(--fix-ink)}.demo-pillar--fix .fix-cc-search-item:hover{border-color:#f0532359;box-shadow:0 8px 20px -14px #f0532373}.demo-pillar--fix .fix-cc-search-item__title,.demo-pillar--fix .fix-cc-search-item__desc,.demo-pillar--fix .fix-cc-search-item__cta{text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0;max-width:100%;display:block;overflow:hidden}.demo-pillar--fix .fix-cc-search-item__title{color:var(--fix-ink);font-size:.8125rem;font-weight:600;line-height:1.2}.demo-pillar--fix .fix-cc-search-item__desc{color:var(--fix-ink);font-size:.6875rem;line-height:1.2}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cc-search-item__desc{color:color-mix(in srgb, var(--fix-ink) 65%, transparent)}}.demo-pillar--fix .fix-cc-search-item__cta{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.demo-pillar--fix .fix-app-back{border:1px solid var(--clearity-dark-blue);align-items:center;gap:.35rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-app-back{border:1px solid color-mix(in srgb, var(--clearity-dark-blue) 14%, transparent)}}.demo-pillar--fix .fix-app-back{color:var(--fix-ink,#181d62);border-radius:var(--clearity-radius);cursor:pointer;background:#ffffffe6;padding:.35rem .75rem;font-size:.8125rem;font-weight:600}.demo-pillar--fix .fix-app-back:hover{border-color:#f0532366}.demo-pillar--fix .fix-cc-section{flex-direction:column;gap:.55rem;min-width:0;display:flex}.demo-pillar--fix .fix-cc-section-label{letter-spacing:.16em;text-transform:uppercase;color:var(--clearity-dark-blue);align-items:center;gap:.45rem;margin:0;font-family:Inter,system-ui,sans-serif;font-size:.6875rem;font-weight:600;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cc-section-label{color:color-mix(in srgb, var(--clearity-dark-blue) 78%, #64748b)}}.demo-pillar--fix .fix-cc-section-label:before{content:"";background:var(--clearity-dark-blue);border-radius:9999px;flex-shrink:0;width:.35rem;height:.35rem}.demo-pillar--fix .fix-cc-section-label--accent:before{background:var(--clearity-orange)}.demo-pillar--fix .fix-cc-workflow{grid-template-columns:1fr;align-items:stretch;gap:.55rem;display:grid}@media (width>=960px){.demo-pillar--fix .fix-cc-workflow{grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem}}.demo-pillar--fix .fix-cc-workflow__item{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.2rem;min-width:0;display:grid}@media (width>=960px){.demo-pillar--fix .fix-cc-workflow__item:last-child{grid-template-columns:minmax(0,1fr)}}.demo-pillar--fix .fix-cc-workflow-card{box-sizing:border-box;border-radius:var(--clearity-radius);background-color:var(--fix-surface);background-image:linear-gradient(var(--fix-surface), var(--fix-surface)), var(--fix-cc-outline-accent), var(--fix-cc-outline-base);background-origin:border-box;background-clip:padding-box,border-box,border-box;background-size:auto, var(--fix-cc-outline-accent-size), 100% 100%;min-width:0;height:100%;animation:fixCcOutlineAccent3 var(--fix-cc-cycle-duration,12s) linear var(--fix-cc-master-delay,0s) infinite;cursor:default;background-position:0 0,110% 0,0 0;border:1.75px solid #0000;flex-direction:column;gap:.28rem;padding:.8rem .9rem .85rem;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #181d620b,0 12px 32px #181d6211}.demo-pillar--fix .fix-cc-workflow-card:hover{transform:translateY(-2px);box-shadow:0 2px 4px #181d620d,0 18px 40px #181d6216}.demo-pillar--fix .fix-cc-workflow-card__top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.demo-pillar--fix .fix-cc-workflow-card__step{letter-spacing:.02em;min-width:1.35rem;height:1.35rem;color:var(--clearity-dark-blue);background:var(--clearity-dark-blue);border-radius:9999px;justify-content:center;align-items:center;padding:0 .35rem;font-size:.6875rem;font-weight:600;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cc-workflow-card__step{background:color-mix(in srgb, var(--clearity-dark-blue) 6%, var(--fix-surface))}}.demo-pillar--fix .fix-cc-workflow-card__icon{color:var(--clearity-dark-blue);opacity:.88;display:inline-flex}.demo-pillar--fix .fix-cc-workflow-card__icon.fix-cc-icon-ring{opacity:1;color:#fff;background-color:var(--fix-categories-panel-navy);border:1px solid var(--clearity-orange);width:1.75rem;height:1.75rem;transition:background-color .22s,border-color .22s,color .22s}.demo-pillar--fix .fix-cc-workflow-card__icon.fix-cc-icon-ring:before{content:none;display:none}.demo-pillar--fix .fix-cc-workflow-card__icon.fix-cc-icon-ring svg,.demo-pillar--fix .fix-cc-workflow-card__icon.fix-cc-icon-ring svg *{color:#fff;stroke:currentColor}.demo-pillar--fix .fix-cc-workflow-card:hover .fix-cc-workflow-card__icon.fix-cc-icon-ring{color:#fff;background-color:#f05323;border-color:#fff}.demo-pillar--fix .fix-cc-workflow-card__title{letter-spacing:-.015em;color:var(--clearity-dark-blue);margin:.15rem 0 0;font-size:.9375rem;font-weight:600}.demo-pillar--fix .fix-cc-workflow-card__desc{color:var(--fix-ink-muted);margin:0;font-size:.75rem;line-height:1.4}.demo-pillar--fix .fix-cc-quick{grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;gap:.65rem .5rem;padding:.1rem .25rem .2rem;display:grid}@media (width>=900px){.demo-pillar--fix .fix-cc-quick{grid-template-columns:repeat(6,minmax(0,1fr));gap:.55rem 1rem}}.demo-pillar--fix .fix-cc-quick-card{width:100%;min-width:0;max-width:7rem;color:inherit;box-shadow:none;background:0 0;border:0;flex-direction:column;align-items:center;gap:.45rem;padding:.1rem;text-decoration:none;transition:transform .22s cubic-bezier(.22,1,.36,1);display:flex}.demo-pillar--fix .fix-cc-quick-card__orb{box-sizing:border-box;isolation:isolate;border-radius:9999px;justify-content:center;align-items:center;width:3.4rem;height:3.4rem;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1),border-color .22s,background-color .22s,color .22s;display:inline-flex;position:relative;overflow:visible;color:#fff!important;background-color:var(--fix-categories-panel-navy)!important;border:1px solid var(--clearity-orange)!important;box-shadow:none!important;opacity:1!important}.demo-pillar--fix .fix-cc-quick-card__orb:before{content:none;display:none}.demo-pillar--fix .fix-cc-quick-card__orb>*{z-index:2;position:relative}.demo-pillar--fix .fix-cc-quick-card__icon{stroke-width:2.15px;color:inherit}.demo-pillar--fix .fix-cc-quick-card__orb svg,.demo-pillar--fix .fix-cc-quick-card__orb svg *{color:#fff!important;stroke:currentColor!important}.demo-pillar--fix .fix-cc-quick-card--accent .fix-cc-quick-card__orb{color:#fff!important;background-color:var(--fix-categories-panel-navy)!important}.demo-pillar--fix .fix-cc-quick-card--accent .fix-cc-quick-card__orb svg,.demo-pillar--fix .fix-cc-quick-card--accent .fix-cc-quick-card__orb svg *{color:#fff!important;stroke:currentColor!important}.demo-pillar--fix .fix-cc-quick-card:hover{transform:translateY(-2px)}.demo-pillar--fix .fix-cc-quick-card:hover .fix-cc-quick-card__orb{box-shadow:none;color:#fff!important;background-color:#f05323!important;border-color:#fff!important}.demo-pillar--fix .fix-cc-category-option{isolation:isolate;position:relative}.demo-pillar--fix .fix-cc-category-option:before{content:"";z-index:1;border-radius:inherit;pointer-events:none;background-image:var(--fix-cc-outline-accent), var(--fix-cc-outline-base);background-size:var(--fix-cc-outline-accent-size), 100% 100%;opacity:.9;animation:fixCcOutlineAccent2 var(--fix-cc-cycle-duration,12s) linear var(--fix-cc-master-delay,0s) infinite;-webkit-mask-composite:xor;background-position:110% 0,0 0;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.demo-pillar--fix .fix-cc-category-option>*{z-index:2;position:relative}.demo-pillar--fix .fix-cc-category-option[data-active=true]:before{opacity:1}@media (prefers-reduced-motion:reduce){.demo-pillar--fix .pillar-search-backdrop{-webkit-backdrop-filter:none;animation:none}.demo-pillar--fix{--fix-cc-shine-opacity:0;--fix-cc-shimmer-x:185%;animation:none!important}.demo-pillar--fix .brand-logo-reflect__beam{opacity:0!important;animation:none!important}.demo-pillar--fix .clearity-landing__hero{background-position:0 0;background-size:100% 100%;background-image:var(--clearity-landing-hero-base,linear-gradient(90deg, #102060 0%, #102060 100%))!important;animation:none!important}.dark .demo-pillar--fix .clearity-landing__hero,.demo-pillar--fix.dark .clearity-landing__hero{background-image:linear-gradient(90deg,#82b0ec 0% 100%)!important}.demo-pillar--fix .clearity-header-bar:after{background-image:var(--clearity-pillar-gradient-divider);background-position:0 0;background-size:100% 100%;animation:none!important}.demo-pillar--fix .clearity-side-panel,.demo-pillar--fix .clearity-utility-btn,.demo-pillar--fix .clearity-side-panel__row[aria-current=page]:before,.dark .demo-pillar--fix .clearity-utility-btn,.demo-pillar--fix .fix-cc-workflow-card,.demo-pillar--fix .fix-cc-smart-card,.demo-pillar--fix .fix-cc-smart-card--placeholder,.demo-pillar--fix .fix-guide__info-card,.demo-pillar--fix .fix-guide__step-card,.demo-pillar--fix .fix-guide__control{background-position:0 0,110% 0,0 0;background-size:auto,0 0,100% 100%;animation:none!important}.demo-pillar--fix .clearity-side-panel__row[aria-current=page]:before{background-image:var(--fix-cc-outline-base,var(--fix-cc-outline-static));background-position:0 0;background-size:100% 100%}.demo-pillar--fix .fix-cc-ai-search__ring:before,.demo-pillar--fix .fix-cc-quick-card__orb:before,.demo-pillar--fix .fix-cc-category-option:before,.demo-pillar--fix .fix-cc-smart-card__orb:before,.demo-pillar--fix .fix-cc-icon-ring:before{background-image:var(--fix-cc-outline-base,var(--fix-cc-outline-static));background-position:0 0;background-size:100% 100%;animation:none!important}}.demo-pillar--fix .fix-cc-quick-card__label{letter-spacing:-.01em;color:var(--clearity-dark-blue);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.75rem;font-weight:500;overflow:hidden}.demo-pillar--fix .fix-cc-smart-header{justify-content:space-between;align-items:center;min-width:0;display:flex}.demo-pillar--fix .fix-cc-smart-see-all{color:var(--clearity-dark-blue);flex-shrink:0;font-size:.75rem;font-weight:600;text-decoration:none;transition:color .18s}.demo-pillar--fix .fix-cc-smart-see-all:hover{color:var(--clearity-orange)}.demo-pillar--fix .fix-cc-smart{grid-template-columns:1fr;gap:.65rem;display:grid}@media (width>=720px){.demo-pillar--fix .fix-cc-smart{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}}@media (width>=1180px){.demo-pillar--fix .fix-cc-smart{grid-template-columns:repeat(3,minmax(0,1fr))}}.demo-pillar--fix .fix-cc-smart-card{box-sizing:border-box;border-radius:var(--clearity-radius);background-color:var(--fix-surface);background-image:linear-gradient(var(--fix-surface), var(--fix-surface)), var(--fix-cc-outline-accent), var(--fix-cc-outline-base);background-origin:border-box;background-clip:padding-box,border-box,border-box;background-size:auto, var(--fix-cc-outline-accent-size), 100% 100%;min-width:0;animation:fixCcOutlineAccent3 var(--fix-cc-cycle-duration,12s) linear var(--fix-cc-master-delay,0s) infinite;color:inherit;background-position:0 0,110% 0,0 0;border:1.75px solid #0000;align-items:center;gap:.75rem;padding:.9rem 1rem;text-decoration:none;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1);display:flex;box-shadow:0 1px 2px #181d620b,0 14px 34px #181d6211}.demo-pillar--fix a.fix-cc-smart-card:hover,.demo-pillar--fix button.fix-cc-smart-card:hover{transform:translateY(-2px);box-shadow:0 2px 4px #181d620d,0 20px 44px #181d6217}.demo-pillar--fix a.fix-cc-smart-card:hover .fix-cc-smart-card__chevron,.demo-pillar--fix button.fix-cc-smart-card:hover .fix-cc-smart-card__chevron{color:var(--clearity-orange);opacity:1;transform:translate(2px)}.demo-pillar--fix a.fix-cc-smart-card:hover .fix-cc-smart-card__orb,.demo-pillar--fix button.fix-cc-smart-card:hover .fix-cc-smart-card__orb,.demo-pillar--fix a.fix-cc-smart-card--accent:hover .fix-cc-smart-card__orb,.demo-pillar--fix button.fix-cc-smart-card--accent:hover .fix-cc-smart-card__orb{box-shadow:none;color:#fff!important;background-color:#f05323!important;border-color:#fff!important}.demo-pillar--fix button.fix-cc-smart-card{font:inherit;text-align:left;cursor:pointer;width:100%}.demo-pillar--fix .fix-cc-smart-card--placeholder{cursor:default;background-color:var(--fix-surface-soft);background-image:linear-gradient(var(--fix-surface-soft), var(--fix-surface-soft)), var(--fix-cc-outline-accent), var(--fix-cc-outline-base);background-origin:border-box;background-clip:padding-box,border-box,border-box;background-size:auto, var(--fix-cc-outline-accent-size), 100% 100%;animation:fixCcOutlineAccent3 var(--fix-cc-cycle-duration,12s) linear var(--fix-cc-master-delay,0s) infinite;background-position:0 0,110% 0,0 0}.demo-pillar--fix .fix-cc-smart-card--accent{box-shadow:0 1px 2px #f053230f,0 14px 34px #f0532314}.demo-pillar--fix a.fix-cc-smart-card--accent:hover{box-shadow:0 2px 4px #f0532314,0 20px 44px #f053231f}.demo-pillar--fix .fix-cc-smart-card__orb{box-sizing:border-box;isolation:isolate;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:background-color .22s,border-color .22s,color .22s;display:inline-flex;position:relative;color:#fff!important;background-color:var(--fix-categories-panel-navy)!important;border:1px solid var(--clearity-orange)!important;box-shadow:none!important;opacity:1!important}.demo-pillar--fix .fix-cc-smart-card__orb:before{content:none;display:none}.demo-pillar--fix .fix-cc-smart-card__orb>*{z-index:1;position:relative}.demo-pillar--fix .fix-cc-smart-card__orb svg,.demo-pillar--fix .fix-cc-smart-card__orb svg *{color:#fff!important;stroke:currentColor!important}.demo-pillar--fix .fix-cc-smart-card--accent .fix-cc-smart-card__orb{color:#fff!important;background-color:var(--fix-categories-panel-navy)!important}.demo-pillar--fix .fix-cc-smart-card--accent .fix-cc-smart-card__orb svg,.demo-pillar--fix .fix-cc-smart-card--accent .fix-cc-smart-card__orb svg *{color:#fff!important;stroke:currentColor!important}.demo-pillar--fix .fix-cc-smart-card__title{letter-spacing:-.015em;color:var(--clearity-dark-blue);font-size:.9375rem;font-weight:600;display:block}.demo-pillar--fix .fix-cc-smart-card__desc{color:var(--fix-ink-muted);margin-top:.2rem;font-size:.75rem;line-height:1.4;display:block}.demo-pillar--fix .fix-cc-smart-card__chevron{width:1rem;height:1rem;color:var(--clearity-dark-blue);flex-shrink:0}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cc-smart-card__chevron{color:color-mix(in srgb, var(--clearity-dark-blue) 35%, transparent)}}.demo-pillar--fix .fix-cc-smart-card__chevron{opacity:.65;transition:color .22s,opacity .22s,transform .22s cubic-bezier(.22,1,.36,1)}.demo-pillar--fix .fix-cc-icon-ring{box-sizing:border-box;isolation:isolate;width:1.75rem;height:1.75rem;color:var(--clearity-dark-blue);background-color:var(--fix-surface);border:1.5px solid #0000;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.demo-pillar--fix .fix-cc-icon-ring:before{content:"";z-index:0;border-radius:inherit;pointer-events:none;background-image:var(--fix-cc-outline-accent,transparent), var(--fix-cc-icon-ring-base,var(--fix-cc-outline-base,linear-gradient(180deg, #161c49 0%, #161c49 100%)));background-size:var(--fix-cc-outline-accent-size,220% 100%), 100% 100%;animation:fixCcOutlineAccent2 var(--fix-cc-cycle-duration,12s) linear var(--fix-cc-master-delay,0s) infinite;-webkit-mask-composite:xor;background-position:110% 0,0 0;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.demo-pillar--fix .fix-cc-icon-ring>*{z-index:1;position:relative}.demo-pillar--fix .fix-cc-icon-ring--sm{width:1.5rem;height:1.5rem}.dark .demo-pillar--fix,.demo-pillar--fix.dark{--clearity-dark-blue:#cbd8f4;--fix-ink:#d3e0f7;--fix-ink-strong:#e8f0fe;--fix-ink-muted:#93a6c9;--fix-outline-blue:#6f9ae0;--fix-cc-icon-ring-base:linear-gradient(180deg, #4a5d96 0%, #4a5d96 100%);--fix-surface:#1b2438;--fix-surface-soft:#161d2e;--fix-quick-surface:#273550;--fix-quick-accent-surface:#462d34;--fix-smart-accent-surface:#462d34;--fix-solid:#33528c;--fix-cc-accent-glyph:#fff;--clearity-pillar-gradient-hero:linear-gradient(122deg, #82b0ec 0%, #82b0ec 66%, #93bcf1 71%, #ef6a3d 79%, #f05323 88%, #f05323 100%);--clearity-pillar-gradient-border:linear-gradient(165deg, #6f9ae0 0%, #6f9ae0 40%, #f06824 100%);--clearity-pillar-gradient-divider:linear-gradient(90deg, #6f9ae0 0%, #6f9ae0 35%, #f06824 100%)}.dark .demo-pillar--fix .fix-cc-quick-card__orb,.dark .demo-pillar--fix .fix-cc-quick-card__orb svg,.dark .demo-pillar--fix .fix-cc-quick-card__orb svg *,.demo-pillar--fix.dark .fix-cc-quick-card__orb,.demo-pillar--fix.dark .fix-cc-quick-card__orb svg,.demo-pillar--fix.dark .fix-cc-quick-card__orb svg *,.dark .demo-pillar--fix .fix-cc-smart-card__orb,.dark .demo-pillar--fix .fix-cc-smart-card__orb svg,.dark .demo-pillar--fix .fix-cc-smart-card__orb svg *,.demo-pillar--fix.dark .fix-cc-smart-card__orb,.demo-pillar--fix.dark .fix-cc-smart-card__orb svg,.demo-pillar--fix.dark .fix-cc-smart-card__orb svg *,.dark .demo-pillar--fix .fix-cc-workflow-card__icon.fix-cc-icon-ring,.dark .demo-pillar--fix .fix-cc-workflow-card__icon.fix-cc-icon-ring svg,.dark .demo-pillar--fix .fix-cc-workflow-card__icon.fix-cc-icon-ring svg *,.demo-pillar--fix.dark .fix-cc-workflow-card__icon.fix-cc-icon-ring,.demo-pillar--fix.dark .fix-cc-workflow-card__icon.fix-cc-icon-ring svg,.demo-pillar--fix.dark .fix-cc-workflow-card__icon.fix-cc-icon-ring svg *{color:#fff!important;stroke:#fff!important}.dark .demo-pillar--fix .fix-cc-quick-card__orb,.demo-pillar--fix.dark .fix-cc-quick-card__orb,.dark .demo-pillar--fix .fix-cc-smart-card__orb,.demo-pillar--fix.dark .fix-cc-smart-card__orb,.dark .demo-pillar--fix .fix-cc-workflow-card__icon.fix-cc-icon-ring,.demo-pillar--fix.dark .fix-cc-workflow-card__icon.fix-cc-icon-ring{background-color:#4a5d96!important}.dark .demo-pillar--fix .fix-cc-quick-card:hover .fix-cc-quick-card__orb,.demo-pillar--fix.dark .fix-cc-quick-card:hover .fix-cc-quick-card__orb,.dark .demo-pillar--fix a.fix-cc-smart-card:hover .fix-cc-smart-card__orb,.dark .demo-pillar--fix button.fix-cc-smart-card:hover .fix-cc-smart-card__orb,.demo-pillar--fix.dark a.fix-cc-smart-card:hover .fix-cc-smart-card__orb,.demo-pillar--fix.dark button.fix-cc-smart-card:hover .fix-cc-smart-card__orb,.dark .demo-pillar--fix .fix-cc-workflow-card:hover .fix-cc-workflow-card__icon.fix-cc-icon-ring,.demo-pillar--fix.dark .fix-cc-workflow-card:hover .fix-cc-workflow-card__icon.fix-cc-icon-ring{color:#fff!important;background-color:#f05323!important}.dark .demo-pillar--fix .fix-cc-quick-card__orb,.demo-pillar--fix.dark .fix-cc-quick-card__orb{border:1px solid var(--clearity-orange)!important}.dark .demo-pillar--fix .fix-cc-quick-card:hover .fix-cc-quick-card__orb,.demo-pillar--fix.dark .fix-cc-quick-card:hover .fix-cc-quick-card__orb{border-color:#fff!important}.dark .demo-pillar--fix .fix-cc-smart-card__orb,.demo-pillar--fix.dark .fix-cc-smart-card__orb,.dark .demo-pillar--fix .fix-cc-workflow-card__icon.fix-cc-icon-ring,.demo-pillar--fix.dark .fix-cc-workflow-card__icon.fix-cc-icon-ring{border:1px solid var(--clearity-orange)!important}.dark .demo-pillar--fix a.fix-cc-smart-card:hover .fix-cc-smart-card__orb,.dark .demo-pillar--fix button.fix-cc-smart-card:hover .fix-cc-smart-card__orb,.demo-pillar--fix.dark a.fix-cc-smart-card:hover .fix-cc-smart-card__orb,.demo-pillar--fix.dark button.fix-cc-smart-card:hover .fix-cc-smart-card__orb,.dark .demo-pillar--fix .fix-cc-workflow-card:hover .fix-cc-workflow-card__icon.fix-cc-icon-ring,.demo-pillar--fix.dark .fix-cc-workflow-card:hover .fix-cc-workflow-card__icon.fix-cc-icon-ring{border-color:#fff!important}.dark .demo-pillar--fix .fix-cc-section-label{color:var(--fix-ink)}@supports (color:color-mix(in lab, red, red)){.dark .demo-pillar--fix .fix-cc-section-label{color:color-mix(in srgb, var(--fix-ink) 88%, var(--fix-ink-muted))}}.dark .demo-pillar--fix .fix-cc-ai-search__row{background:var(--clearity-dark-search);box-shadow:inset 0 1px #ffffffd9}.dark .demo-pillar--fix .fix-cc-ai-search__mark,.dark .demo-pillar--fix .fix-cc-ai-search__input{color:var(--clearity-dark-search-ink)}.dark .demo-pillar--fix .fix-cc-ai-search__input::placeholder{color:var(--clearity-dark-search-muted)}.dark .demo-pillar--fix .fix-cc-ai-search__ring{box-shadow:0 1px 2px #00000059,0 6px 22px -12px #0000008c}.dark .demo-pillar--fix .fix-cc-ai-search__clear,.dark .demo-pillar--fix .fix-cc-ai-search__submit{background:var(--clearity-dark-search);color:var(--clearity-dark-search-ink);border-color:#181d621a;box-shadow:0 1px 2px #181d620d}.dark .demo-pillar--fix .fix-cc-ai-search__clear{color:#181d628c}.dark .demo-pillar--fix .fix-cc-ai-search__clear:hover,.dark .demo-pillar--fix .fix-cc-ai-search__submit:hover{color:var(--clearity-dark-search-ink);background:#fff;border-color:#ca492e70}.dark .demo-pillar--fix .fix-cc-workflow-card,.dark .demo-pillar--fix .fix-cc-smart-card{box-shadow:0 1px 2px #0006,0 14px 34px #00000052}.dark .demo-pillar--fix .fix-cc-workflow-card:hover,.dark .demo-pillar--fix a.fix-cc-smart-card:hover,.dark .demo-pillar--fix button.fix-cc-smart-card:hover{box-shadow:0 2px 6px #00000073,0 20px 44px #0006}.dark .demo-pillar--fix .fix-cc-smart-card--accent,.dark .demo-pillar--fix a.fix-cc-smart-card--accent:hover{box-shadow:0 1px 2px #f053232e,0 14px 34px #00000057}.dark .demo-pillar--fix .fix-cc-side-panel,.dark .demo-pillar--fix .clearity-side-panel{box-shadow:0 1px 2px #00000059,0 8px 24px -8px #00000080}.dark .demo-pillar--fix a.fix-cc-smart-card:focus-visible,.dark .demo-pillar--fix button.fix-cc-smart-card:focus-visible,.dark .demo-pillar--fix .fix-cc-quick-card:focus-visible{outline-offset:2px;outline:2px solid #9ec1f0}.demo-pillar--fix .fix-guide{min-width:0;font-family:var(--clearity-font)}.demo-pillar--fix :where(h1,h2,h3,h4),.demo-pillar--fix :where(.fix-guide__reference-card__title,.fix-connectivity__decision-card strong,.fix-cc-workflow-card__title,.fix-cc-smart-card__title){text-wrap:balance}.demo-pillar--fix :where(p,li),.demo-pillar--fix :where(.fix-connectivity__coach-note span,.fix-connectivity__decision-card small,.fix-cc-workflow-card__desc,.fix-cc-smart-card__desc,.fix-cc-search-item__desc){text-wrap:pretty}.demo-pillar--fix .fix-guide__header{margin-bottom:2rem}.demo-pillar--fix .fix-guide__header-top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.demo-pillar--fix .fix-guide__eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--clearity-orange);font-size:.75rem;font-weight:600}.demo-pillar--fix .fix-guide__title{width:fit-content;max-width:100%;font-family:var(--clearity-font);letter-spacing:-.03em;border:0;margin:.75rem 0 0;padding:0;font-size:clamp(2.75rem,4.7vw,4.25rem);font-weight:600;display:inline-block}.demo-pillar--fix .clearity-flow-title{width:fit-content;max-width:100%;margin-bottom:-.12em;padding-bottom:.12em;line-height:1.06;display:inline-block;overflow:visible;color:var(--fix-brand-blue)!important;-webkit-text-fill-color:currentColor!important;background:0 0!important}.dark .demo-pillar--fix .clearity-flow-title,.demo-pillar--fix.dark .clearity-flow-title{color:#82b0ec!important}.demo-pillar--fix .fix-guide__subtitle{max-width:42rem;color:var(--fix-ink-muted);margin:.75rem 0 0;font-size:1rem;line-height:1.5}.demo-pillar--fix .fix-guide__identifier-banner{border-radius:var(--clearity-radius);border:1px solid var(--fix-outline-blue);margin-top:1.25rem;padding:1rem}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-guide__identifier-banner{border:1px solid color-mix(in srgb, var(--fix-outline-blue) 18%, transparent)}}.demo-pillar--fix .fix-guide__identifier-banner{background:var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-guide__identifier-banner{background:color-mix(in srgb, var(--fix-outline-blue) 6%, var(--fix-surface))}}.demo-pillar--fix .fix-guide__identifier-banner__label{letter-spacing:.08em;text-transform:uppercase;color:var(--fix-ink);align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;display:flex}.demo-pillar--fix .fix-guide__identifier-banner__body{white-space:pre-wrap;color:var(--fix-ink-muted);margin:.5rem 0 0;font-family:inherit;font-size:.875rem;line-height:1.5}.demo-pillar--fix .fix-guide__info-grid{gap:1rem;margin-top:1.5rem;display:grid}@media (width>=768px){.demo-pillar--fix .fix-guide__info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.demo-pillar--fix .fix-guide__info-card{box-sizing:border-box;border-radius:var(--clearity-radius);background-color:var(--fix-surface);background-image:linear-gradient(var(--fix-surface), var(--fix-surface)), var(--fix-cc-outline-accent), var(--fix-cc-outline-base);background-origin:border-box;background-clip:padding-box,border-box,border-box;background-size:auto, var(--fix-cc-outline-accent-size), 100% 100%;animation:fixCcOutlineAccent3 var(--fix-cc-cycle-duration,12s) linear var(--fix-cc-master-delay,0s) infinite;background-position:0 0,110% 0,0 0;border:1.75px solid #0000;padding:1.25rem;position:relative;box-shadow:0 1px 2px #181d620b,0 12px 32px #181d6211}.demo-pillar--fix .fix-guide__info-card--goal{background-color:var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-guide__info-card--goal{background-color:color-mix(in srgb, var(--fix-outline-blue) 7%, var(--fix-surface))}}.demo-pillar--fix .fix-guide__info-card--goal{background-image:linear-gradient(var(--fix-outline-blue), var(--fix-outline-blue)), var(--fix-cc-outline-accent), var(--fix-cc-outline-base)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-guide__info-card--goal{background-image:linear-gradient(color-mix(in srgb, var(--fix-outline-blue) 7%, var(--fix-surface)), color-mix(in srgb, var(--fix-outline-blue) 7%, var(--fix-surface))), var(--fix-cc-outline-accent), var(--fix-cc-outline-base)}}.demo-pillar--fix .fix-guide__info-card__heading{letter-spacing:.08em;text-transform:uppercase;color:var(--fix-ink);align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;display:flex}.demo-pillar--fix .fix-guide__info-card--goal .fix-guide__info-card__heading{color:var(--fix-ink-strong)}.demo-pillar--fix .fix-guide__info-card__body{color:var(--fix-ink-muted);margin:.5rem 0 0;font-size:.875rem;line-height:1.55}.demo-pillar--fix .fix-guide__info-card--goal .fix-guide__info-card__body{color:var(--fix-ink)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-guide__info-card--goal .fix-guide__info-card__body{color:color-mix(in srgb, var(--fix-ink) 82%, var(--fix-ink-muted))}}.demo-pillar--fix .fix-guide__progress-row{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.demo-pillar--fix .fix-guide__path{border-radius:var(--clearity-radius);background:var(--fix-outline-blue);flex-wrap:wrap;align-items:center;gap:.25rem .15rem;margin:0 0 1.25rem;padding:.5rem .75rem;display:flex}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-guide__path{background:color-mix(in srgb, var(--fix-outline-blue) 6%, var(--fix-surface))}}.demo-pillar--fix .fix-guide__path{color:var(--fix-ink-muted);font-size:.75rem}.demo-pillar--fix .fix-guide__path-root{color:var(--fix-ink);font-weight:600}.demo-pillar--fix .fix-guide__path-item{align-items:center;gap:.15rem;max-width:100%;display:inline-flex}.demo-pillar--fix .fix-guide__path-item>span:last-child{overflow-wrap:anywhere;white-space:normal;max-width:14rem;color:var(--fix-ink);font-weight:500;line-height:1.3}.demo-pillar--fix .fix-guide__path-item--collapsed{color:var(--fix-ink-muted)}.demo-pillar--fix .fix-guide__path-collapsed{font-weight:600}.demo-pillar--fix .fix-guide__progress-track{background:var(--fix-outline-blue);border-radius:9999px;flex:auto;height:.375rem}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-guide__progress-track{background:color-mix(in srgb, var(--fix-outline-blue) 12%, var(--fix-surface-soft,var(--muted)))}}.demo-pillar--fix .fix-guide__progress-track{overflow:hidden}.demo-pillar--fix .fix-guide__progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--fix-outline-blue) 0%, #f05323 100%);height:100%;transition:width .28s}.demo-pillar--fix .fix-guide__controls{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.demo-pillar--fix .fix-guide__control{box-sizing:border-box;isolation:isolate;border-radius:var(--clearity-radius);color:var(--fix-ink);background-color:var(--fix-surface);background-image:linear-gradient(var(--fix-surface), var(--fix-surface)), var(--fix-cc-outline-accent), var(--fix-cc-outline-base);background-origin:border-box;background-clip:padding-box,border-box,border-box;background-size:auto, var(--fix-cc-outline-accent-size), 100% 100%;animation:fixCcOutlineAccent3 var(--fix-cc-cycle-duration,12s) linear var(--fix-cc-master-delay,0s) infinite;cursor:pointer;background-position:0 0,110% 0,0 0;border:1.5px solid #0000;align-items:center;gap:.375rem;padding:.375rem .75rem;font-family:inherit;font-size:.75rem;font-weight:600;line-height:1.2;text-decoration:none;transition:color .18s,background-color .18s,box-shadow .18s,transform .18s;display:inline-flex;position:relative;box-shadow:0 1px 2px #181d620a}.demo-pillar--fix .fix-guide__nav-control{border-radius:var(--clearity-radius);height:2.125rem;min-height:2.125rem;padding-block:.25rem}.demo-pillar--fix .fix-guide__control:hover{color:var(--fix-ink-strong);background-color:var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-guide__control:hover{background-color:color-mix(in srgb, var(--fix-outline-blue) 6%, var(--fix-surface))}}.demo-pillar--fix .fix-guide__control:hover{background-image:linear-gradient(var(--fix-outline-blue), var(--fix-outline-blue)), var(--fix-cc-outline-accent), var(--fix-cc-outline-base)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-guide__control:hover{background-image:linear-gradient(color-mix(in srgb, var(--fix-outline-blue) 6%, var(--fix-surface)), color-mix(in srgb, var(--fix-outline-blue) 6%, var(--fix-surface))), var(--fix-cc-outline-accent), var(--fix-cc-outline-base)}}.demo-pillar--fix .fix-guide__control:hover{box-shadow:0 2px 8px #181d6214}.demo-pillar--fix .fix-guide__control:focus-visible{outline:2px solid var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-guide__control:focus-visible{outline:2px solid color-mix(in srgb, var(--fix-outline-blue) 55%, #f05323)}}.demo-pillar--fix .fix-guide__control:focus-visible{outline-offset:2px}.demo-pillar--fix .fix-guide__control:disabled{opacity:.45;cursor:not-allowed}.demo-pillar--fix .fix-guide__mode-control[aria-pressed=true]{color:#fff;background-color:var(--fix-solid);background-image:none;border-color:#0000;animation:none;box-shadow:0 1px 2px #181d621f}.demo-pillar--fix .fix-guide__mode-control[aria-pressed=true]:hover{color:#fff;background-color:var(--fix-solid);opacity:.92;background-image:none}.demo-pillar--fix .fix-guide__documentation-trigger{white-space:nowrap;margin-top:.9rem;transform:translateY(.75rem)}.demo-pillar--fix .fix-guide__documentation-trigger:hover,.demo-pillar--fix .fix-guide__documentation-trigger:focus-visible,.demo-pillar--fix .fix-guide__documentation-trigger[aria-expanded=true]{color:#fff;background-color:var(--fix-solid);background-image:none;border-color:#0000;animation:none;box-shadow:0 1px 2px #181d621f}.demo-pillar--fix .fix-guide__documentation-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.demo-pillar--fix .fix-guide__documentation-mode-control{text-align:left;justify-content:flex-start;min-height:2.75rem;padding:.5rem .75rem}.demo-pillar--fix .fix-guide__documentation-mode-control>svg{flex:none}.demo-pillar--fix .fix-guide__documentation-mode-copy{gap:.125rem;min-width:0;display:grid}.demo-pillar--fix .fix-guide__documentation-mode-copy strong{text-wrap:balance;font-size:.8125rem;line-height:1.2}.demo-pillar--fix .fix-guide__documentation-content{gap:.75rem;margin-top:1rem;display:grid}.demo-pillar--fix .fix-guide__documentation-content-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.35rem 1rem;display:flex}.demo-pillar--fix .fix-guide__documentation-workspace :where(strong,small,span,textarea){text-wrap:pretty}@media (width<=479px){.demo-pillar--fix .fix-guide__documentation-modes{grid-template-columns:minmax(0,1fr)}}.demo-pillar--fix .fix-guide__steps{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.demo-pillar--fix .fix-guide__step-card{box-sizing:border-box;border-radius:var(--clearity-radius);background-color:var(--fix-surface);background-image:linear-gradient(var(--fix-surface), var(--fix-surface)), var(--fix-cc-outline-accent), var(--fix-cc-outline-base);background-origin:border-box;background-clip:padding-box,border-box,border-box;background-size:auto, var(--fix-cc-outline-accent-size), 100% 100%;animation:fixCcOutlineAccent3 var(--fix-cc-cycle-duration,12s) linear var(--fix-cc-master-delay,0s) infinite;background-position:0 0,110% 0,0 0;border:1.75px solid #0000;position:relative;overflow:hidden;box-shadow:0 1px 2px #181d620b,0 12px 32px #181d6211}.demo-pillar--fix .fix-guide__step-layout{align-items:stretch;display:flex}.demo-pillar--fix .fix-guide__step-rail{box-sizing:border-box;background:var(--fix-outline-blue);flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:center;gap:.5rem;width:3.75rem;padding:1rem .5rem;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-guide__step-rail{background:color-mix(in srgb, var(--fix-outline-blue) 8%, var(--fix-surface-soft,var(--fix-surface)))}}.demo-pillar--fix .fix-guide__step-rail{border-right:1px solid var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-guide__step-rail{border-right:1px solid color-mix(in srgb, var(--fix-outline-blue) 14%, transparent)}}.demo-pillar--fix .fix-guide__step-rail:before{content:"";background:linear-gradient(180deg, var(--fix-outline-blue) 0%, #f05323 100%);width:3px;position:absolute;top:0;bottom:0;left:0}.demo-pillar--fix .fix-guide__step-number{color:var(--fix-ink-strong);font-size:1.125rem;font-weight:700;line-height:1}.demo-pillar--fix .fix-guide__step-icon.fix-cc-icon-ring{width:1.75rem;height:1.75rem;color:var(--fix-ink)}.demo-pillar--fix .fix-guide__step-body{flex:auto;min-width:0;padding:1.25rem 1.5rem}@media (width>=1024px){.demo-pillar--fix .fix-guide__step-body{padding:1.5rem}}.demo-pillar--fix .fix-guide__step-title{letter-spacing:-.015em;color:var(--fix-ink-strong);margin:0;font-size:1.125rem;font-weight:600}.demo-pillar--fix .fix-guide__step-intent{color:var(--fix-ink-muted);margin:.125rem 0 0;font-size:.875rem}.demo-pillar--fix .fix-guide__section{margin-top:1rem}.demo-pillar--fix .fix-guide__section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--fix-ink-muted);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:flex}.demo-pillar--fix .fix-guide__bullet-list{color:var(--fix-ink);flex-direction:column;gap:.375rem;margin:0;padding:0;font-size:.875rem;list-style:none;display:flex}.demo-pillar--fix .fix-guide__bullet{align-items:flex-start;gap:.5rem;display:flex}.demo-pillar--fix .fix-guide__bullet:before{content:"";background:var(--clearity-orange);border-radius:9999px;flex-shrink:0;width:.375rem;height:.375rem;margin-top:.45rem}.demo-pillar--fix .fix-guide__callout{border-radius:var(--clearity-radius);border:1px solid var(--fix-outline-blue);margin-top:1rem;padding:.75rem 1rem}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-guide__callout{border:1px solid color-mix(in srgb, var(--fix-outline-blue) 14%, transparent)}}.demo-pillar--fix .fix-guide__callout{background:var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-guide__callout{background:color-mix(in srgb, var(--fix-outline-blue) 5%, var(--fix-surface))}}.demo-pillar--fix .fix-guide__callout{font-size:.875rem;line-height:1.5}.demo-pillar--fix .fix-guide__callout strong{color:var(--fix-ink-strong);font-weight:600}.demo-pillar--fix .fix-guide__callout span{color:var(--fix-ink-muted)}.demo-pillar--fix .fix-guide__tip{color:var(--clearity-orange);align-items:flex-start;gap:.5rem;margin-top:.75rem;font-size:.875rem;display:flex}.demo-pillar--fix .fix-guide__decision{margin-top:1.25rem}.demo-pillar--fix .fix-guide__decision-prompt{color:var(--fix-ink-strong);margin-bottom:.5rem;font-size:.875rem;font-weight:600}.demo-pillar--fix .fix-guide__decision-grid{gap:.5rem;display:grid}@media (width>=640px){.demo-pillar--fix .fix-guide__decision-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.demo-pillar--fix .fix-guide__decision-option{border-radius:var(--clearity-radius);border:1px solid var(--fix-outline-blue);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-guide__decision-option{border:1px solid color-mix(in srgb, var(--fix-outline-blue) 16%, transparent)}}.demo-pillar--fix .fix-guide__decision-option{background:var(--fix-surface);text-align:left;color:var(--fix-ink);cursor:pointer;font-family:inherit;font-size:.875rem;transition:border-color .18s,background-color .18s,box-shadow .18s,color .18s,opacity .18s}.demo-pillar--fix .fix-guide__decision-option:hover:not(:disabled){border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-guide__decision-option:hover:not(:disabled){border-color:color-mix(in srgb, var(--success) 72%, transparent)}}.demo-pillar--fix .fix-guide__decision-option:hover:not(:disabled){background:var(--success)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-guide__decision-option:hover:not(:disabled){background:color-mix(in srgb, var(--success) 9%, var(--fix-surface))}}.demo-pillar--fix .fix-guide__decision-option:hover:not(:disabled){box-shadow:0 6px 16px var(--success)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-guide__decision-option:hover:not(:disabled){box-shadow:0 6px 16px color-mix(in srgb, var(--success) 18%, transparent)}}.demo-pillar--fix .fix-guide__decision-option:disabled{cursor:default}.demo-pillar--fix .fix-guide__decision-option--chosen{border-color:var(--fix-outline-blue);font-weight:600}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-guide__decision-option--chosen{border-color:color-mix(in srgb, var(--fix-outline-blue) 45%, transparent)}}.demo-pillar--fix .fix-guide__decision-option--chosen{background:var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-guide__decision-option--chosen{background:color-mix(in srgb, var(--fix-outline-blue) 8%, var(--fix-surface))}}.demo-pillar--fix .fix-guide__decision-option--success{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-guide__decision-option--success{border-color:color-mix(in srgb, var(--success) 55%, transparent)}}.demo-pillar--fix .fix-guide__decision-option--success{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-guide__decision-option--success{background:color-mix(in srgb, var(--success) 12%, var(--fix-surface))}}.demo-pillar--fix .fix-guide__decision-option--success{color:var(--success)}.demo-pillar--fix .fix-guide__decision-option--danger{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-guide__decision-option--danger{border-color:color-mix(in srgb, var(--destructive) 55%, transparent)}}.demo-pillar--fix .fix-guide__decision-option--danger{background:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-guide__decision-option--danger{background:color-mix(in srgb, var(--destructive) 12%, var(--fix-surface))}}.demo-pillar--fix .fix-guide__decision-option--danger{color:var(--destructive)}.demo-pillar--fix .fix-guide__decision-option--danger:hover:not(:disabled){border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-guide__decision-option--danger:hover:not(:disabled){border-color:color-mix(in srgb, var(--destructive) 72%, transparent)}}.demo-pillar--fix .fix-guide__decision-option--danger:hover:not(:disabled){background:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-guide__decision-option--danger:hover:not(:disabled){background:color-mix(in srgb, var(--destructive) 9%, var(--fix-surface))}}.demo-pillar--fix .fix-guide__decision-option--danger:hover:not(:disabled){box-shadow:0 6px 16px var(--destructive)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-guide__decision-option--danger:hover:not(:disabled){box-shadow:0 6px 16px color-mix(in srgb, var(--destructive) 18%, transparent)}}.demo-pillar--fix .fix-guide__decision-option--dimmed{opacity:.4}.demo-pillar--fix .fix-guide__decision-grid--cards{grid-template-columns:1fr;gap:.75rem}@media (width>=640px){.demo-pillar--fix .fix-guide__decision-grid--cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.demo-pillar--fix .fix-guide__decision-option--card{align-items:flex-start;min-height:5.5rem;padding:1rem 1.125rem}.demo-pillar--fix .fix-guide__decision-option__card-body{flex-direction:column;flex:1;gap:.375rem;min-width:0;display:flex}.demo-pillar--fix .fix-guide__decision-option__card-title{color:inherit;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;line-height:1.3;display:flex}.demo-pillar--fix .fix-guide__decision-option__card-desc{color:var(--fix-ink-muted);font-size:.8125rem;font-weight:400;line-height:1.45}.demo-pillar--fix .fix-guide__decision-option--success .fix-guide__decision-option__card-desc,.demo-pillar--fix .fix-guide__decision-option--danger .fix-guide__decision-option__card-desc{color:inherit;opacity:.85}.demo-pillar--fix .fix-guide__know-before{border-radius:var(--clearity-radius);border:1px solid var(--fix-outline-blue);margin-top:1.25rem}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-guide__know-before{border:1px solid color-mix(in srgb, var(--fix-outline-blue) 16%, transparent)}}.demo-pillar--fix .fix-guide__know-before{background:linear-gradient(135deg, var(--fix-outline-blue) 0%, var(--fix-surface) 55%)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-guide__know-before{background:linear-gradient(135deg, color-mix(in srgb, var(--fix-outline-blue) 5%, var(--fix-surface)) 0%, var(--fix-surface) 55%)}}.demo-pillar--fix .fix-guide__know-before{overflow:hidden}.demo-pillar--fix .fix-guide__know-before__header{border-bottom:1px solid var(--fix-outline-blue);padding:.875rem 1rem .75rem}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-guide__know-before__header{border-bottom:1px solid color-mix(in srgb, var(--fix-outline-blue) 12%, transparent)}}.demo-pillar--fix .fix-guide__know-before__title{letter-spacing:.02em;text-transform:uppercase;color:var(--fix-ink);align-items:center;gap:.5rem;font-size:.8125rem;font-weight:700;display:flex}.demo-pillar--fix .fix-guide__know-before__subtitle{color:var(--fix-ink-muted);margin:.35rem 0 0;font-size:.8125rem;line-height:1.45}.demo-pillar--fix .fix-guide__know-before__table-wrap{overflow-x:auto}.demo-pillar--fix .fix-guide__know-before__table{border-collapse:collapse;width:100%;font-size:.8125rem}.demo-pillar--fix .fix-guide__know-before__table th,.demo-pillar--fix .fix-guide__know-before__table td{text-align:left;vertical-align:top;border-top:1px solid var(--fix-outline-blue);padding:.75rem 1rem}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-guide__know-before__table th,.demo-pillar--fix .fix-guide__know-before__table td{border-top:1px solid color-mix(in srgb, var(--fix-outline-blue) 10%, transparent)}}.demo-pillar--fix .fix-guide__know-before__table thead th{letter-spacing:.06em;text-transform:uppercase;color:var(--fix-ink-muted);background:var(--fix-outline-blue);border-top:0;font-size:.6875rem;font-weight:700}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-guide__know-before__table thead th{background:color-mix(in srgb, var(--fix-outline-blue) 4%, transparent)}}.demo-pillar--fix .fix-guide__know-before__table tbody th{color:var(--fix-ink);white-space:nowrap;font-weight:600}.demo-pillar--fix .fix-guide__know-before__table td{color:var(--fix-ink-muted);line-height:1.45}.demo-pillar--fix .fix-guide__know-before__badge{letter-spacing:.04em;text-transform:uppercase;color:var(--fix-solid);background:var(--fix-outline-blue);border-radius:999px;align-items:center;padding:.2rem .55rem;font-size:.6875rem;font-weight:700;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-guide__know-before__badge{background:color-mix(in srgb, var(--fix-outline-blue) 14%, transparent)}}.demo-pillar--fix .fix-guide__know-before__badge{white-space:nowrap}.demo-pillar--fix .fix-guide__continue{border-radius:var(--clearity-radius);color:#fff;background:var(--fix-solid);cursor:pointer;border:0;align-items:center;gap:.4rem;padding:.40625rem .54rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:opacity .18s,transform .18s,box-shadow .18s;display:inline-flex;position:relative;box-shadow:0 1px 2px #181d621f}.demo-pillar--fix .fix-guide__continue:before{content:"";position:absolute;inset:-.3125rem}.demo-pillar--fix .fix-guide__continue:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 4px 14px #181d622e}.demo-pillar--fix .fix-guide__continue:focus-visible{outline:2px solid var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-guide__continue:focus-visible{outline:2px solid color-mix(in srgb, var(--fix-outline-blue) 55%, #f05323)}}.demo-pillar--fix .fix-guide__continue:focus-visible{outline-offset:2px}.demo-pillar--fix .fix-guide__step-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1.25rem;display:flex}.demo-pillar--fix .fix-guide__outcome{border-radius:var(--clearity-radius);box-shadow:var(--shadow-elevated);border:1.5px solid #0000;margin-top:1.5rem;padding:1.25rem 1.5rem}.demo-pillar--fix .fix-guide__outcome--success{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-guide__outcome--success{border-color:color-mix(in srgb, var(--success) 45%, transparent)}}.demo-pillar--fix .fix-guide__outcome--success{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-guide__outcome--success{background:color-mix(in srgb, var(--success) 10%, var(--fix-surface))}}.demo-pillar--fix .fix-guide__outcome--danger{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-guide__outcome--danger{border-color:color-mix(in srgb, var(--destructive) 45%, transparent)}}.demo-pillar--fix .fix-guide__outcome--danger{background:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-guide__outcome--danger{background:color-mix(in srgb, var(--destructive) 10%, var(--fix-surface))}}.demo-pillar--fix .fix-guide__outcome--neutral{border-color:var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-guide__outcome--neutral{border-color:color-mix(in srgb, var(--fix-outline-blue) 30%, transparent)}}.demo-pillar--fix .fix-guide__outcome--neutral{background:var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-guide__outcome--neutral{background:color-mix(in srgb, var(--fix-outline-blue) 6%, var(--fix-surface))}}.demo-pillar--fix .fix-guide__outcome-label{letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;display:flex}.demo-pillar--fix .fix-guide__outcome-text{color:var(--fix-ink);margin:.5rem 0 0;font-size:1rem;line-height:1.5}.demo-pillar--fix .fix-guide__references{gap:1rem;margin-top:3rem;display:grid}@media (width>=768px){.demo-pillar--fix .fix-guide__references{grid-template-columns:repeat(2,minmax(0,1fr))}}.demo-pillar--fix .fix-guide__reference-card{border-radius:var(--clearity-radius);border:1px solid var(--fix-outline-blue);overflow:hidden}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-guide__reference-card{border:1px solid color-mix(in srgb, var(--fix-outline-blue) 14%, transparent)}}.demo-pillar--fix .fix-guide__reference-card{background:var(--fix-surface);box-shadow:0 1px 2px #181d620a,0 8px 24px #181d620d}.demo-pillar--fix .fix-guide__reference-card__bar{height:3px}.demo-pillar--fix .fix-guide__reference-card__bar--accent{background:var(--clearity-orange)}.demo-pillar--fix .fix-guide__reference-card__bar--warning{background:var(--warning)}.demo-pillar--fix .fix-guide__reference-card__bar--muted{background:linear-gradient(90deg, var(--fix-outline-blue) 0%, #f05323 100%)}.demo-pillar--fix .fix-guide__reference-card__body{padding:1.25rem}.demo-pillar--fix .fix-guide__reference-card__title{color:var(--fix-ink-strong);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.875rem;font-weight:600;display:flex}.demo-pillar--fix .fix-guide__reference-card__note{border-top:1px solid var(--fix-outline-blue);margin-top:.75rem;padding-top:.75rem}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-guide__reference-card__note{border-top:1px solid color-mix(in srgb, var(--fix-outline-blue) 12%, transparent)}}.demo-pillar--fix .fix-guide__reference-card__note{color:var(--fix-ink-muted);font-size:.75rem}.demo-pillar--fix .fix-guide__reference-link{color:inherit;text-decoration:none;transition:color .18s}.demo-pillar--fix .fix-guide__reference-link:hover{color:var(--clearity-orange);text-underline-offset:2px;text-decoration:underline}.demo-pillar--fix .fix-guide--coming-soon{max-width:48rem;padding:2rem 0}.demo-pillar--fix .fix-guide__coming-soon-card{border-radius:var(--clearity-radius);border:1.75px dashed var(--fix-outline-blue);padding:2.5rem}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-guide__coming-soon-card{border:1.75px dashed color-mix(in srgb, var(--fix-outline-blue) 22%, transparent)}}.demo-pillar--fix .fix-guide__coming-soon-card{background:var(--fix-surface-soft);text-align:center;box-shadow:var(--shadow-card)}.demo-pillar--fix .fix-guide__coming-soon-icon{border-radius:var(--clearity-radius);width:3.5rem;height:3.5rem;color:var(--fix-ink);background:var(--fix-outline-blue);justify-content:center;align-items:center;margin-bottom:1rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-guide__coming-soon-icon{background:color-mix(in srgb, var(--fix-outline-blue) 10%, var(--fix-surface))}}.demo-pillar--fix .fix-guide__coming-soon-title{color:var(--fix-ink-strong);margin:.25rem 0 0;font-size:1.5rem;font-weight:700}.demo-pillar--fix .fix-guide__coming-soon-copy{color:var(--fix-ink-muted);margin:.75rem 0 0}.dark .demo-pillar--fix .fix-guide__info-card,.dark .demo-pillar--fix .fix-guide__step-card,.dark .demo-pillar--fix .fix-guide__reference-card{box-shadow:0 1px 2px #0006,0 14px 34px #00000052}.dark .demo-pillar--fix .fix-guide__control:hover{box-shadow:0 2px 8px #00000059}.dark .demo-pillar--fix .fix-guide__continue{background:var(--fix-solid);box-shadow:0 1px 2px #0006}.dark .demo-pillar--fix .fix-guide__control:focus-visible,.dark .demo-pillar--fix .fix-guide__continue:focus-visible{outline-color:#9ec1f0}.demo-pillar--fix .fix-guide__notes-editor{border-radius:var(--clearity-radius);border:1px solid var(--fix-outline-blue);width:100%;min-height:12rem;padding:.75rem 1rem}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-guide__notes-editor{border:1px solid color-mix(in srgb, var(--fix-outline-blue) 14%, transparent)}}.demo-pillar--fix .fix-guide__notes-editor{background:var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-guide__notes-editor{background:color-mix(in srgb, var(--fix-outline-blue) 5%, var(--fix-surface))}}.demo-pillar--fix .fix-guide__notes-editor{color:var(--fix-ink);resize:vertical}.demo-pillar--fix .fix-guide__notes-copyable .fix-guide__notes-editor{padding-inline-end:4rem}.demo-pillar--fix .fix-guide__notes-editor:focus-within{outline:2px solid var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-guide__notes-editor:focus-within{outline:2px solid color-mix(in srgb, var(--fix-outline-blue) 40%, #f05323)}}.demo-pillar--fix .fix-guide__notes-editor:focus-within{outline-offset:1px}.demo-pillar--fix .fix-connectivity{--fix-connectivity-line:var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity{--fix-connectivity-line:color-mix(in srgb, var(--fix-outline-blue) 15%, transparent)}}.demo-pillar--fix .fix-connectivity{--fix-connectivity-surface:var(--fix-surface)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity{--fix-connectivity-surface:color-mix(in srgb, var(--fix-surface) 96%, transparent)}}.demo-pillar--fix .fix-connectivity{--fix-connectivity-content-width:60rem;padding-bottom:1rem}.demo-pillar--fix .fix-connectivity__hero{gap:.75rem;margin-bottom:1.25rem;display:grid}.demo-pillar--fix .fix-connectivity__hero .fix-guide__header-top{width:100%;min-width:0}.demo-pillar--fix .fix-connectivity__hero-main{gap:1.25rem;min-width:0;display:grid}.demo-pillar--fix .fix-connectivity__hero-copy .fix-guide__title{margin-top:0}.demo-pillar--fix .fix-connectivity__hero-copy{container-type:inline-size}@media (width>=1180px){.demo-pillar--fix .fix-connectivity__hero-copy .fix-guide__title{white-space:nowrap;width:100%;max-width:none;font-size:clamp(2.5rem,5cqi,4.25rem);display:block}}.demo-pillar--fix .fix-connectivity__summary{gap:.75rem;display:grid}.demo-pillar--fix .fix-connectivity__summary .fix-guide__info-card{border-radius:var(--clearity-radius);border-width:1px;min-height:0;padding:1rem;box-shadow:0 8px 24px #181d620e}.demo-pillar--fix .fix-connectivity__summary .fix-guide__info-card__body{font-size:.8125rem;line-height:1.45}.demo-pillar--fix .fix-connectivity__stage-shell{width:min(100%, var(--fix-connectivity-content-width));border:1px solid var(--fix-connectivity-line);border-radius:var(--clearity-radius);background:var(--fix-connectivity-surface);grid-template-columns:minmax(0,1fr) auto;margin:0 auto 1rem;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff7a,0 7px 20px #181d620b}.demo-pillar--fix .fix-connectivity__diagnostic-system{width:min(100%, var(--fix-connectivity-content-width));margin-inline:auto}.demo-pillar--fix .fix-connectivity__diagnostic-body{gap:.875rem;display:grid}.demo-pillar--fix .fix-connectivity__primary-column{align-content:start;gap:.875rem;min-width:0;display:grid}.demo-pillar--fix .fix-connectivity__stage-rail{background:0 0;grid-template-columns:repeat(4,minmax(0,1fr));min-width:0;margin:0;padding:0;list-style:none;display:grid}.demo-pillar--fix .fix-connectivity__stage{min-width:0;min-height:4.25rem;color:var(--fix-ink-muted);align-items:center;gap:.65rem;padding:.75rem 1rem;display:flex;position:relative}.demo-pillar--fix .fix-connectivity__stage:not(:last-child):after{content:"";background:var(--fix-connectivity-line);width:1px;position:absolute;top:.9rem;bottom:.9rem;right:0}.demo-pillar--fix .fix-connectivity__stage--complete:not(:last-child):after{background:linear-gradient(180deg, var(--fix-outline-blue) 0%, var(--clearity-orange) 100%)}.demo-pillar--fix .fix-connectivity__stage--active{color:var(--fix-ink-strong);background:var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__stage--active{background:color-mix(in srgb, var(--fix-outline-blue) 5%, var(--fix-connectivity-surface))}}.demo-pillar--fix .fix-connectivity__stage--complete{color:var(--fix-ink)}.demo-pillar--fix .fix-connectivity__stage--terminal-success,.demo-pillar--fix .fix-connectivity__stage--terminal-danger{color:var(--fix-ink);background:var(--fix-connectivity-surface)}.demo-pillar--fix .fix-connectivity__stage-number{border:1px solid var(--fix-ink-muted);flex:none;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__stage-number{border:1px solid color-mix(in srgb, var(--fix-ink-muted) 34%, transparent)}}.demo-pillar--fix .fix-connectivity__stage-number{color:var(--fix-ink-muted);background:var(--fix-surface);border-radius:999px;font-size:.9rem;font-weight:600}.demo-pillar--fix .fix-connectivity__stage--active .fix-connectivity__stage-number{border-color:var(--fix-solid);color:#fff;background:var(--fix-solid);box-shadow:0 3px 10px var(--fix-solid)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__stage--active .fix-connectivity__stage-number{box-shadow:0 3px 10px color-mix(in srgb, var(--fix-solid) 20%, transparent)}}.demo-pillar--fix .fix-connectivity__stage--complete .fix-connectivity__stage-number{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__stage--complete .fix-connectivity__stage-number{border-color:color-mix(in srgb, var(--success) 42%, transparent)}}.demo-pillar--fix .fix-connectivity__stage--complete .fix-connectivity__stage-number{color:var(--success);background:var(--success)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__stage--complete .fix-connectivity__stage-number{background:color-mix(in srgb, var(--success) 9%, var(--fix-surface))}}.demo-pillar--fix .fix-connectivity__stage--terminal-success .fix-connectivity__stage-number{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__stage--terminal-success .fix-connectivity__stage-number{border-color:color-mix(in srgb, var(--success) 42%, transparent)}}.demo-pillar--fix .fix-connectivity__stage--terminal-success .fix-connectivity__stage-number{color:var(--success);background:var(--success)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__stage--terminal-success .fix-connectivity__stage-number{background:color-mix(in srgb, var(--success) 9%, var(--fix-surface))}}.demo-pillar--fix .fix-connectivity__stage--terminal-danger .fix-connectivity__stage-number{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__stage--terminal-danger .fix-connectivity__stage-number{border-color:color-mix(in srgb, var(--destructive) 42%, transparent)}}.demo-pillar--fix .fix-connectivity__stage--terminal-danger .fix-connectivity__stage-number{color:var(--destructive);background:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__stage--terminal-danger .fix-connectivity__stage-number{background:color-mix(in srgb, var(--destructive) 9%, var(--fix-surface))}}.demo-pillar--fix .fix-connectivity__stage-copy{flex-direction:column;min-width:0;display:flex}.demo-pillar--fix .fix-connectivity__stage-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:600;line-height:1.25;overflow:hidden}.demo-pillar--fix .fix-connectivity__stage-copy small{white-space:normal;margin-top:.15rem;font-size:.6875rem;line-height:1.18}.demo-pillar--fix .fix-connectivity__stage-controls{border-left:1px solid var(--fix-connectivity-line);background:var(--fix-outline-blue);justify-content:flex-end;align-items:center;gap:.5rem;padding:.65rem .75rem;display:flex}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__stage-controls{background:color-mix(in srgb, var(--fix-outline-blue) 3%, var(--fix-connectivity-surface))}}.demo-pillar--fix .fix-connectivity__path{margin-bottom:.875rem}.demo-pillar--fix .fix-connectivity__workspace{align-items:stretch;gap:.875rem;display:grid}.demo-pillar--fix .fix-connectivity__module,.demo-pillar--fix .fix-connectivity__outcome-module{border:1px solid var(--fix-connectivity-line);border-radius:var(--clearity-radius);background:var(--fix-connectivity-surface);min-width:0;box-shadow:inset 0 1px #ffffff73,0 9px 24px #181d620d}.demo-pillar--fix .fix-connectivity__module{padding:1.1rem}.demo-pillar--fix .fix-connectivity__module-heading{border-bottom:1px solid var(--fix-connectivity-line);align-items:center;gap:.7rem;padding-bottom:.85rem;display:flex}.demo-pillar--fix .fix-connectivity__module-icon{border:1px solid var(--fix-outline-blue);flex:none;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__module-icon{border:1px solid color-mix(in srgb, var(--fix-outline-blue) 28%, transparent)}}.demo-pillar--fix .fix-connectivity__module-icon{border-radius:var(--clearity-radius);color:var(--fix-outline-blue);background:var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__module-icon{background:color-mix(in srgb, var(--fix-outline-blue) 6%, var(--fix-surface))}}.demo-pillar--fix .fix-connectivity__kicker,.demo-pillar--fix .fix-connectivity__support-label{letter-spacing:.07em;text-transform:uppercase;color:var(--fix-outline-blue);margin:0;font-size:.6875rem;font-weight:700}.demo-pillar--fix .fix-connectivity__module-heading h2,.demo-pillar--fix .fix-connectivity__module--outage>h2,.demo-pillar--fix .fix-connectivity__outcome-module h2{letter-spacing:-.015em;color:var(--fix-ink-strong);margin:.25rem 0 0;font-size:1rem;font-weight:600}.demo-pillar--fix .fix-connectivity__module .fix-guide__section{margin-top:.9rem}.demo-pillar--fix .fix-connectivity__module .fix-guide__bullet-list{gap:.5rem;font-size:.8125rem;line-height:1.4}.demo-pillar--fix .fix-connectivity__module--guidance{flex-direction:column;gap:.9rem;display:flex}.demo-pillar--fix .fix-connectivity__guidance-block{border:1px solid var(--fix-connectivity-line);border-radius:var(--clearity-radius);background:var(--fix-outline-blue);padding:.9rem}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__guidance-block{background:color-mix(in srgb, var(--fix-outline-blue) 4%, var(--fix-surface))}}.demo-pillar--fix .fix-connectivity__module-label{letter-spacing:.045em;text-transform:uppercase;color:var(--fix-ink-strong);align-items:center;gap:.45rem;font-size:.75rem;font-weight:700;display:flex}.demo-pillar--fix .fix-connectivity__guidance-block p{color:var(--fix-ink-muted);margin:.55rem 0 0;font-size:.8125rem;line-height:1.5}.demo-pillar--fix .fix-connectivity__coach-note{box-sizing:border-box;border-left:2px solid var(--clearity-orange);border-radius:var(--clearity-radius);width:fit-content;max-width:100%;color:var(--clearity-orange);background:var(--clearity-orange);align-items:flex-start;gap:.5rem;padding:.75rem .8rem;font-size:.8125rem;line-height:1.45;display:flex}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__coach-note{background:color-mix(in srgb, var(--clearity-orange) 4%, transparent)}}.demo-pillar--fix .fix-connectivity__coach-note{overflow-wrap:anywhere}.demo-pillar--fix .fix-connectivity__agent-note{margin-top:.9rem}.demo-pillar--fix .fix-connectivity__field-grid{gap:.7rem;display:grid}.demo-pillar--fix .fix-connectivity__field{color:var(--fix-ink-strong);gap:.35rem;font-size:.75rem;font-weight:600;display:grid}.demo-pillar--fix .fix-connectivity__field input,.demo-pillar--fix .fix-connectivity__field select{border:1px solid var(--fix-connectivity-line);border-radius:var(--clearity-radius);width:100%;min-height:2.5rem;font:inherit;color:var(--fix-ink);background:var(--fix-surface);padding:.55rem .7rem;font-weight:400}.demo-pillar--fix .fix-connectivity__field input:focus,.demo-pillar--fix .fix-connectivity__field select:focus{outline:2px solid var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__field input:focus,.demo-pillar--fix .fix-connectivity__field select:focus{outline:2px solid color-mix(in srgb, var(--fix-outline-blue) 55%, var(--clearity-orange))}}.demo-pillar--fix .fix-connectivity__field input:focus,.demo-pillar--fix .fix-connectivity__field select:focus{outline-offset:1px}.demo-pillar--fix .fix-connectivity__module--guidance .fix-guide__continue{align-self:flex-start}.demo-pillar--fix .fix-connectivity__module--stacked{padding:clamp(1rem,1.6vw,1.3rem);width:100%;padding-block:calc(clamp(1rem,1.6vw,1.3rem) - .125rem)}.demo-pillar--fix .fix-connectivity__module--stacked .fix-connectivity__module-heading{padding-bottom:.7rem}.demo-pillar--fix .fix-connectivity__module--stacked .fix-guide__section,.demo-pillar--fix .fix-connectivity__module--stacked .fix-connectivity__agent-note,.demo-pillar--fix .fix-connectivity__module--stacked .fix-connectivity__inline-guidance{margin-top:.75rem}.demo-pillar--fix .fix-connectivity__stacked-section{border-top:1px solid var(--fix-connectivity-line);margin-top:.85rem;padding-top:.85rem}.demo-pillar--fix .fix-connectivity__module-heading+.fix-connectivity__stacked-section{border-top:0;padding-top:0}.demo-pillar--fix .fix-connectivity__stacked-guidance{gap:1.3375rem;display:grid}.demo-pillar--fix .fix-connectivity__stacked-guidance .fix-guide__continue,.demo-pillar--fix .fix-connectivity__stacked-continue .fix-guide__continue{justify-self:start}.demo-pillar--fix .fix-connectivity__stacked-decision .fix-connectivity__decision{max-width:52rem}.demo-pillar--fix .fix-procedure{width:100%;padding:clamp(1rem,1.6vw,1.3rem)}.demo-pillar--fix .fix-procedure__heading{border-bottom:1px solid var(--fix-connectivity-line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;padding-bottom:.9rem;display:grid}.demo-pillar--fix .fix-procedure__heading-copy{min-width:0}.demo-pillar--fix .fix-procedure__heading h2{letter-spacing:-.015em;color:var(--fix-ink-strong);margin:.25rem 0 0;font-size:1rem;font-weight:600}.demo-pillar--fix .fix-procedure__toggle{border:1px solid var(--fix-outline-blue);justify-content:center;align-items:center;gap:.4rem;min-height:2.5rem;padding:.5rem .7rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-procedure__toggle{border:1px solid color-mix(in srgb, var(--fix-outline-blue) 28%, transparent)}}.demo-pillar--fix .fix-procedure__toggle{border-radius:var(--clearity-radius);font:inherit;color:var(--fix-brand-blue);background:var(--fix-outline-blue);font-size:.75rem;font-weight:700}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-procedure__toggle{background:color-mix(in srgb, var(--fix-outline-blue) 5%, var(--fix-surface))}}.demo-pillar--fix .fix-procedure__toggle{cursor:pointer}.demo-pillar--fix .fix-procedure__toggle:hover{border-color:var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-procedure__toggle:hover{border-color:color-mix(in srgb, var(--fix-outline-blue) 52%, var(--clearity-orange))}}.demo-pillar--fix .fix-procedure__toggle:hover{background:var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-procedure__toggle:hover{background:color-mix(in srgb, var(--fix-outline-blue) 9%, var(--fix-surface))}}.demo-pillar--fix .fix-procedure__toggle:focus-visible{outline:2px solid var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-procedure__toggle:focus-visible{outline:2px solid color-mix(in srgb, var(--fix-outline-blue) 55%, var(--clearity-orange))}}.demo-pillar--fix .fix-procedure__toggle:focus-visible{outline-offset:2px}.demo-pillar--fix .fix-procedure__steps{margin:0;padding:0;list-style:none}.demo-pillar--fix .fix-procedure__step{padding:1rem 0}.demo-pillar--fix .fix-procedure__step+.fix-procedure__step{border-top:1px solid var(--fix-connectivity-line)}.demo-pillar--fix .fix-procedure__step:last-child{padding-bottom:0}.demo-pillar--fix .fix-procedure__step.is-collapsed{padding-block:.65rem}.demo-pillar--fix .fix-procedure__step--current{scroll-margin-top:1rem}.demo-pillar--fix .fix-procedure__step--upcoming{color:var(--fix-ink-muted)}.demo-pillar--fix .fix-procedure__step-heading{align-items:center;gap:.65rem;min-width:0;display:flex}.demo-pillar--fix .fix-procedure__step-number{border:1px solid var(--fix-outline-blue);flex:none;justify-content:center;align-items:center;width:1.8rem;height:1.8rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-procedure__step-number{border:1px solid color-mix(in srgb, var(--fix-outline-blue) 30%, transparent)}}.demo-pillar--fix .fix-procedure__step-number{border-radius:var(--clearity-radius);color:var(--fix-brand-blue);background:var(--fix-outline-blue);font-size:.75rem;font-weight:750}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-procedure__step-number{background:color-mix(in srgb, var(--fix-outline-blue) 6%, var(--fix-surface))}}.demo-pillar--fix .fix-procedure__step--completed .fix-procedure__step-number{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-procedure__step--completed .fix-procedure__step-number{border-color:color-mix(in srgb, var(--success) 42%, transparent)}}.demo-pillar--fix .fix-procedure__step--completed .fix-procedure__step-number{color:var(--success);background:var(--success)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-procedure__step--completed .fix-procedure__step-number{background:color-mix(in srgb, var(--success) 8%, var(--fix-surface))}}.demo-pillar--fix .fix-procedure__step--current .fix-procedure__step-number{color:#fff;background:var(--fix-brand-blue)}.demo-pillar--fix .fix-procedure__step-heading h3{color:var(--fix-ink-strong);text-wrap:pretty;margin:0;font-size:.875rem;font-weight:700;line-height:1.35}.demo-pillar--fix .fix-procedure__step-status{color:var(--fix-ink-muted);margin-top:.1rem;font-size:.6875rem;font-weight:650;display:block}.demo-pillar--fix .fix-procedure__step--completed .fix-procedure__step-status{color:var(--success)}.demo-pillar--fix .fix-procedure__step-body{margin:.7rem 0 0 2.45rem}.demo-pillar--fix .fix-procedure__step-content{gap:.75rem;min-width:0;display:grid}.demo-pillar--fix .fix-procedure__step-content>p{max-width:48rem;color:var(--fix-ink);text-wrap:pretty;margin:0;font-size:.8125rem;line-height:1.5}.demo-pillar--fix .fix-procedure__step-content .fix-guide__bullet-list{margin:0}.demo-pillar--fix .fix-procedure__step-content .fix-connectivity__protected-instruction{margin-top:0}.demo-pillar--fix .fix-procedure__decision{border-top:1px solid var(--fix-connectivity-line);max-width:52rem;padding-top:.75rem}.demo-pillar--fix .fix-procedure__step-content>.fix-guide__continue{justify-self:start}.demo-pillar--fix .fix-connectivity__decision{flex-direction:column;flex:auto;width:100%;margin:0;display:flex}.demo-pillar--fix .fix-connectivity__decision h3{color:var(--fix-ink-strong);margin:.35rem 0 .75rem;font-size:.9375rem;font-weight:600}.demo-pillar--fix .fix-connectivity__decision-grid{flex:auto;align-items:stretch;gap:.65rem;display:grid}.demo-pillar--fix .fix-connectivity__decision-grid--binary .fix-connectivity__decision-card{height:auto}.demo-pillar--fix .fix-connectivity__decision-grid--binary{flex:none}.demo-pillar--fix .fix-connectivity__decision-card{border:1px solid var(--fix-connectivity-line);border-radius:var(--clearity-radius);min-height:4.5rem;font:inherit;text-align:left;color:var(--fix-ink);background:var(--fix-surface);cursor:pointer;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr) auto;gap:.15rem .7rem;padding:.65rem .75rem;transition:border-color .18s,background-color .18s,box-shadow .18s;display:grid;position:relative}.demo-pillar--fix .fix-connectivity__module--decision{display:flex}.demo-pillar--fix .fix-connectivity__decision-card:hover:not(:disabled),.demo-pillar--fix .fix-connectivity__decision-card:focus-visible{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__decision-card:hover:not(:disabled),.demo-pillar--fix .fix-connectivity__decision-card:focus-visible{border-color:color-mix(in srgb, var(--success) 72%, var(--fix-connectivity-line))}}.demo-pillar--fix .fix-connectivity__decision-card:hover:not(:disabled),.demo-pillar--fix .fix-connectivity__decision-card:focus-visible{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__decision-card:hover:not(:disabled),.demo-pillar--fix .fix-connectivity__decision-card:focus-visible{background:color-mix(in srgb, var(--success) 9%, var(--fix-surface))}}.demo-pillar--fix .fix-connectivity__decision-card:hover:not(:disabled),.demo-pillar--fix .fix-connectivity__decision-card:focus-visible{box-shadow:0 6px 16px var(--success)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__decision-card:hover:not(:disabled),.demo-pillar--fix .fix-connectivity__decision-card:focus-visible{box-shadow:0 6px 16px color-mix(in srgb, var(--success) 18%, transparent)}}.demo-pillar--fix .fix-connectivity__decision-card:focus-visible{outline:2px solid var(--success);outline-offset:2px}.demo-pillar--fix .fix-connectivity__decision-card:disabled{cursor:default}.demo-pillar--fix .fix-connectivity__decision-card--success{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__decision-card--success{border-color:color-mix(in srgb, var(--success) 36%, var(--fix-connectivity-line))}}.demo-pillar--fix .fix-connectivity__decision-card--danger{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__decision-card--danger{border-color:color-mix(in srgb, var(--destructive) 36%, var(--fix-connectivity-line))}}.demo-pillar--fix .fix-connectivity__decision-card--success:hover:not(:disabled),.demo-pillar--fix .fix-connectivity__decision-card--success:focus-visible{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__decision-card--success:hover:not(:disabled),.demo-pillar--fix .fix-connectivity__decision-card--success:focus-visible{border-color:color-mix(in srgb, var(--success) 72%, var(--fix-connectivity-line))}}.demo-pillar--fix .fix-connectivity__decision-card--success:hover:not(:disabled),.demo-pillar--fix .fix-connectivity__decision-card--success:focus-visible{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__decision-card--success:hover:not(:disabled),.demo-pillar--fix .fix-connectivity__decision-card--success:focus-visible{background:color-mix(in srgb, var(--success) 9%, var(--fix-surface))}}.demo-pillar--fix .fix-connectivity__decision-card--success:hover:not(:disabled),.demo-pillar--fix .fix-connectivity__decision-card--success:focus-visible{box-shadow:0 6px 16px var(--success)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__decision-card--success:hover:not(:disabled),.demo-pillar--fix .fix-connectivity__decision-card--success:focus-visible{box-shadow:0 6px 16px color-mix(in srgb, var(--success) 18%, transparent)}}.demo-pillar--fix .fix-connectivity__decision-card--success:focus-visible{outline-color:var(--success)}.demo-pillar--fix .fix-connectivity__decision-card--danger:hover:not(:disabled),.demo-pillar--fix .fix-connectivity__decision-card--danger:focus-visible{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__decision-card--danger:hover:not(:disabled),.demo-pillar--fix .fix-connectivity__decision-card--danger:focus-visible{border-color:color-mix(in srgb, var(--destructive) 72%, var(--fix-connectivity-line))}}.demo-pillar--fix .fix-connectivity__decision-card--danger:hover:not(:disabled),.demo-pillar--fix .fix-connectivity__decision-card--danger:focus-visible{background:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__decision-card--danger:hover:not(:disabled),.demo-pillar--fix .fix-connectivity__decision-card--danger:focus-visible{background:color-mix(in srgb, var(--destructive) 9%, var(--fix-surface))}}.demo-pillar--fix .fix-connectivity__decision-card--danger:hover:not(:disabled),.demo-pillar--fix .fix-connectivity__decision-card--danger:focus-visible{box-shadow:0 6px 16px var(--destructive)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__decision-card--danger:hover:not(:disabled),.demo-pillar--fix .fix-connectivity__decision-card--danger:focus-visible{box-shadow:0 6px 16px color-mix(in srgb, var(--destructive) 18%, transparent)}}.demo-pillar--fix .fix-connectivity__decision-card--danger:focus-visible{outline-color:var(--destructive)}.demo-pillar--fix .fix-connectivity__decision-card.is-selected{background:var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__decision-card.is-selected{background:color-mix(in srgb, var(--fix-outline-blue) 8%, var(--fix-surface))}}.demo-pillar--fix .fix-connectivity__decision-card.is-selected{box-shadow:inset 0 0 0 1px}.demo-pillar--fix .fix-connectivity__decision-icon{width:2rem;height:2rem;color:var(--success);background:var(--success);border-radius:999px;grid-row:1/span 2;justify-content:center;align-self:center;align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__decision-icon{background:color-mix(in srgb, var(--success) 10%, var(--fix-surface))}}.demo-pillar--fix .fix-connectivity__decision-icon{transition:color .16s,background-color .16s}.demo-pillar--fix .fix-connectivity__decision-card--danger .fix-connectivity__decision-icon{color:var(--destructive);background:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__decision-card--danger .fix-connectivity__decision-icon{background:color-mix(in srgb, var(--destructive) 10%, var(--fix-surface))}}.demo-pillar--fix .fix-connectivity__decision-card--neutral-choice .fix-connectivity__decision-icon{color:var(--fix-solid);background:var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__decision-card--neutral-choice .fix-connectivity__decision-icon{background:color-mix(in srgb, var(--fix-outline-blue) 9%, var(--fix-surface))}}.demo-pillar--fix .fix-connectivity__decision-marker{font-size:.8125rem;font-weight:750;line-height:1}.demo-pillar--fix .fix-connectivity__decision-card--categorical .fix-connectivity__decision-icon{color:var(--fix-ink-muted);background:var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__decision-card--categorical .fix-connectivity__decision-icon{background:color-mix(in srgb, var(--fix-outline-blue) 8%, var(--fix-surface))}}.demo-pillar--fix .fix-connectivity__decision-card--categorical:hover:not(:disabled) .fix-connectivity__decision-icon,.demo-pillar--fix .fix-connectivity__decision-card--categorical:focus-visible .fix-connectivity__decision-icon{color:var(--success);background:var(--success)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__decision-card--categorical:hover:not(:disabled) .fix-connectivity__decision-icon,.demo-pillar--fix .fix-connectivity__decision-card--categorical:focus-visible .fix-connectivity__decision-icon{background:color-mix(in srgb, var(--success) 12%, var(--fix-surface))}}.demo-pillar--fix .fix-connectivity__decision-card--categorical.is-selected .fix-connectivity__decision-icon{color:var(--fix-solid);background:var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__decision-card--categorical.is-selected .fix-connectivity__decision-icon{background:color-mix(in srgb, var(--fix-outline-blue) 12%, var(--fix-surface))}}.demo-pillar--fix .fix-connectivity__decision-card--categorical:hover:not(:disabled),.demo-pillar--fix .fix-connectivity__decision-card--categorical:focus-visible{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__decision-card--categorical:hover:not(:disabled),.demo-pillar--fix .fix-connectivity__decision-card--categorical:focus-visible{border-color:color-mix(in srgb, var(--success) 72%, var(--fix-connectivity-line))}}.demo-pillar--fix .fix-connectivity__decision-card--categorical:hover:not(:disabled),.demo-pillar--fix .fix-connectivity__decision-card--categorical:focus-visible{box-shadow:0 6px 16px var(--success)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__decision-card--categorical:hover:not(:disabled),.demo-pillar--fix .fix-connectivity__decision-card--categorical:focus-visible{box-shadow:0 6px 16px color-mix(in srgb, var(--success) 18%, transparent)}}.demo-pillar--fix .fix-connectivity__decision-card--categorical:focus-visible{outline-color:var(--success)}.demo-pillar--fix .fix-connectivity__decision-card--categorical.is-selected{border-color:var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__decision-card--categorical.is-selected{border-color:color-mix(in srgb, var(--fix-outline-blue) 65%, var(--fix-connectivity-line))}}.demo-pillar--fix .fix-connectivity__decision-card--categorical.is-selected{box-shadow:0 6px 16px var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__decision-card--categorical.is-selected{box-shadow:0 6px 16px color-mix(in srgb, var(--fix-outline-blue) 15%, transparent)}}.demo-pillar--fix .fix-connectivity__step-resources,.demo-pillar--fix .fix-connectivity__protected-instruction{margin-top:.85rem}.demo-pillar--fix .fix-connectivity__step-resource{border:1px solid var(--fix-outline-blue);justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem .8rem;display:flex}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__step-resource{border:1px solid color-mix(in srgb, var(--fix-outline-blue) 24%, var(--fix-connectivity-line))}}.demo-pillar--fix .fix-connectivity__step-resource{border-radius:var(--clearity-radius);color:var(--fix-ink);background:var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__step-resource{background:color-mix(in srgb, var(--fix-outline-blue) 5%, var(--fix-surface))}}.demo-pillar--fix .fix-connectivity__step-resource{text-decoration:none}.demo-pillar--fix .fix-connectivity__step-resource:hover,.demo-pillar--fix .fix-connectivity__step-resource:focus-visible{border-color:var(--fix-outline-blue);background:var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__step-resource:hover,.demo-pillar--fix .fix-connectivity__step-resource:focus-visible{background:color-mix(in srgb, var(--fix-outline-blue) 9%, var(--fix-surface))}}.demo-pillar--fix .fix-connectivity__step-resource:focus-visible{outline:2px solid var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__step-resource:focus-visible{outline:2px solid color-mix(in srgb, var(--fix-outline-blue) 58%, var(--clearity-orange))}}.demo-pillar--fix .fix-connectivity__step-resource:focus-visible{outline-offset:2px}.demo-pillar--fix .fix-connectivity__step-resource>span{gap:.15rem;min-width:0;display:grid}.demo-pillar--fix .fix-connectivity__step-resource strong{font-size:.8125rem}.demo-pillar--fix .fix-connectivity__step-resource small{color:var(--fix-ink-muted);font-size:.6875rem}.demo-pillar--fix .fix-connectivity__protected-instruction{border:1px solid var(--clearity-orange);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .85rem;display:flex}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__protected-instruction{border:1px solid color-mix(in srgb, var(--clearity-orange) 38%, var(--fix-connectivity-line))}}.demo-pillar--fix .fix-connectivity__protected-instruction{border-radius:var(--clearity-radius);color:var(--fix-ink);background:var(--clearity-orange)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__protected-instruction{background:color-mix(in srgb, var(--clearity-orange) 6%, var(--fix-surface))}}.demo-pillar--fix .fix-connectivity__protected-instruction>span{text-transform:uppercase;letter-spacing:.055em;font-size:.75rem;font-weight:700}.demo-pillar--fix .fix-connectivity__protected-instruction code{border-radius:var(--clearity-radius);color:var(--fix-ink-strong);background:var(--fix-surface);padding:.25rem .55rem;font-size:.9375rem;font-weight:750}.demo-pillar--fix .fix-connectivity__decision-card strong{align-self:end;font-size:.8125rem;font-weight:600}.demo-pillar--fix .fix-connectivity__decision-card small{color:var(--fix-ink-muted);font-size:.6875rem}.demo-pillar--fix .fix-connectivity__decision-support{align-self:start;gap:.3rem;min-width:0;display:grid}.demo-pillar--fix .fix-connectivity__decision-evidence{color:var(--fix-ink-muted);gap:.2rem;font-size:.6875rem;line-height:1.35;display:grid}.demo-pillar--fix .fix-connectivity__decision-evidence>span{text-wrap:pretty;padding-left:.75rem;position:relative}.demo-pillar--fix .fix-connectivity__decision-evidence>span:before{content:"";background:currentColor;border-radius:999px;width:.28rem;height:.28rem;position:absolute;top:.42em;left:.1rem}.demo-pillar--fix .fix-connectivity__decision-chevron{width:1rem;height:1rem;color:var(--fix-ink-muted);grid-area:1/3/span 2;align-self:center}.demo-pillar--fix .fix-connectivity__module--outage>p{color:var(--fix-ink-muted);margin:.3rem 0 .9rem;font-size:.75rem;line-height:1.45}.demo-pillar--fix .fix-connectivity__isp-grid{gap:.4rem;display:grid}.demo-pillar--fix .fix-connectivity__isp-link{border:1px solid var(--fix-connectivity-line);border-radius:var(--clearity-radius);min-width:0;color:var(--fix-ink);background:var(--fix-surface);align-items:center;gap:.55rem;padding:.4rem .5rem;text-decoration:none;transition:border-color .18s,background-color .18s,box-shadow .18s;display:flex}.demo-pillar--fix .fix-connectivity__isp-link:hover,.demo-pillar--fix .fix-connectivity__isp-link:focus-visible{border-color:var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__isp-link:hover,.demo-pillar--fix .fix-connectivity__isp-link:focus-visible{border-color:color-mix(in srgb, var(--fix-outline-blue) 52%, var(--clearity-orange))}}.demo-pillar--fix .fix-connectivity__isp-link:hover,.demo-pillar--fix .fix-connectivity__isp-link:focus-visible{background:var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__isp-link:hover,.demo-pillar--fix .fix-connectivity__isp-link:focus-visible{background:color-mix(in srgb, var(--fix-outline-blue) 6%, var(--fix-surface))}}.demo-pillar--fix .fix-connectivity__isp-link:hover,.demo-pillar--fix .fix-connectivity__isp-link:focus-visible{box-shadow:0 4px 12px var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__isp-link:hover,.demo-pillar--fix .fix-connectivity__isp-link:focus-visible{box-shadow:0 4px 12px color-mix(in srgb, var(--fix-outline-blue) 8%, transparent)}}.demo-pillar--fix .fix-connectivity__isp-link:focus-visible{outline:2px solid var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__isp-link:focus-visible{outline:2px solid color-mix(in srgb, var(--fix-outline-blue) 55%, var(--clearity-orange))}}.demo-pillar--fix .fix-connectivity__isp-link:focus-visible{outline-offset:2px}.demo-pillar--fix .fix-connectivity__isp-link>span:first-child{border-radius:var(--clearity-radius);width:1.9rem;height:1.9rem}.demo-pillar--fix .fix-connectivity__isp-link>span:first-child img{width:1.45rem;height:1.45rem}.demo-pillar--fix .fix-connectivity__isp-link .text-sm{font-size:.72rem}.demo-pillar--fix .fix-connectivity__isp-link .text-xs{font-size:.6rem}.demo-pillar--fix .fix-connectivity__downdetector{border-top:1px solid var(--fix-connectivity-line);margin-top:.7rem;padding-top:.7rem}.demo-pillar--fix .fix-connectivity__downdetector h3{font-size:.75rem}.demo-pillar--fix .fix-connectivity__outcome-module{grid-template-columns:minmax(0,1fr);align-content:center;justify-items:center;gap:3rem;width:100%;padding:2.75rem;display:grid}.demo-pillar--fix .fix-connectivity__outcome-module--success{border-color:var(--success)}.demo-pillar--fix .fix-connectivity__outcome-module--danger{border-color:var(--destructive)}.demo-pillar--fix .fix-connectivity__outcome-copy{text-align:center;justify-items:center;gap:0;width:min(100%,40rem);min-width:0;display:grid}.demo-pillar--fix .fix-connectivity__outcome-module p{text-wrap:pretty;color:var(--fix-ink);margin:.4rem 0 0;font-size:.875rem;line-height:1.5}.demo-pillar--fix .fix-connectivity__terminal-status-icon{justify-content:center;align-items:center;width:8.75rem;height:8.75rem;display:flex}.demo-pillar--fix .fix-connectivity__terminal-status-icon img{object-fit:contain;width:100%;height:100%;display:block}@media (width<=639px){.demo-pillar--fix .fix-connectivity__outcome-module{gap:1.5rem;padding:1.5rem}.demo-pillar--fix .fix-connectivity__terminal-status-icon{width:7.5rem;height:7.5rem}}.demo-pillar--fix .fix-connectivity__support-grid{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:.5rem;width:100%;margin:0;display:grid}.demo-pillar--fix .fix-connectivity__support-grid .fix-guide__reference-card{border-radius:var(--clearity-radius);height:100%;box-shadow:0 6px 18px #181d620a}.demo-pillar--fix .fix-connectivity__primary-escalation .fix-guide__reference-card{border-radius:var(--clearity-radius);height:auto;box-shadow:0 6px 18px #181d620a}.demo-pillar--fix .fix-connectivity .fix-guide__reference-card__bar{background:linear-gradient(90deg, var(--fix-outline-blue) 0%, #f05323 100%)}.demo-pillar--fix .fix-connectivity__support-grid .fix-guide__reference-card__body,.demo-pillar--fix .fix-connectivity__primary-escalation .fix-guide__reference-card__body{padding:.7rem .75rem}.demo-pillar--fix .fix-connectivity__primary-escalation .fix-guide__reference-card__body{padding-block:.5625rem}.demo-pillar--fix .fix-connectivity__support-card--escalation>.fix-guide__reference-card__bar{display:none}.demo-pillar--fix .fix-connectivity__support-grid .fix-guide__reference-card__title,.demo-pillar--fix .fix-connectivity__primary-escalation .fix-guide__reference-card__title{margin-bottom:.45rem}.demo-pillar--fix .fix-connectivity__primary-escalation .fix-guide__reference-card__title{margin-bottom:.3125rem}.demo-pillar--fix .fix-connectivity__context-copy{color:var(--fix-ink);text-wrap:balance;margin:0;font-size:.75rem;line-height:1.45}.demo-pillar--fix .fix-connectivity__context-divider{background:var(--fix-connectivity-line);height:1px;margin:.7rem 0}.demo-pillar--fix .fix-connectivity__context-subheading{margin-bottom:.45rem}.demo-pillar--fix .fix-connectivity__support-grid .fix-guide__bullet-list,.demo-pillar--fix .fix-connectivity__primary-escalation .fix-guide__bullet-list{gap:.25rem;font-size:.75rem;line-height:1.4}.demo-pillar--fix .fix-connectivity__support-label{color:var(--fix-ink-muted);margin-bottom:.2rem}.demo-pillar--fix .fix-connectivity__primary-escalation .fix-connectivity__support-label{margin-bottom:.25rem}.demo-pillar--fix .fix-connectivity__escalation-criteria{gap:.5rem;display:grid;container-type:inline-size}.demo-pillar--fix .fix-connectivity__escalation-grid{grid-template-columns:minmax(0,1fr);gap:0;display:grid}.demo-pillar--fix .fix-connectivity__escalation-item{border-bottom:1px solid var(--fix-connectivity-line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem .75rem;min-height:2.75rem;padding-block:.55rem;display:grid}.demo-pillar--fix .fix-connectivity__escalation-item:first-child{border-top:1px solid var(--fix-connectivity-line)}.demo-pillar--fix .fix-connectivity__criterion-copy{text-wrap:pretty;gap:.2rem;min-width:0;line-height:1.4;display:grid}.demo-pillar--fix .fix-connectivity__criterion-copy strong{font-weight:650}.demo-pillar--fix .fix-connectivity__criterion-status{border:1px solid;align-items:center;gap:.25rem;padding:.125rem .4rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__criterion-status{border:1px solid color-mix(in srgb, currentColor 28%, transparent)}}.demo-pillar--fix .fix-connectivity__criterion-status{border-radius:var(--clearity-radius);white-space:nowrap;font-size:.6875rem;font-weight:650;line-height:1.35}.demo-pillar--fix .fix-connectivity__criterion-status--established{color:#15803d;background:#22c55e17}.demo-pillar--fix .fix-connectivity__criterion-status--needs-confirmation{color:#9a3412;background:var(--clearity-orange)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__criterion-status--needs-confirmation{background:color-mix(in srgb, var(--clearity-orange) 9%, transparent)}}.dark .demo-pillar--fix .fix-connectivity__criterion-status--established{color:#86efac}.dark .demo-pillar--fix .fix-connectivity__criterion-status--needs-confirmation{color:#fdba74}.demo-pillar--fix .fix-connectivity__criterion-evidence{color:var(--fix-ink-muted);text-wrap:pretty;font-size:.6875rem;line-height:1.4}.demo-pillar--fix .fix-connectivity__escalation-guidance{text-wrap:pretty;width:100%;padding:.4rem .55rem;font-size:.75rem;line-height:1.35}.demo-pillar--fix .fix-connectivity__escalation-guidance svg{flex:none;margin-top:.05rem}.demo-pillar--fix .fix-connectivity__related-list{color:var(--fix-ink);flex-wrap:wrap;gap:.4rem 0;margin:0;padding:0;font-size:.75rem;list-style:none;display:flex}.demo-pillar--fix .fix-connectivity__related-list li{align-items:center;display:inline-flex}.demo-pillar--fix .fix-connectivity__related-list li:not(:last-child):after{content:"";background:var(--fix-connectivity-line);width:1px;height:.85rem;margin:0 .75rem}.demo-pillar--fix .fix-connectivity__related-list a{border-radius:var(--clearity-radius);color:inherit;background-color:#0000;align-items:center;margin:-.2rem -.35rem;padding:.2rem .35rem;text-decoration:none;transition:color .16s,background-color .16s,box-shadow .16s;display:inline-flex}.demo-pillar--fix .fix-connectivity__related-list a:hover,.demo-pillar--fix .fix-connectivity__related-list a:focus-visible{color:#fff;background-color:var(--fix-solid)}.demo-pillar--fix .fix-connectivity__related-list a:focus-visible{outline:2px solid var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-connectivity__related-list a:focus-visible{outline:2px solid color-mix(in srgb, var(--fix-outline-blue) 55%, var(--clearity-orange))}}.demo-pillar--fix .fix-connectivity__related-list a:focus-visible{outline-offset:2px}.demo-pillar--fix .fix-connectivity__primary-escalation,.demo-pillar--fix .fix-connectivity__primary-escalation .fix-guide__reference-card{width:min(100%,51.25rem)}.demo-pillar--fix .fix-connectivity__primary-escalation{margin-inline:auto}.demo-pillar--fix .fix-connectivity__related-panel,.demo-pillar--fix .fix-connectivity__related-panel .fix-guide__reference-card{width:100%}.demo-pillar--fix .fix-connectivity__related-disclosure{justify-items:start;gap:.4rem;width:100%;margin-top:0;display:grid}.demo-pillar--fix .fix-connectivity__related-trigger{border-radius:var(--clearity-radius);min-height:2.5rem;font:inherit;color:var(--fix-ink-muted);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:.45rem .55rem;font-size:.75rem;font-weight:600;transition:color .16s;display:inline-flex;transform:translateY(-.1875rem)}.demo-pillar--fix button.fix-connectivity__related-trigger{cursor:pointer}.demo-pillar--fix .fix-connectivity__related-trigger:hover,.demo-pillar--fix button.fix-connectivity__related-trigger:focus-visible,.demo-pillar--fix button.fix-connectivity__related-trigger:active,.demo-pillar--fix button.fix-connectivity__related-trigger[aria-expanded=true]{color:var(--fix-solid);background:0 0;border-color:#0000}.demo-pillar--fix button.fix-connectivity__related-trigger:focus-visible{outline:2px solid var(--fix-solid);outline-offset:2px}.demo-pillar--fix .fix-connectivity__related-trigger--static{cursor:default}.demo-pillar--fix .fix-connectivity__primary-column--wide .fix-connectivity__primary-escalation,.demo-pillar--fix .fix-connectivity__primary-column--wide .fix-connectivity__primary-escalation .fix-guide__reference-card{width:min(100%,60rem)}.demo-pillar--fix .fix-connectivity__related-panel .fix-guide__reference-card{height:auto}.demo-pillar--fix .fix-connectivity__resources-row{align-items:stretch;gap:.75rem;margin-top:.75rem;display:grid}.demo-pillar--fix .fix-connectivity__resources-row .fix-guide__reference-card{height:100%}@media (width>=1180px){.demo-pillar--fix .fix-connectivity--sop-flow .fix-connectivity__workspace:not(.fix-connectivity__workspace--outcome){grid-template-columns:minmax(0,1.05fr) minmax(18rem,.95fr)}.demo-pillar--fix .fix-connectivity--sop-flow .fix-connectivity__decision-grid--multi{grid-template-columns:1fr}.demo-pillar--fix .fix-connectivity__resources-row:not(.fix-connectivity__resources-row--with-documentation) .fix-connectivity__related-list{flex-wrap:nowrap;justify-content:space-between;gap:0 .45rem}.demo-pillar--fix .fix-connectivity__resources-row:not(.fix-connectivity__resources-row--with-documentation) .fix-connectivity__related-list li{white-space:nowrap}.demo-pillar--fix .fix-connectivity__resources-row:not(.fix-connectivity__resources-row--with-documentation) .fix-connectivity__related-list li:not(:last-child):after{margin:0 0 0 .45rem}}.demo-pillar--fix .fix-connectivity__documentation>.fix-guide__reference-card{margin-top:0}.demo-pillar--fix .fix-connectivity__documentation--revealed{animation:.18s ease-out both fixDocumentationReveal}@keyframes fixDocumentationReveal{0%{opacity:0;transform:translateY(.25rem)}to{opacity:1;transform:translateY(0)}}@media (width>=640px){.demo-pillar--fix .fix-connectivity__summary,.demo-pillar--fix .fix-connectivity__isp-grid,.demo-pillar--fix .fix-connectivity__decision-grid--binary,.demo-pillar--fix .fix-connectivity__decision-grid--multi{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-pillar--fix .fix-connectivity__decision-grid--two-valid-one-problem .fix-connectivity__decision-card:last-child{grid-column:1/-1}.demo-pillar--fix .fix-connectivity__decision-grid--selection-cards{grid-template-columns:minmax(0,1fr)}}@media (width>=960px){.demo-pillar--fix .fix-connectivity__decision-grid--selection-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.demo-pillar--fix .fix-connectivity__decision-grid--stacked{flex:none;grid-template-columns:minmax(0,1fr)}.demo-pillar--fix .fix-connectivity__decision-grid--stacked .fix-connectivity__decision-card{min-height:4.25rem}@media (width>=1180px){.demo-pillar--fix .fix-connectivity{--fix-connectivity-content-width:75rem}.demo-pillar--fix .fix-guide__back-control,.demo-pillar--fix .fix-connectivity--voicemail .fix-connectivity__restart-control{height:1.875rem;min-height:1.875rem;padding:.1875rem .625rem}.demo-pillar--fix .fix-connectivity__hero-main{grid-template-columns:minmax(0,1fr);align-items:start}.demo-pillar--fix .fix-connectivity__workspace--identify,.demo-pillar--fix .fix-connectivity__workspace--verify-internet,.demo-pillar--fix .fix-connectivity__workspace--device-troubleshooting{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-pillar--fix .fix-connectivity__workspace--outage-check{grid-template-columns:minmax(14rem,.72fr) minmax(17rem,.88fr) minmax(25rem,1.4fr)}.demo-pillar--fix .fix-connectivity__diagnostic-body{grid-template-columns:minmax(0,1.625fr) minmax(18rem,1fr);align-items:start;gap:1rem}.demo-pillar--fix .fix-connectivity__related-panel .fix-connectivity__related-list li{white-space:nowrap}.demo-pillar--fix .fix-connectivity__related-panel .fix-connectivity__related-list li:not(:last-child):after{margin:0 .55rem}.demo-pillar--fix .fix-connectivity__diagnostic-body .fix-connectivity__primary-column .fix-connectivity__workspace--stacked{width:100%;margin-inline:0}.demo-pillar--fix .fix-connectivity__diagnostic-body .fix-connectivity__primary-column .fix-connectivity__primary-escalation,.demo-pillar--fix .fix-connectivity__diagnostic-body .fix-connectivity__primary-column .fix-connectivity__primary-escalation .fix-guide__reference-card{width:100%}.demo-pillar--fix .fix-connectivity__diagnostic-system .fix-connectivity__support-grid{width:100%;margin:0}.demo-pillar--fix .fix-connectivity__diagnostic-system .fix-connectivity__support-grid .fix-guide__reference-card{height:auto}}@media (prefers-reduced-motion:reduce){.demo-pillar--fix .fix-connectivity__documentation--revealed{animation:none}}@media (width<=1179px){.demo-pillar--fix .fix-connectivity__stage{justify-content:center;padding-inline:.65rem}.demo-pillar--fix .fix-connectivity__stage-copy{display:none}}@media (width<=639px){.demo-pillar--fix .fix-procedure__heading{grid-template-columns:auto minmax(0,1fr)}.demo-pillar--fix .fix-procedure__toggle{grid-column:1/-1;justify-self:stretch}.demo-pillar--fix .fix-procedure__step-body{margin-left:0}.demo-pillar--fix .fix-connectivity__stage-shell{grid-template-columns:minmax(0,1fr)}.demo-pillar--fix .fix-connectivity__stage-controls{border-top:1px solid var(--fix-connectivity-line);border-left:0;padding:.55rem .65rem}.demo-pillar--fix .fix-connectivity__stage{min-height:3.5rem;padding-inline:.4rem}.demo-pillar--fix .fix-connectivity__stage-number{width:1.75rem;height:1.75rem;font-size:.8rem}}.dark .demo-pillar--fix .fix-connectivity__stage-shell,.dark .demo-pillar--fix .fix-connectivity__module,.dark .demo-pillar--fix .fix-connectivity__outcome-module{--fix-connectivity-surface:var(--fix-surface)}@supports (color:color-mix(in lab, red, red)){.dark .demo-pillar--fix .fix-connectivity__stage-shell,.dark .demo-pillar--fix .fix-connectivity__module,.dark .demo-pillar--fix .fix-connectivity__outcome-module{--fix-connectivity-surface:color-mix(in srgb, var(--fix-surface) 93%, transparent)}}.dark .demo-pillar--fix .fix-connectivity__stage-shell,.dark .demo-pillar--fix .fix-connectivity__module,.dark .demo-pillar--fix .fix-connectivity__outcome-module{box-shadow:inset 0 1px #ffffff0f,0 11px 26px #0000003d}.dark .demo-pillar--fix .fix-connectivity__summary .fix-guide__info-card,.dark .demo-pillar--fix .fix-connectivity__support-grid .fix-guide__reference-card,.dark .demo-pillar--fix .fix-connectivity__primary-escalation .fix-guide__reference-card{box-shadow:0 10px 26px #00000038}@media (width>=1180px){.demo-pillar--fix .fix-connectivity--call-issues .fix-connectivity__workspace--identify,.demo-pillar--fix .fix-connectivity--call-issues .fix-connectivity__workspace--verify-call-type,.demo-pillar--fix .fix-connectivity--call-issues .fix-connectivity__workspace--root-outbound,.demo-pillar--fix .fix-connectivity--call-issues .fix-connectivity__workspace--root-inbound,.demo-pillar--fix .fix-connectivity--call-issues .fix-connectivity__workspace--root-dropped{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.demo-pillar--fix .fix-connectivity--call-issues .fix-connectivity__workspace--test-call{grid-template-columns:minmax(16rem,.9fr) minmax(22rem,1.1fr)}.demo-pillar--fix .fix-connectivity--call-issues .fix-connectivity__workspace--test-call .fix-connectivity__decision-grid--multi{grid-template-columns:1fr}.demo-pillar--fix .fix-connectivity--voicemail .fix-connectivity__know-before{margin-bottom:.875rem}.demo-pillar--fix .fix-connectivity--voicemail .fix-connectivity__workspace--select-service,.demo-pillar--fix .fix-connectivity--voicemail .fix-connectivity__workspace--unsure-connection,.demo-pillar--fix .fix-connectivity--voicemail .fix-connectivity__workspace--unsure-pstn-which,.demo-pillar--fix .fix-connectivity--voicemail .fix-connectivity__workspace--vvm-symptom{grid-template-columns:minmax(14rem,.78fr) minmax(22rem,1.22fr)}.demo-pillar--fix .fix-connectivity--voicemail .fix-connectivity__workspace--select-service .fix-connectivity__decision-grid--multi,.demo-pillar--fix .fix-connectivity--voicemail .fix-connectivity__workspace--vvm-symptom .fix-connectivity__decision-grid--multi{grid-template-columns:1fr}.demo-pillar--fix .fix-connectivity--voicemail .fix-connectivity__workspace--vvm-displaying,.demo-pillar--fix .fix-connectivity--voicemail .fix-connectivity__workspace--vvm-enable,.demo-pillar--fix .fix-connectivity--voicemail .fix-connectivity__workspace--vvm-sync-escalate,.demo-pillar--fix .fix-connectivity--voicemail .fix-connectivity__workspace--vvm-other-escalate,.demo-pillar--fix .fix-connectivity--voicemail .fix-connectivity__workspace--provider-setup,.demo-pillar--fix .fix-connectivity--voicemail .fix-connectivity__workspace--provider-unknown-number,.demo-pillar--fix .fix-connectivity--voicemail .fix-connectivity__workspace--am-provider-enabled,.demo-pillar--fix .fix-connectivity--voicemail .fix-connectivity__workspace--am-disable-provider,.demo-pillar--fix .fix-connectivity--voicemail .fix-connectivity__workspace--am-enable,.demo-pillar--fix .fix-connectivity--voicemail .fix-connectivity__workspace--am-other-machine,.demo-pillar--fix .fix-connectivity--voicemail .fix-connectivity__workspace--am-last-resort,.demo-pillar--fix .fix-connectivity--voicemail .fix-connectivity__workspace--am-tds{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.demo-pillar--fix .fix-connectivity--call-forwarding .fix-connectivity__workspace--cf-select,.demo-pillar--fix .fix-connectivity--call-forwarding .fix-connectivity__workspace--cf-other-browse,.demo-pillar--fix .fix-connectivity--call-forwarding .fix-connectivity__workspace--cf-instructions,.demo-pillar--fix .fix-connectivity--call-forwarding .fix-connectivity__workspace--cf-unknown{grid-template-columns:minmax(0,1fr)}.demo-pillar--fix .fix-connectivity--call-forwarding .fix-connectivity__workspace--cf-verify,.demo-pillar--fix .fix-connectivity--call-forwarding .fix-connectivity__workspace--cf-troubleshoot{grid-template-columns:minmax(16rem,.9fr) minmax(22rem,1.1fr)}}.demo-pillar--fix .fix-connectivity__inline-guidance{margin-top:.9rem}.demo-pillar--fix .fix-connectivity__workspace--stacked{width:min(100%,51.25rem);margin-inline:auto;grid-template-columns:minmax(0,1fr)!important}.demo-pillar--fix .fix-connectivity__workspace--stacked.fix-connectivity__workspace--has-decision{width:min(100%,60rem)}.demo-pillar--fix .fix-connectivity__workspace--stacked .fix-connectivity__outcome-module{justify-self:center}.demo-pillar--fix .fix-connectivity--call-forwarding .fix-cf__hint{margin-top:.75rem}.demo-pillar--fix .fix-connectivity--call-forwarding .fix-cf__search,.demo-pillar--fix .fix-connectivity--call-forwarding .fix-cf__carrier-grid,.demo-pillar--fix .fix-connectivity--call-forwarding .fix-cf__results,.demo-pillar--fix .fix-connectivity--call-forwarding .fix-cf__trouble-grid{margin-top:.85rem}.demo-pillar--fix .fix-connectivity--voicemail .fix-guide__know-before{width:min(100%, var(--fix-connectivity-content-width));border:1px solid var(--fix-connectivity-line);border-radius:var(--clearity-radius);background:var(--fix-connectivity-surface);margin-inline:auto;box-shadow:inset 0 1px #ffffff73,0 9px 24px #181d620d}.demo-pillar--fix .fix-cf{margin-bottom:1.5rem}.demo-pillar--fix .fix-cf__panel{border-radius:var(--clearity-radius);border:1px solid var(--fix-outline-blue);padding:1.25rem 1.35rem}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cf__panel{border:1px solid color-mix(in srgb, var(--fix-outline-blue) 16%, transparent)}}.demo-pillar--fix .fix-cf__panel{background:var(--fix-surface)}.demo-pillar--fix .fix-cf__prompt{color:var(--fix-ink);margin:0;font-size:1.125rem;font-weight:700;line-height:1.35}.demo-pillar--fix .fix-cf__hint{color:var(--fix-ink-muted);margin:.4rem 0 0;font-size:.875rem;line-height:1.45}.demo-pillar--fix .fix-cf__search{border-radius:var(--clearity-radius);border:1px solid var(--fix-outline-blue);align-items:center;gap:.65rem;margin-top:1rem;padding:.75rem 1rem;display:flex}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cf__search{border:1px solid color-mix(in srgb, var(--fix-outline-blue) 18%, transparent)}}.demo-pillar--fix .fix-cf__search{background:var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cf__search{background:color-mix(in srgb, var(--fix-outline-blue) 4%, var(--fix-surface))}}.demo-pillar--fix .fix-cf__search input{min-width:0;font:inherit;color:var(--fix-ink);background:0 0;border:0;outline:none;flex:1;font-size:.9375rem}.demo-pillar--fix .fix-cf__search--prominent{box-shadow:0 1px 2px var(--fix-outline-blue);margin-top:.35rem;padding:.9rem 1rem}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cf__search--prominent{box-shadow:0 1px 2px color-mix(in srgb, var(--fix-outline-blue) 8%, transparent)}}.demo-pillar--fix .fix-cf__search--prominent input{font-size:1rem}.demo-pillar--fix .fix-cf__no-match{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.demo-pillar--fix .fix-cf__no-match__title{color:var(--fix-ink);margin:0;font-size:1rem;font-weight:700}.demo-pillar--fix .fix-cf__no-match__hint{color:var(--fix-ink-muted);margin:0;font-size:.875rem;line-height:1.45}.demo-pillar--fix .fix-cf__no-match .fix-cf__lookup-card{margin-top:.5rem}.demo-pillar--fix .fix-cf__carrier-grid{grid-template-columns:1fr;gap:.75rem;margin-top:1rem;display:grid}@media (width>=640px){.demo-pillar--fix .fix-cf__carrier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.demo-pillar--fix .fix-cf__carrier-card{border-radius:var(--clearity-radius);border:1px solid var(--cf-accent,var(--fix-outline-blue));flex-direction:row;align-items:center;gap:.85rem;min-height:5.25rem;padding:1rem 1.125rem;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cf__carrier-card{border:1px solid color-mix(in srgb, var(--cf-accent,var(--fix-outline-blue)) 28%, transparent)}}.demo-pillar--fix .fix-cf__carrier-card{background:linear-gradient(135deg, var(--cf-accent,var(--fix-outline-blue)) 0%, var(--fix-surface) 60%)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cf__carrier-card{background:linear-gradient(135deg, color-mix(in srgb, var(--cf-accent,var(--fix-outline-blue)) 10%, var(--fix-surface)) 0%, var(--fix-surface) 60%)}}.demo-pillar--fix .fix-cf__carrier-card{text-align:left;cursor:pointer;color:var(--fix-ink);font-family:inherit;transition:border-color .16s,transform .16s,box-shadow .16s}.demo-pillar--fix .fix-cf__carrier-card__logo{flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.demo-pillar--fix .fix-cf__carrier-card__logo img{object-fit:contain;object-position:center;width:auto;max-width:100%;height:1.6875rem;display:block}.demo-pillar--fix .fix-cf__carrier-card__logo--grow img{height:1.77187rem}.demo-pillar--fix .fix-cf__carrier-card__text{flex-direction:column;flex:1;align-items:flex-start;gap:.25rem;min-width:0;display:flex}.demo-pillar--fix .fix-cf__carrier-card:hover{border-color:var(--cf-accent,var(--clearity-orange))}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cf__carrier-card:hover{border-color:color-mix(in srgb, var(--cf-accent,var(--clearity-orange)) 55%, transparent)}}.demo-pillar--fix .fix-cf__carrier-card:hover{box-shadow:0 6px 18px var(--cf-accent,var(--fix-outline-blue));transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cf__carrier-card:hover{box-shadow:0 6px 18px color-mix(in srgb, var(--cf-accent,var(--fix-outline-blue)) 12%, transparent)}}.demo-pillar--fix .fix-cf__carrier-card--other{--cf-accent:var(--clearity-dark-blue)}.demo-pillar--fix .fix-cf__carrier-card__name{padding-right:1.25rem;font-size:1rem;font-weight:700}.demo-pillar--fix .fix-cf__carrier-card__meta{color:var(--fix-ink-muted);font-size:.8125rem}.demo-pillar--fix .fix-cf__carrier-card__chevron{opacity:.45;width:1rem;height:1rem;position:absolute;top:1rem;right:.9rem}.demo-pillar--fix .fix-cf__results{flex-direction:column;gap:.5rem;margin-top:.85rem;display:flex}.demo-pillar--fix .fix-cf__result{border-radius:var(--clearity-radius);border:1px solid var(--fix-outline-blue);justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cf__result{border:1px solid color-mix(in srgb, var(--fix-outline-blue) 16%, transparent)}}.demo-pillar--fix .fix-cf__result{background:var(--fix-surface);text-align:left;cursor:pointer;color:var(--fix-ink);font-family:inherit;transition:border-color .16s,background-color .16s}.demo-pillar--fix .fix-cf__result:hover{border-color:var(--clearity-orange)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cf__result:hover{border-color:color-mix(in srgb, var(--clearity-orange) 45%, transparent)}}.demo-pillar--fix .fix-cf__result:hover{background:var(--clearity-orange)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cf__result:hover{background:color-mix(in srgb, var(--clearity-orange) 6%, var(--fix-surface))}}.demo-pillar--fix .fix-cf__result-main{flex-direction:column;gap:.15rem;min-width:0;display:flex}.demo-pillar--fix .fix-cf__result-name{font-size:.9375rem;font-weight:600}.demo-pillar--fix .fix-cf__result-name-row{flex-wrap:wrap;align-items:center;gap:.4rem .5rem;display:flex}.demo-pillar--fix .fix-cf__network-badge{border-radius:var(--clearity-radius);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;color:var(--cf-accent,var(--fix-ink));align-items:center;padding:.12rem .45rem;font-size:.625rem;font-weight:700;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cf__network-badge{color:color-mix(in srgb, var(--cf-accent,var(--fix-ink)) 92%, var(--fix-ink))}}.demo-pillar--fix .fix-cf__network-badge{background:var(--cf-accent,var(--fix-outline-blue))}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cf__network-badge{background:color-mix(in srgb, var(--cf-accent,var(--fix-outline-blue)) 16%, transparent)}}.demo-pillar--fix .fix-cf__network-badge{border:1px solid var(--cf-accent,var(--fix-outline-blue))}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cf__network-badge{border:1px solid color-mix(in srgb, var(--cf-accent,var(--fix-outline-blue)) 28%, transparent)}}.demo-pillar--fix .fix-cf__result-route{color:var(--fix-ink-muted);font-size:.75rem}.demo-pillar--fix .fix-cf__network-pick{flex-direction:column;gap:.35rem;margin-top:1rem;display:flex}.demo-pillar--fix .fix-cf__network-pick__options{flex-direction:column;gap:.5rem;margin-top:.75rem;display:flex}.demo-pillar--fix .fix-cf__network-pick__option{border-radius:var(--clearity-radius);border:1px solid var(--cf-accent,var(--fix-outline-blue));align-items:center;gap:.65rem;width:100%;padding:.9rem 1rem;display:flex}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cf__network-pick__option{border:1px solid color-mix(in srgb, var(--cf-accent,var(--fix-outline-blue)) 28%, transparent)}}.demo-pillar--fix .fix-cf__network-pick__option{background:var(--cf-accent,var(--fix-outline-blue))}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cf__network-pick__option{background:color-mix(in srgb, var(--cf-accent,var(--fix-outline-blue)) 6%, var(--fix-surface))}}.demo-pillar--fix .fix-cf__network-pick__option{cursor:pointer;text-align:left;color:var(--fix-ink);font-family:inherit;transition:border-color .16s,background-color .16s}.demo-pillar--fix .fix-cf__network-pick__option:hover{border-color:var(--clearity-orange)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cf__network-pick__option:hover{border-color:color-mix(in srgb, var(--clearity-orange) 45%, transparent)}}.demo-pillar--fix .fix-cf__network-pick__option:hover{background:var(--clearity-orange)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cf__network-pick__option:hover{background:color-mix(in srgb, var(--clearity-orange) 6%, var(--fix-surface))}}.demo-pillar--fix .fix-cf__network-pick__option-label{flex:1;font-size:1rem;font-weight:700}.demo-pillar--fix .fix-cf__summary{border-bottom:1px solid var(--cf-accent,var(--fix-outline-blue));gap:.45rem;padding:1.05rem 1.2rem .95rem;display:grid}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cf__summary{border-bottom:1px solid color-mix(in srgb, var(--cf-accent,var(--fix-outline-blue)) 14%, transparent)}}.demo-pillar--fix .fix-cf__summary-row{grid-template-columns:minmax(7.5rem,9.5rem) 1fr;align-items:baseline;gap:.65rem;display:grid}.demo-pillar--fix .fix-cf__summary-label{letter-spacing:.05em;text-transform:uppercase;color:var(--fix-ink-muted);font-size:.6875rem;font-weight:700}.demo-pillar--fix .fix-cf__summary-value{color:var(--fix-ink);font-size:.9375rem;font-weight:650}.demo-pillar--fix .fix-cf__block-example{color:var(--fix-ink-muted);margin:.55rem 0 0;font-size:.75rem}.demo-pillar--fix .fix-cf__inline-copy{color:var(--fix-ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:.3rem;padding:0;font-family:inherit;display:inline-flex}.demo-pillar--fix .fix-cf__inline-copy code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem;font-weight:650}.demo-pillar--fix .fix-cf__inline-copy-glyph{width:.75rem;height:.75rem}.demo-pillar--fix .fix-cf__success{flex-direction:column;align-items:flex-start;gap:.35rem;padding:.25rem 0 .5rem;display:flex}.demo-pillar--fix .fix-cf__success-icon{width:2.5rem;height:2.5rem;color:var(--success,#16803c);background:var(--success,#16803c);border-radius:999px;justify-content:center;align-items:center;margin-bottom:.35rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cf__success-icon{background:color-mix(in srgb, var(--success,#16803c) 14%, transparent)}}.demo-pillar--fix .fix-cf__success-copy{margin-top:0}.demo-pillar--fix .fix-cf__success-next{border-radius:var(--clearity-radius);border:1px solid var(--fix-outline-blue);width:100%;margin-top:.85rem;padding:.9rem 1rem}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cf__success-next{border:1px solid color-mix(in srgb, var(--fix-outline-blue) 16%, transparent)}}.demo-pillar--fix .fix-cf__success-next{background:var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cf__success-next{background:color-mix(in srgb, var(--fix-outline-blue) 5%, var(--fix-surface))}}.demo-pillar--fix .fix-cf__success-next__label{letter-spacing:.05em;text-transform:uppercase;color:var(--fix-ink-muted);margin-bottom:.35rem;font-size:.6875rem;font-weight:700}.demo-pillar--fix .fix-cf__success-next p{color:var(--fix-ink);margin:0;font-size:.9375rem;line-height:1.45}.demo-pillar--fix .fix-cf__success-actions{flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:1.1rem;display:flex}.demo-pillar--fix .fix-cf__empty{color:var(--fix-ink-muted);flex-direction:column;gap:.75rem;padding:1rem 0 .25rem;font-size:.875rem;display:flex}.demo-pillar--fix .fix-cf__other-groups{flex-direction:column;gap:1.15rem;margin-top:1rem;display:flex}.demo-pillar--fix .fix-cf__other-group__label{letter-spacing:.06em;text-transform:uppercase;color:var(--cf-accent,var(--fix-ink));margin-bottom:.45rem;font-size:.6875rem;font-weight:700}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cf__other-group__label{color:color-mix(in srgb, var(--cf-accent,var(--fix-ink)) 85%, var(--fix-ink-muted))}}.demo-pillar--fix .fix-cf__other-group .fix-cf__results{margin-top:0}.demo-pillar--fix .fix-cf__instruction{border-radius:var(--clearity-radius);border:1px solid var(--cf-accent,var(--fix-outline-blue))}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cf__instruction{border:1px solid color-mix(in srgb, var(--cf-accent,var(--fix-outline-blue)) 28%, transparent)}}.demo-pillar--fix .fix-cf__instruction{background:linear-gradient(160deg, var(--cf-accent,var(--fix-outline-blue)) 0%, var(--fix-surface) 45%)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cf__instruction{background:linear-gradient(160deg, color-mix(in srgb, var(--cf-accent,var(--fix-outline-blue)) 9%, var(--fix-surface)) 0%, var(--fix-surface) 45%)}}.demo-pillar--fix .fix-cf__instruction{overflow:hidden}.demo-pillar--fix .fix-cf__instruction-header{border-bottom:1px solid var(--cf-accent,var(--fix-outline-blue));justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.1rem 1.2rem .85rem;display:flex}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cf__instruction-header{border-bottom:1px solid color-mix(in srgb, var(--cf-accent,var(--fix-outline-blue)) 14%, transparent)}}.demo-pillar--fix .fix-cf__instruction-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--fix-ink-muted);font-size:.6875rem;font-weight:700}.demo-pillar--fix .fix-cf__instruction-title{color:var(--fix-ink);margin:.2rem 0 0;font-size:1.35rem;font-weight:750}.demo-pillar--fix .fix-cf__instruction-sub{color:var(--fix-ink-muted);margin:.25rem 0 0;font-size:.8125rem}.demo-pillar--fix .fix-cf__instruction-badge{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;color:var(--fix-ink);background:var(--cf-accent,var(--fix-outline-blue));border-radius:999px;align-items:center;padding:.3rem .65rem;font-size:.6875rem;font-weight:700;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cf__instruction-badge{background:color-mix(in srgb, var(--cf-accent,var(--fix-outline-blue)) 18%, transparent)}}.demo-pillar--fix .fix-cf__blocks{grid-template-columns:1fr;gap:0;display:grid}@media (width>=720px){.demo-pillar--fix .fix-cf__blocks{grid-template-columns:1fr 1fr}.demo-pillar--fix .fix-cf__block+.fix-cf__block{border-left:1px solid var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cf__block+.fix-cf__block{border-left:1px solid color-mix(in srgb, var(--fix-outline-blue) 12%, transparent)}}}.demo-pillar--fix .fix-cf__block{padding:1rem 1.2rem 1.15rem}.demo-pillar--fix .fix-cf__block-label{letter-spacing:.06em;text-transform:uppercase;color:var(--fix-ink-muted);margin-bottom:.55rem;font-size:.6875rem;font-weight:700}.demo-pillar--fix .fix-cf__block-copy{color:var(--fix-ink-muted);margin:0 0 .65rem;font-size:.875rem;line-height:1.45}.demo-pillar--fix .fix-cf__code{border-radius:var(--clearity-radius);border:1px solid var(--fix-outline-blue);justify-content:space-between;align-items:center;gap:.75rem;width:100%;min-height:4rem;padding:.75rem 4rem .75rem .9rem;display:flex}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cf__code{border:1px solid color-mix(in srgb, var(--fix-outline-blue) 16%, transparent)}}.demo-pillar--fix .fix-cf__code{background:var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cf__code{background:color-mix(in srgb, var(--fix-outline-blue) 5%, var(--fix-surface))}}.demo-pillar--fix .fix-cf__code{text-align:left;color:var(--fix-ink);font-family:inherit;transition:border-color .16s,background-color .16s}.demo-pillar--fix .fix-cf__code code{letter-spacing:.02em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.05rem;font-weight:700}.demo-pillar--fix .fix-cf__settings-path{flex-direction:column;gap:.15rem;margin:0;padding:0;list-style:none;display:flex}.demo-pillar--fix .fix-cf__settings-path li{color:var(--fix-ink);flex-direction:column;gap:.1rem;font-size:.9375rem;font-weight:600;display:flex}.demo-pillar--fix .fix-cf__settings-arrow{color:var(--fix-ink-muted);padding-left:.15rem;font-size:.75rem;font-weight:500}.demo-pillar--fix .fix-cf__notes{border-top:1px solid var(--fix-outline-blue);margin:0;padding:.85rem 1.2rem 1.1rem;list-style:none}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cf__notes{border-top:1px solid color-mix(in srgb, var(--fix-outline-blue) 12%, transparent)}}.demo-pillar--fix .fix-cf__notes{flex-direction:column;gap:.55rem;display:flex}.demo-pillar--fix .fix-cf__notes li{color:var(--fix-ink);align-items:flex-start;gap:.5rem;font-size:.875rem;line-height:1.45;display:flex}.demo-pillar--fix .fix-cf__notes li svg{color:var(--clearity-orange);margin-top:.1rem}.demo-pillar--fix .fix-cf__trouble-grid{grid-template-columns:1fr;gap:.55rem;margin-top:1rem;display:grid}@media (width>=640px){.demo-pillar--fix .fix-cf__trouble-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.demo-pillar--fix .fix-cf__trouble-card{border-radius:var(--clearity-radius);border:1px solid var(--fix-outline-blue);padding:.85rem 1rem}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cf__trouble-card{border:1px solid color-mix(in srgb, var(--fix-outline-blue) 16%, transparent)}}.demo-pillar--fix .fix-cf__trouble-card{background:var(--fix-surface);text-align:left;color:var(--fix-ink);cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;transition:border-color .16s,background-color .16s}.demo-pillar--fix .fix-cf__trouble-card:hover{border-color:var(--clearity-orange)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cf__trouble-card:hover{border-color:color-mix(in srgb, var(--clearity-orange) 40%, transparent)}}.demo-pillar--fix .fix-cf__trouble-card--active{border-color:var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cf__trouble-card--active{border-color:color-mix(in srgb, var(--fix-outline-blue) 45%, transparent)}}.demo-pillar--fix .fix-cf__trouble-card--active{background:var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cf__trouble-card--active{background:color-mix(in srgb, var(--fix-outline-blue) 8%, var(--fix-surface))}}.demo-pillar--fix .fix-cf__unknown{flex-direction:column;gap:.75rem;display:flex}.demo-pillar--fix .fix-cf__lookup-card{border-radius:var(--clearity-radius);border:1px dashed var(--fix-outline-blue);padding:1rem 1.1rem}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cf__lookup-card{border:1px dashed color-mix(in srgb, var(--fix-outline-blue) 28%, transparent)}}.demo-pillar--fix .fix-cf__lookup-card{background:var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cf__lookup-card{background:color-mix(in srgb, var(--fix-outline-blue) 5%, var(--fix-surface))}}.demo-pillar--fix .fix-cf__lookup-card__title{letter-spacing:.04em;text-transform:uppercase;color:var(--fix-ink);font-size:.8125rem;font-weight:700}.demo-pillar--fix .fix-cf__lookup-card__body{color:var(--fix-ink);margin:.4rem 0 0;font-size:.9375rem;line-height:1.45}.demo-pillar--fix .fix-cf__lookup-card__future{color:var(--fix-ink-muted);margin:.55rem 0 0;font-size:.75rem;line-height:1.4}.demo-pillar--fix .clearity-ai-portal-host{z-index:90;pointer-events:none;position:fixed;bottom:0;right:0}.demo-pillar--fix .clearity-ai-portal-host--closed{width:164px;height:72px}.demo-pillar--fix .clearity-ai-portal{pointer-events:auto;background:0 0;border:0;transition:width .26s cubic-bezier(.2,.8,.2,1),height .26s cubic-bezier(.2,.8,.2,1);display:block;position:absolute;bottom:0;right:0}.demo-pillar--fix .clearity-ai-portal--closed{z-index:1;opacity:0;width:164px;height:72px}.demo-pillar--fix .clearity-ai-portal--compact,.demo-pillar--fix .clearity-ai-portal--expanded{opacity:1;background:0 0;position:fixed;overflow:hidden}.demo-pillar--fix .clearity-ai-portal--compact{width:min(390px,100vw);height:min(580px,100vh)}.demo-pillar--fix .clearity-ai-portal--expanded{width:min(550px,100vw);height:min(640px,100vh)}.demo-pillar--fix .fix-cc-ai-pill--launcher{--fix-surface:#fff;--fix-crystal-highlight:linear-gradient(180deg, #fffffff2 0%, #ffffff6b 18%, #fff0 46%);--fix-crystal-refraction:linear-gradient(116deg, #fff0 30%, #ffffff80 47%, #fff0 64%);--fix-crystal-opacity:1;--fix-hairline:1px;z-index:2;pointer-events:auto;cursor:pointer;font:inherit;border:var(--fix-hairline) solid #1284ee57;background-color:var(--fix-surface,#fff);border-radius:9999px;margin:0;padding:.5rem .95rem;position:absolute;top:auto;bottom:1.125rem;right:1.25rem;box-shadow:inset 0 1px #ffffffe6,0 1px 2px #1284ee0a,0 8px 20px -10px #1284ee29}.demo-pillar--fix .clearity-ai-portal-host--closed:hover .fix-cc-ai-pill--launcher,.demo-pillar--fix .clearity-ai-portal-host--closed:focus-within .fix-cc-ai-pill--launcher,.demo-pillar--fix button.fix-cc-ai-pill.fix-cc-ai-pill--launcher:hover,.demo-pillar--fix button.fix-cc-ai-pill.fix-cc-ai-pill--launcher:focus-visible{border-color:#1284ee94;outline:none;transform:none;box-shadow:inset 0 1px #ffffffe6,0 1px 2px #1284ee0a,0 8px 20px -10px #1284ee29,0 0 0 1px #1284ee57,0 0 16px #1284ee7a,0 0 28px #1284ee47}.demo-pillar--fix button.fix-cc-ai-pill.fix-cc-ai-pill--launcher{position:absolute;top:auto}.dark .demo-pillar--fix .fix-cc-ai-pill--launcher{--fix-surface:#1b2438;--fix-crystal-highlight:linear-gradient(180deg, #ffffff1a 0%, #fff0 44%);--fix-crystal-refraction:linear-gradient(116deg, #fff0 32%, #ffffff0f 47%, #fff0 63%);-webkit-backdrop-filter:blur(6px)saturate(115%);backdrop-filter:blur(6px)saturate(115%);background-color:#1b2438bd;border-color:#d2def629;box-shadow:inset 0 1px #ffffff21,inset 0 -1px #00000047,0 10px 24px -12px #0000008c}.dark .demo-pillar--fix .clearity-ai-portal-host--closed:hover .fix-cc-ai-pill--launcher,.dark .demo-pillar--fix .clearity-ai-portal-host--closed:focus-within .fix-cc-ai-pill--launcher,.dark .demo-pillar--fix button.fix-cc-ai-pill.fix-cc-ai-pill--launcher:hover,.dark .demo-pillar--fix button.fix-cc-ai-pill.fix-cc-ai-pill--launcher:focus-visible{border-color:#6f9ae085;transform:none;box-shadow:inset 0 1px #ffffff21,inset 0 -1px #00000047,0 10px 24px -12px #0000008c,0 0 0 1px #6f9ae061,0 0 16px #6f9ae085,0 0 28px #6f9ae052}.dark .demo-pillar--fix .fix-cc-ai-pill--launcher:after{background-image:linear-gradient(#ffffff17 0%,#ffffff07 24%,#fff0 50%),linear-gradient(116deg,#fff0 32%,#ffffff0e 47%,#fff0 62%)}.dark .demo-pillar--fix .fix-cc-ai-pill--launcher .fix-cc-ai-pill__logo{filter:brightness(1.85)saturate(1.08)}.demo-pillar--fix{--fix-crystal-highlight:linear-gradient(180deg, #fffffff2 0%, #ffffff6b 18%, #fff0 46%);--fix-crystal-refraction:linear-gradient(116deg, #fff0 30%, #ffffff80 47%, #fff0 64%);--fix-crystal-reflection:radial-gradient(128% 84% at 50% 122%, #181d620e 0%, #181d6200 72%);--fix-crystal-opacity:1;--fix-hairline:1px;--fix-page-surface:#eef1f8;--fix-path-a:var(--clearity-orange)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix{--fix-path-a:color-mix(in srgb, var(--clearity-orange) 62%, transparent)}}.demo-pillar--fix{--fix-path-b:var(--clearity-orange)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix{--fix-path-b:color-mix(in srgb, var(--clearity-orange) 70%, transparent)}}.demo-pillar--fix{--fix-path-c:var(--clearity-orange)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix{--fix-path-c:color-mix(in srgb, var(--clearity-orange) 78%, transparent)}}.demo-pillar--fix{--fix-path-d:var(--clearity-orange)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix{--fix-path-d:color-mix(in srgb, var(--clearity-orange) 88%, transparent)}}.demo-pillar--fix{--fix-path-shimmer-delay:1.9s}.dark .demo-pillar--fix,.demo-pillar--fix.dark{--fix-page-surface:#10151f}.demo-pillar--fix .fix-cc-ai-search__row:after,.demo-pillar--fix .fix-cc-quick-card:after,.demo-pillar--fix .fix-cc-workflow-card:after,.demo-pillar--fix .fix-cc-smart-card:after{content:"";z-index:-1;pointer-events:none;border-radius:inherit;opacity:var(--fix-crystal-opacity);background-image:var(--fix-crystal-highlight), var(--fix-crystal-refraction), var(--fix-crystal-reflection);position:absolute;inset:0}.demo-pillar--fix .fix-cc-ai-search__ring{--fix-cc-search-border:1.5px;box-shadow:0 1px 2px #181d620d,0 3px 8px -3px #181d6212,0 12px 30px -14px #181d622e}.demo-pillar--fix .fix-cc-ai-search__row{isolation:isolate;--fix-crystal-highlight:linear-gradient(180deg, #fff 0%, #ffffff8f 20%, #fff0 52%);--fix-crystal-refraction:linear-gradient(116deg, #fff0 28%, #ffffff9e 47%, #fff0 66%);--fix-crystal-reflection:radial-gradient(132% 88% at 50% 124%, #181d6213 0%, #181d6200 74%);overflow:hidden;box-shadow:inset 0 1px #fff,inset 0 2px 3px -2px #ffffffe6,inset 0 -1px #181d6212}.demo-pillar--fix .fix-cc-ai-search--focused .fix-cc-ai-search__row{box-shadow:inset 0 1px #fff,inset 0 2px 4px -2px #fffffff2,inset 0 -1px #181d6217}.demo-pillar--fix .fix-cc-ai-search__input::placeholder{color:var(--clearity-dark-blue)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix .fix-cc-ai-search__input::placeholder{color:color-mix(in srgb, var(--clearity-dark-blue) 52%, transparent)}}.demo-pillar--fix .fix-cc-ai-search__input::placeholder{font-weight:500}.demo-pillar--fix .fix-cc-ai-pill:not(.fix-cc-ai-pill--launcher){isolation:isolate;border:var(--fix-hairline) solid #1284ee57;background-color:var(--fix-surface);border-radius:9999px;flex-shrink:0;align-items:center;gap:.4rem;padding:.5rem .95rem;text-decoration:none;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1),border-color .22s;display:inline-flex;position:relative;top:-1.25rem;overflow:hidden;box-shadow:inset 0 1px #ffffffe6,0 1px 2px #181d620a,0 8px 20px -10px #181d6229}.demo-pillar--fix .fix-cc-ai-pill:after{content:"";z-index:-1;pointer-events:none;border-radius:inherit;background-image:var(--fix-crystal-highlight), var(--fix-crystal-refraction);opacity:var(--fix-crystal-opacity);position:absolute;inset:0}.demo-pillar--fix .fix-cc-ai-pill:not(.fix-cc-ai-pill--launcher):hover{border-color:#1284ee85;transform:translateY(-1px);box-shadow:inset 0 1px #fffffff2,0 2px 4px #181d620d,0 12px 26px -10px #181d6233}.demo-pillar--fix .fix-cc-ai-pill__logo{z-index:1;object-fit:contain;width:auto;height:1.15rem;display:block;position:relative}.demo-pillar--fix .fix-cc-quick-card{isolation:isolate;border:var(--fix-hairline) solid transparent;border-radius:var(--clearity-radius);background-color:var(--fix-surface);background-image:linear-gradient(var(--fix-surface), var(--fix-surface)), var(--fix-cc-outline-accent), var(--fix-cc-outline-base);background-origin:border-box;background-clip:padding-box,border-box,border-box;background-size:auto, var(--fix-cc-outline-accent-size), 100% 100%;max-width:7.75rem;animation:fixCcOutlineAccent3 var(--fix-cc-cycle-duration,12s) linear var(--fix-cc-master-delay,0s) infinite;background-position:0 0,110% 0,0 0;gap:.34rem;padding:.52rem .5rem .44rem;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;box-shadow:0 1px 2px #181d620a,0 10px 26px -12px #181d6229}.demo-pillar--fix .fix-cc-quick-card__orb{width:2.35rem;height:2.35rem}.demo-pillar--fix .fix-cc-quick-card .fix-cc-quick-card__icon{width:1.1rem;height:1.1rem}.demo-pillar--fix .fix-cc-quick-card:hover{box-shadow:0 2px 4px #181d620d,0 16px 32px -12px #181d6238}.demo-pillar--fix .fix-cc-workflow-card{isolation:isolate;border-width:var(--fix-hairline)}.demo-pillar--fix .fix-cc-workflow__link{flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1rem;display:none;position:relative}@media (width>=960px){.demo-pillar--fix .fix-cc-workflow__link{display:inline-flex}}.demo-pillar--fix .fix-cc-workflow__chevron{width:1rem;height:1rem;color:var(--fix-ink-muted)}.demo-pillar--fix .fix-cc-smart-card{isolation:isolate;border-width:var(--fix-hairline);padding:1.2rem 1.3rem;position:relative;overflow:hidden}.demo-pillar--fix .fix-cc-smart-card>*{z-index:1;position:relative}.demo-pillar--fix .clearity-side-panel__group{font-family:var(--clearity-font);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-foreground);margin-bottom:.1rem;padding:0 .5rem;font-size:10px;font-weight:600}.demo-pillar--fix .clearity-side-panel__support{border-radius:var(--clearity-radius);flex-direction:column;flex-shrink:0;gap:.05rem;margin-top:auto;padding:.6rem .5rem 0;text-decoration:none;display:flex}.demo-pillar--fix .clearity-side-panel__support-title{letter-spacing:-.01em;color:var(--clearity-orange);font-size:.8125rem;font-weight:600}.demo-pillar--fix .clearity-side-panel__support-desc{color:var(--fix-ink-muted);transform-origin:0 0;font-size:.75rem;line-height:1.2;display:inline-block}.demo-pillar--fix html .clearity-pillar--fix a.clearity-side-panel__support .clearity-side-panel__support-desc:hover,.demo-pillar--fix html .clearity-pillar--fix a.clearity-side-panel__support .clearity-side-panel__support-desc:focus-visible,.demo-pillar--fix html:not(.dark) .clearity-pillar--fix a.clearity-side-panel__support .clearity-side-panel__support-desc:hover,.demo-pillar--fix html:not(.dark) .clearity-pillar--fix a.clearity-side-panel__support .clearity-side-panel__support-desc:focus-visible,.dark .demo-pillar--fix a.clearity-side-panel__support .clearity-side-panel__support-desc:hover,.dark .demo-pillar--fix a.clearity-side-panel__support .clearity-side-panel__support-desc:focus-visible,.demo-pillar--fix.dark a.clearity-side-panel__support .clearity-side-panel__support-desc:hover,.demo-pillar--fix.dark a.clearity-side-panel__support .clearity-side-panel__support-desc:focus-visible{text-shadow:none;outline:none;font-weight:700;transform:scale(1.5);color:#fff!important}@media (prefers-reduced-motion:reduce){.demo-pillar--fix .clearity-side-panel__support,.demo-pillar--fix .clearity-side-panel__support-title,.demo-pillar--fix .clearity-side-panel__support-desc{transition:none}}.demo-pillar--fix .clearity-side-panel{height:auto;min-height:0;max-height:none;overflow-y:visible}.demo-pillar--fix .clearity-side-panel__nav{scrollbar-width:none;flex:none;min-height:0;overflow-y:visible}.demo-pillar--fix .clearity-side-panel__support{margin-top:1rem}.demo-pillar--fix .clearity-side-panel__nav::-webkit-scrollbar{display:none}.demo-pillar--fix html:not(.dark) .clearity-pillar--fix .clearity-side-panel{background-image:linear-gradient(180deg, var(--fix-categories-panel-navy) 0%, var(--fix-categories-panel-navy-mid) 56%, var(--fix-categories-panel-navy-deep) 100%), var(--fix-cc-outline-accent), var(--fix-cc-outline-base);box-shadow:inset 0 1px #ffffff0f,0 1px 2px #0f172a14,0 14px 32px -12px #12174059}.demo-pillar--fix html:not(.dark) .clearity-pillar--fix .clearity-side-panel__heading{color:#dfe7ff}.demo-pillar--fix html:not(.dark) .clearity-pillar--fix .clearity-side-panel__group{color:#cbd8ff85}.demo-pillar--fix html:not(.dark) .clearity-pillar--fix .clearity-side-panel__row{color:#e9efff}.demo-pillar--fix html:not(.dark) .clearity-pillar--fix .clearity-side-panel__icon{color:#dbe4ffcc}.demo-pillar--fix html:not(.dark) .clearity-pillar--fix .clearity-side-panel__row:hover:not([aria-current=page]){color:#fff;background:#ffffff12}.demo-pillar--fix html:not(.dark) .clearity-pillar--fix .clearity-side-panel__row[aria-current=page]{color:#fff;background:#ffffff1a}.demo-pillar--fix html:not(.dark) .clearity-pillar--fix .clearity-side-panel__row[aria-current=page] .clearity-side-panel__icon{color:#fff}.demo-pillar--fix html:not(.dark) .clearity-pillar--fix .clearity-side-panel__status{color:#cbd8ff99}.demo-pillar--fix html:not(.dark) .clearity-pillar--fix .clearity-side-panel__support-desc{color:#cbd8ffad}.dark .demo-pillar--fix,.demo-pillar--fix.dark{--fix-crystal-highlight:linear-gradient(180deg, #ffffff1a 0%, #fff0 44%);--fix-crystal-refraction:linear-gradient(116deg, #fff0 32%, #ffffff0f 47%, #fff0 63%);--fix-crystal-reflection:radial-gradient(128% 84% at 50% 122%, #0000002e 0%, #0000 72%)}.dark .demo-pillar--fix .fix-cc-ai-search__row{box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0003}.dark .demo-pillar--fix,.demo-pillar--fix.dark{--fix-glass-blur:blur(6px) saturate(115%);--fix-glass-border:#d2def629;--fix-glass-sheen:linear-gradient(180deg, #ffffff17 0%, #ffffff07 24%, #fff0 50%);--fix-glass-refraction:linear-gradient(116deg, #fff0 32%, #ffffff0e 47%, #fff0 62%);--fix-glass-edge:inset 0 1px 0 #ffffff21, inset 0 -1px 0 #00000047}.dark .demo-pillar--fix .clearity-side-panel{isolation:isolate;background-image:linear-gradient(180deg, #1d2740e0 0%, #161e33e6 56%, #121829eb 100%), var(--fix-cc-outline-accent), var(--fix-cc-outline-base);-webkit-backdrop-filter:var(--fix-glass-blur);backdrop-filter:var(--fix-glass-blur);box-shadow:var(--fix-glass-edge), 0 18px 40px -20px #0009;position:relative}.dark .demo-pillar--fix .clearity-side-panel:before,.dark .demo-pillar--fix .clearity-utility-btn:before{content:"";z-index:-1;pointer-events:none;border-radius:inherit;background-image:var(--fix-glass-sheen), var(--fix-glass-refraction);position:absolute;inset:0}.demo-pillar--fix.dark .clearity-utility-btn,.dark .demo-pillar--fix .clearity-utility-btn{isolation:isolate;background-image:linear-gradient(var(--fix-surface), var(--fix-surface)), var(--fix-cc-outline-accent), var(--fix-cc-outline-base)!important}@supports (color:color-mix(in lab, red, red)){.demo-pillar--fix.dark .clearity-utility-btn,.dark .demo-pillar--fix .clearity-utility-btn{background-image:linear-gradient(color-mix(in srgb, var(--fix-surface) 72%, transparent), color-mix(in srgb, var(--fix-surface) 84%, transparent)), var(--fix-cc-outline-accent), var(--fix-cc-outline-base)!important}}.demo-pillar--fix.dark .clearity-utility-btn,.dark .demo-pillar--fix .clearity-utility-btn{-webkit-backdrop-filter:var(--fix-glass-blur);backdrop-filter:var(--fix-glass-blur);box-shadow:var(--fix-glass-edge), 0 6px 16px -8px #0000008c}.dark .demo-pillar--fix .clearity-utility-btn:hover{box-shadow:var(--fix-glass-edge), 0 10px 22px -8px #0000009e}.dark .demo-pillar--fix .fix-cc-ai-pill:not(.fix-cc-ai-pill--launcher){border-color:var(--fix-glass-border);background-color:var(--fix-surface)}@supports (color:color-mix(in lab, red, red)){.dark .demo-pillar--fix .fix-cc-ai-pill:not(.fix-cc-ai-pill--launcher){background-color:color-mix(in srgb, var(--fix-surface) 74%, transparent)}}.dark .demo-pillar--fix .fix-cc-ai-pill:not(.fix-cc-ai-pill--launcher){-webkit-backdrop-filter:var(--fix-glass-blur);backdrop-filter:var(--fix-glass-blur);box-shadow:var(--fix-glass-edge), 0 10px 24px -12px #0000008c}.dark .demo-pillar--fix .fix-cc-ai-pill:not(.fix-cc-ai-pill--launcher):hover{box-shadow:var(--fix-glass-edge), 0 14px 30px -12px #0000009e;border-color:#d2def642}.dark .demo-pillar--fix .fix-cc-ai-pill:not(.fix-cc-ai-pill--launcher):after{background-image:var(--fix-glass-sheen), var(--fix-glass-refraction)}.dark .demo-pillar--fix .fix-cc-ai-pill:not(.fix-cc-ai-pill--launcher) .fix-cc-ai-pill__logo{filter:brightness(1.85)saturate(1.08)}.demo-pillar--fix html:not(.dark) .clearity-pillar--fix .clearity-landing__grid:has(.fix-connectivity) .clearity-side-panel{background-image:linear-gradient(180deg, var(--fix-categories-panel-navy) 0%, var(--fix-categories-panel-navy-mid) 56%, var(--fix-categories-panel-navy-deep) 100%), linear-gradient(#f05323, #f05323);background-position:0 0,0 0;background-size:auto,100% 100%;background-origin:border-box;background-clip:padding-box,border-box;animation:none}:is(.dark .demo-pillar--fix .clearity-landing__grid:has(.fix-connectivity) .clearity-side-panel,.demo-pillar--fix.dark .clearity-landing__grid:has(.fix-connectivity) .clearity-side-panel){background-image:linear-gradient(var(--fix-surface), var(--fix-surface)), var(--fix-cc-outline-accent), var(--fix-cc-outline-static);background-origin:border-box;background-clip:padding-box,border-box,border-box;background-size:auto, var(--fix-cc-outline-accent-size), 100% 100%;animation:fixCcOutlineAccent3 var(--fix-cc-cycle-duration,12s) linear var(--fix-cc-master-delay,0s) infinite;-webkit-backdrop-filter:none;backdrop-filter:none;background-position:0 0,110% 0,0 0;box-shadow:0 14px 30px -20px #0000009e}.dark .demo-pillar--fix .clearity-landing__grid:has(.fix-connectivity) .clearity-side-panel:before{content:none;background-image:none;display:none}.demo-pillar--fix.dark .clearity-landing__grid:has(.fix-connectivity) .clearity-side-panel:before{content:none;background-image:none;display:none}.demo-pillar--fix .clearity-landing__grid:has(.fix-connectivity) .clearity-side-panel__row[aria-current=page]:before{content:none;background-image:none;animation:none;display:none}.demo-pillar--fix .visible{visibility:visible}.demo-pillar--fix .sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.demo-pillar--fix .isolate{isolation:isolate}.demo-pillar--fix .grid{display:grid}.demo-pillar--fix .h-\[14px\]{height:14px}.demo-pillar--fix .w-\[14px\]{width:14px}.demo-pillar--fix .w-full{width:100%}.demo-pillar--fix .flex-1{flex:1}.demo-pillar--fix .shrink-0{flex-shrink:0}.demo-pillar--fix .resize-none{resize:none}.demo-pillar--fix .bg-transparent{background-color:#0000}.demo-pillar--fix .text-\[var\(--fix-ink\)\]{color:var(--fix-ink)}.demo-pillar--fix .text-\[var\(--fix-ink-muted\)\]{color:var(--fix-ink-muted)}.demo-pillar--fix .uppercase{text-transform:uppercase}.demo-pillar--fix .opacity-50{opacity:.5}.demo-pillar--fix .ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.demo-pillar--fix .focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}.demo-pillar--key,.demo-pillar--key{--color-background:var(--background);--color-foreground:var(--foreground);--color-border:var(--border);--font-sans:"Inter", system-ui, sans-serif}.demo-pillar--key{--radius:.875rem;--background:oklch(97.5% .005 240);--foreground:oklch(20% .03 250);--surface:oklch(100% 0 0);--surface-muted:oklch(97% .008 240);--card:oklch(100% 0 0);--card-foreground:oklch(20% .03 250);--popover:oklch(100% 0 0);--popover-foreground:oklch(20% .03 250);--primary:#1284ee;--primary-foreground:#fff;--primary-soft:#e6f4ff;--secondary:oklch(96% .01 240);--secondary-foreground:oklch(25% .03 250);--muted:oklch(96% .008 240);--muted-foreground:oklch(50% .02 250);--accent:oklch(70% .17 45);--accent-foreground:oklch(100% 0 0);--accent-soft:oklch(96% .05 60);--destructive:oklch(60% .22 27);--destructive-foreground:oklch(100% 0 0);--border:oklch(92% .01 240);--input:oklch(92% .01 240);--ring:oklch(68% .17 240)}.dark .demo-pillar--key{--clearity-dark-page:#111827;--clearity-dark-card:#1e293b;--clearity-dark-surface:#1b2438;--clearity-dark-heading:#cbd8f4;--clearity-dark-ink:#d3e0f7;--clearity-dark-ink-strong:#e8f0fe;--clearity-dark-muted:#93a6c9;--clearity-dark-outline:#6f9ae0;--clearity-dark-border:#27324a;--clearity-dark-search:#fff;--clearity-dark-search-ink:#181d62;--clearity-dark-search-muted:#475569;--background:var(--clearity-dark-page);--foreground:oklch(96% .01 250);--surface:var(--clearity-dark-card);--surface-muted:#1f2a3e;--card:var(--clearity-dark-card);--card-foreground:oklch(96% .01 250);--popover:oklch(19% .04 265);--popover-foreground:oklch(96% .01 250);--primary:oklch(82% .09 255);--primary-foreground:oklch(18% .05 265);--primary-soft:var(--clearity-dark-outline)}@supports (color:color-mix(in lab, red, red)){.dark .demo-pillar--key{--primary-soft:color-mix(in srgb, var(--clearity-dark-outline) 18%, transparent)}}.dark .demo-pillar--key{--secondary:oklch(24% .05 265);--secondary-foreground:oklch(96% .01 250);--muted:oklch(24% .05 265);--muted-foreground:oklch(72% .02 255);--accent:oklch(72% .19 42);--accent-foreground:oklch(14% .03 265);--accent-soft:#3a2418;--border:oklch(28% .04 265);--input:oklch(28% .04 265);--ring:oklch(72% .19 42)}.demo-pillar--key .phone-frame-visual{--phone-master-w:576px;width:min(100%, var(--phone-master-w));aspect-ratio:2048/1562;height:auto;max-height:min(85vh,960px)}@media (width<=639px){.demo-pillar--key .phone-frame-visual{--phone-master-w:288px}}.demo-pillar--key .phone-frame-visual,.dark .demo-pillar--key .phone-frame-visual{-webkit-filter:none!important;mix-blend-mode:normal!important;opacity:1!important;box-shadow:none!important;--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important;background:0 0!important}.demo-pillar--key .phone-asset,.dark .demo-pillar--key .phone-asset{-webkit-filter:none!important;mix-blend-mode:normal!important;opacity:1!important;--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important;background:0 0!important;transition:none!important;animation:none!important}.demo-pillar--key .brand-logo-reflect{--reflect-cycle:17s;--reflect-delay:.45s;line-height:0}.demo-pillar--key .brand-logo-reflect__clip{z-index:1;pointer-events:none;-webkit-mask-image:var(--reflect-logo-mask);-webkit-mask-image:var(--reflect-logo-mask);mask-image:var(--reflect-logo-mask);position:absolute;inset:0;overflow:hidden;-webkit-mask-position:0;mask-position:0;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.demo-pillar--key .brand-logo-reflect__beam{background:linear-gradient(118deg, transparent 0%, transparent 47.2%, var(--reflect-navy) 48.4%, var(--reflect-blue) 49.4%, var(--reflect-blue) 50%, var(--reflect-blue) 50.6%, var(--reflect-accent) 51.8%, transparent 52.8%, transparent 100%);width:340%;height:190%;position:absolute;top:-45%;left:-120%}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .brand-logo-reflect__beam{background:linear-gradient(118deg, transparent 0%, transparent 47.2%, color-mix(in srgb, var(--reflect-navy) 8%, transparent) 48.4%, color-mix(in srgb, var(--reflect-blue) 26%, transparent) 49.4%, color-mix(in srgb, var(--reflect-blue) 38%, white 62%) 50%, color-mix(in srgb, var(--reflect-blue) 26%, transparent) 50.6%, color-mix(in srgb, var(--reflect-accent) 8%, transparent) 51.8%, transparent 52.8%, transparent 100%)}}.demo-pillar--key .brand-logo-reflect__beam{mix-blend-mode:soft-light;opacity:0;animation:brandLogoReflectSweep var(--reflect-cycle) cubic-bezier(.42, 0, .18, 1) var(--reflect-delay) infinite;will-change:transform, opacity;transform:translate(-42%)skew(-14deg)}.dark .demo-pillar--key .brand-logo-reflect__beam{mix-blend-mode:overlay;background:linear-gradient(118deg, transparent 0%, transparent 47.2%, var(--reflect-navy) 48.4%, var(--reflect-blue) 49.4%, var(--reflect-blue) 50%, var(--reflect-blue) 50.6%, var(--reflect-accent) 51.8%, transparent 52.8%, transparent 100%)}@supports (color:color-mix(in lab, red, red)){.dark .demo-pillar--key .brand-logo-reflect__beam{background:linear-gradient(118deg, transparent 0%, transparent 47.2%, color-mix(in srgb, var(--reflect-navy) 10%, transparent) 48.4%, color-mix(in srgb, var(--reflect-blue) 28%, transparent) 49.4%, color-mix(in srgb, var(--reflect-blue) 40%, white 60%) 50%, color-mix(in srgb, var(--reflect-blue) 28%, transparent) 50.6%, color-mix(in srgb, var(--reflect-accent) 10%, transparent) 51.8%, transparent 52.8%, transparent 100%)}}@media (prefers-reduced-motion:reduce){.demo-pillar--key .brand-logo-reflect__beam{opacity:0;animation:none}}.dark .demo-pillar--key header{box-shadow:0 1px oklch(40% .03 250),0 4px 12px -6px #00000080;background-color:oklch(28% .028 250)!important;border-bottom-color:oklch(40% .03 250)!important}.demo-pillar--key{--clearity-dark-blue:#181d62;--clearity-orange:#f05323;--key-help-orange:#ff8a2a;--clearity-font:"Inter", system-ui, sans-serif;--clearity-side-panel-width:316px;--clearity-side-panel-height:33rem;--clearity-side-panel-padding:1.125rem;--clearity-side-panel-radius:1.75rem;--clearity-side-panel-border-width:1.5px;--clearity-side-panel-shadow:0 1px 2px #0f172a0a, 0 8px 24px -8px #0f172a1a;--clearity-side-panel-sticky-top:1rem;--clearity-side-panel-row-min-height:2.125rem;--clearity-side-panel-icon-size:1.125rem;--clearity-side-panel-icon-gap:.75rem;--clearity-landing-gutter-x:2rem;--clearity-landing-gutter-y:3.375rem;--clearity-landing-gap:4.5rem;--clearity-landing-hero-offset-y:.75rem;--clearity-landing-hero-offset-x:-.5rem;--clearity-header-pad-y:1.25rem;--clearity-header-pad-x:2rem;--clearity-divider-height:1.5px;--clearity-pillar-gradient-hero:linear-gradient(90deg, #181d62 0%, #181d62 86%, #f05323 96%, #f05323 100%);--clearity-pillar-gradient-border:linear-gradient(165deg, #102060 0%, #1284ee 50%, #f06824 100%);--clearity-pillar-gradient-divider:linear-gradient(90deg, #102060 0%, #1284ee 50%, #f06824 100%)}.demo-pillar--key .clearity-pillar--fix{--clearity-pillar-gradient-hero:linear-gradient(90deg, #181d62 0%, #181d62 86%, #f05323 96%, #f05323 100%);--clearity-pillar-gradient-border:linear-gradient(165deg, #102060 0%, #102060 40%, #f06824 100%);--clearity-pillar-gradient-divider:linear-gradient(90deg, #102060 0%, #102060 35%, #f06824 100%)}.demo-pillar--key{--clearity-pillar-gradient-hero:linear-gradient(122deg, #1284ee 0%, #1284ee 66%, #1284ee 71%, #e0451c 78%, #f05323 86%, #f05323 100%);--clearity-pillar-gradient-border:linear-gradient(165deg, #1284ee 0%, #1284ee 35%, #f06824 100%);--clearity-pillar-gradient-divider:linear-gradient(90deg, #1284ee 0%, #1284ee 35%, #f06824 100%);--fix-cc-cycle-duration:12s;--fix-cc-master-delay:0s;--fix-cc-shine-x:-42%;--fix-cc-shine-opacity:0;--fix-cc-shimmer-x:185%;animation:fixCcMasterShine var(--fix-cc-cycle-duration,12s) linear var(--fix-cc-master-delay,0s) infinite;--fix-cc-outline-base:linear-gradient(135deg, var(--fix-outline-blue) 0%, var(--fix-outline-blue) 38%, #f05323 100%);--fix-cc-outline-accent:linear-gradient(100deg, transparent 0%, transparent 28%, #f0532366 38%, #f05323 48%, #ff6b3d 50%, #f05323 52%, #f0532366 62%, transparent 72%, transparent 100%);--fix-cc-outline-accent-size:220% 100%;--fix-cc-outline-static:linear-gradient(90deg, var(--fix-outline-blue) 0%, #f05323 100%);--fix-cc-outline-gradient:var(--fix-cc-outline-accent);--fix-cc-outline-size:var(--fix-cc-outline-accent-size);--clearity-dark-blue:#1284ee;--fix-outline-blue:#1284ee;--fix-surface:#fff;--fix-surface-soft:#fbfbfd;--fix-ink:#0d6fd4;--fix-ink-strong:#0a5bb0;--fix-ink-muted:#64748b;--fix-quick-surface:#e7f3fd;--fix-quick-accent-surface:#feeee9;--fix-solid:#1284ee;--fix-solid-accent:#f05323;--fix-smart-accent-surface:#fff5f0;--fix-cc-icon-ring-base:linear-gradient(180deg, #1284ee 0%, #1284ee 100%);--fix-key-icon-fill:#1284ee;--fix-crystal-highlight:linear-gradient(180deg, #fffffff2 0%, #ffffff6b 18%, #fff0 46%);--fix-crystal-refraction:linear-gradient(116deg, #fff0 30%, #ffffff80 47%, #fff0 64%);--fix-crystal-reflection:radial-gradient(128% 84% at 50% 122%, #1284ee0e 0%, #1284ee00 72%);--fix-crystal-opacity:1;--fix-hairline:1px;--fix-page-surface:#f0f7ff;--fix-path-a:var(--clearity-orange)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key{--fix-path-a:color-mix(in srgb, var(--clearity-orange) 62%, transparent)}}.demo-pillar--key{--fix-path-b:var(--clearity-orange)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key{--fix-path-b:color-mix(in srgb, var(--clearity-orange) 70%, transparent)}}.demo-pillar--key{--fix-path-c:var(--clearity-orange)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key{--fix-path-c:color-mix(in srgb, var(--clearity-orange) 78%, transparent)}}.demo-pillar--key{--fix-path-d:var(--clearity-orange)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key{--fix-path-d:color-mix(in srgb, var(--clearity-orange) 88%, transparent)}}.demo-pillar--key{--fix-path-shimmer-delay:1.9s;--fix-key-panel-blue:#1284ee;--fix-key-panel-blue-mid:#117fe7;--fix-key-panel-blue-deep:#0f74d3}.demo-pillar--key .clearity-pillar--way{--clearity-pillar-gradient-hero:linear-gradient(90deg, #102060 0%, #102060 22%, #1284ee 48%, #1284ee 86%, #f06824 94%, #ff7a38 100%);--clearity-pillar-gradient-border:linear-gradient(165deg, #102060 0%, #1284ee 45%, #f06824 100%);--clearity-pillar-gradient-divider:linear-gradient(90deg, #102060 0%, #1284ee 50%, #f06824 100%)}.demo-pillar--key .clearity-header-bar{background:var(--card,var(--surface,#fff));border-bottom:none;position:relative}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .clearity-header-bar{background:color-mix(in oklab, var(--card,var(--surface,#fff)) 80%, transparent)}}.demo-pillar--key .clearity-header-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.demo-pillar--key .clearity-header-bar:after{content:"";width:100%;height:var(--clearity-divider-height);background:var(--clearity-pillar-gradient-divider);display:block}.demo-pillar--key .clearity-header-inner{box-sizing:border-box;min-height:8.0625rem;padding:var(--clearity-header-pad-y) var(--clearity-header-pad-x);justify-content:space-between;align-items:center;gap:1rem;display:flex}.demo-pillar--key .pillar-logo-home{cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;min-width:0;box-shadow:none;color:inherit;background:0 0;border:0;border-radius:.65rem;outline:none;align-items:center;margin:0;padding:0;text-decoration:none;display:flex}.demo-pillar--key .pillar-logo-home:focus,.demo-pillar--key .pillar-logo-home:focus-visible,.demo-pillar--key .pillar-logo-home:active{outline:none}.demo-pillar--key .pillar-logo-home:focus:not(:focus-visible){box-shadow:none}.demo-pillar--key .pillar-logo-home:focus-visible{box-shadow:0 0 0 2px #1284ee47,0 0 18px -2px #f053236b}.demo-pillar--key .clearity-landing{padding:var(--clearity-landing-gutter-y) var(--clearity-landing-gutter-x) 2.5rem;font-family:var(--clearity-font);--clearity-hero-search-width:30.9375rem}.demo-pillar--key html:not(.dark) body:not(.dark) .clearity-pillar--key:not(.dark) .clearity-landing{min-height:calc(100vh - 8.0625rem - var(--clearity-divider-height));background:#f0f7ff}.demo-pillar--key .clearity-landing__grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}@media (width>=1024px){.demo-pillar--key .clearity-landing__grid{grid-template-columns:var(--clearity-side-panel-width) minmax(0, 1fr);gap:var(--clearity-landing-gap)}}.demo-pillar--key .clearity-landing__hero{width:fit-content;max-width:100%;margin:var(--clearity-landing-hero-offset-y,.875rem) 0 0 var(--clearity-landing-hero-offset-x,1rem);text-align:left;font-family:var(--clearity-font);letter-spacing:-.03em;border:0;padding:0;font-size:clamp(2.5rem,4.2vw,3.75rem);font-weight:600;line-height:1.05;display:inline-block;background-image:var(--clearity-pillar-gradient-hero)!important;color:#0000!important;-webkit-text-fill-color:transparent!important;background-color:#0000!important;-webkit-background-clip:text!important;background-clip:text!important}.demo-pillar--key .clearity-side-panel-aside{width:100%;font-family:var(--clearity-font);align-self:start}@media (width>=1024px){.demo-pillar--key .clearity-side-panel-aside{top:var(--clearity-side-panel-sticky-top);position:sticky}}.demo-pillar--key .clearity-side-panel{box-sizing:border-box;width:100%;height:var(--clearity-side-panel-height);min-height:var(--clearity-side-panel-height);max-height:var(--clearity-side-panel-height);padding:var(--clearity-side-panel-padding);border:var(--clearity-side-panel-border-width) solid transparent;border-radius:var(--clearity-side-panel-radius);box-shadow:var(--clearity-side-panel-shadow);background:linear-gradient(var(--card,var(--surface,#fff)), var(--card,var(--surface,#fff))) padding-box, var(--clearity-pillar-gradient-border) border-box;font-family:var(--clearity-font);flex-direction:column;display:flex;overflow:hidden}.demo-pillar--key:not(.key-category-route){--clearity-side-panel-radius:.875rem}.demo-pillar--key .clearity-side-panel__heading{font-family:var(--clearity-font);letter-spacing:.16em;text-transform:uppercase;color:var(--primary);padding:.25rem .5rem .75rem;font-size:12px;font-weight:600}.demo-pillar--key .clearity-side-panel__nav{flex-direction:column;flex:auto;gap:.25rem;min-width:0;display:flex}.demo-pillar--key .clearity-side-panel__row{align-items:center;gap:var(--clearity-side-panel-icon-gap);min-width:0;min-height:var(--clearity-side-panel-row-min-height);height:var(--clearity-side-panel-row-min-height);font-family:var(--clearity-font);border-radius:.5rem;padding:0 .5rem;font-size:13px;line-height:1.25;transition:background-color .15s,color .15s;display:flex}.demo-pillar--key .clearity-side-panel__icon{width:var(--clearity-side-panel-icon-size);height:var(--clearity-side-panel-icon-size);flex-shrink:0}.demo-pillar--key .clearity-side-panel__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:1.25;font-family:var(--clearity-font);flex:auto;overflow:hidden}.demo-pillar--key .clearity-side-panel__status{font-family:var(--clearity-font);letter-spacing:.06em;text-transform:uppercase;opacity:.6;flex-shrink:0;margin-left:auto;font-size:9px}@media (width<=1023px){.demo-pillar--key .clearity-side-panel{height:auto;min-height:0;max-height:none;overflow-y:visible}}.demo-pillar--key .clearity-landing__hero,.demo-pillar--key .clearity-side-panel__heading{font-weight:600}.demo-pillar--key .clearity-utility-btn{box-shadow:0 1px 2px #0f172a0a;background:linear-gradient(#fff, #fff) padding-box, var(--clearity-pillar-gradient-border) border-box!important;border:1.5px solid #0000!important}.dark .demo-pillar--key .clearity-utility-btn{background:linear-gradient(var(--card,var(--surface,#1a1a1a)), var(--card,var(--surface,#1a1a1a))) padding-box, var(--clearity-pillar-gradient-border) border-box!important}.demo-pillar--key .brand-logo-reflect{--reflect-cycle:var(--fix-cc-cycle-duration);--reflect-delay:0s}.demo-pillar--key .brand-logo-reflect__beam{transform:translateX(var(--fix-cc-shine-x)) skewX(-14deg);opacity:var(--fix-cc-shine-opacity);animation:none!important}.demo-pillar--key .clearity-landing__hero{--clearity-landing-hero-base:linear-gradient(90deg, #1284ee 0%, #1284ee 100%);--clearity-landing-hero-shimmer:linear-gradient(118deg, transparent 0%, transparent 42%, #f0682433 46.8%, #f0682494 49%, #f06824 50%, #f0682494 51%, #f0682433 53.2%, transparent 58%, transparent 100%);background-size:280% 280%,100% 100%;background-position:var(--fix-cc-shimmer-x) 42%, 0 0;background-repeat:no-repeat,no-repeat;background-image:var(--clearity-landing-hero-shimmer), var(--clearity-landing-hero-base)!important;animation:none!important}.dark .demo-pillar--key .clearity-landing__hero,.demo-pillar--key.dark .clearity-landing__hero{--clearity-landing-hero-base:linear-gradient(90deg, #82b0ec 0%, #82b0ec 100%)}.demo-pillar--key .clearity-header-bar:after{background-image:linear-gradient(90deg, transparent 0%, transparent 28%, #f053238c 40%, #f05323 50%, #f053238c 60%, transparent 72%, transparent 100%), var(--clearity-pillar-gradient-divider);animation:fixCcOutlineAccentLine var(--fix-cc-cycle-duration,12s) linear var(--fix-cc-master-delay,0s) infinite;background-position:100% 0,0 0;background-repeat:no-repeat,no-repeat;background-size:48% 100%,100% 100%}.demo-pillar--key .clearity-side-panel{isolation:isolate;background-image:linear-gradient(180deg, var(--fix-key-panel-blue,var(--primary)) 0%, var(--fix-key-panel-blue-mid,var(--primary)) 56%, var(--fix-key-panel-blue-deep,var(--primary)) 100%), var(--fix-cc-outline-accent), linear-gradient(var(--clearity-orange,#f05323), var(--clearity-orange,#f05323));background-origin:border-box;background-clip:padding-box,border-box,border-box;background-size:auto, var(--fix-cc-outline-accent-size), 100% 100%;animation:fixCcOutlineAccent3 var(--fix-cc-cycle-duration,12s) linear var(--fix-cc-master-delay,0s) infinite;background-position:0 0,110% 0,0 0;position:relative;box-shadow:inset 0 1px #ffffff14,0 1px 2px #1284ee14,0 14px 32px -12px #1284ee47}.demo-pillar--key .clearity-side-panel:after{content:"";z-index:2;pointer-events:none;padding:var(--clearity-side-panel-border-width,1.5px);border-radius:calc(var(--clearity-side-panel-radius) - var(--clearity-side-panel-border-width,1.5px));background-image:var(--fix-cc-outline-accent);background-size:var(--fix-cc-outline-accent-size);animation:fixCcOutlineAccent2 var(--fix-cc-cycle-duration,12s) linear var(--fix-cc-master-delay,0s) infinite;-webkit-mask-composite:xor;background-position:110% 0;background-repeat:no-repeat;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.demo-pillar--key html:not(.dark) .clearity-pillar--key .clearity-side-panel__heading,.demo-pillar--key html:not(.dark) .clearity-pillar--key .clearity-side-panel__row{color:#fff}.demo-pillar--key html:not(.dark) .clearity-pillar--key .clearity-side-panel__icon{color:#ffffffe0}.demo-pillar--key html:not(.dark) .clearity-pillar--key .clearity-side-panel__row:hover:not([aria-current=page]){color:#fff;background:#ffffff1a}.demo-pillar--key html:not(.dark) .clearity-pillar--key .clearity-side-panel__row[aria-current=page]{color:#fff;background:#ffffff24}.demo-pillar--key html:not(.dark) .clearity-pillar--key .clearity-side-panel__row[aria-current=page] .clearity-side-panel__icon,.demo-pillar--key .clearity-side-panel__heading{color:#fff}.demo-pillar--key .clearity-side-panel__row{isolation:isolate;color:#fff;text-decoration:none;position:relative}.demo-pillar--key .clearity-side-panel__row:hover:not([aria-current=page]){color:#fff;background:#ffffff1a}.demo-pillar--key .clearity-side-panel__icon{color:#ffffffe0}.demo-pillar--key .clearity-side-panel__row[aria-current=page]{color:#fff;background:#ffffff24;font-weight:600}.demo-pillar--key .clearity-side-panel__row[aria-current=page] .clearity-side-panel__icon{color:#fff}.demo-pillar--key .clearity-side-panel__row[aria-current=page]:before{content:"";z-index:0;border-radius:inherit;pointer-events:none;background-image:var(--fix-cc-outline-accent), var(--fix-cc-outline-base);background-size:var(--fix-cc-outline-accent-size), 100% 100%;animation:fixCcOutlineAccent2 var(--fix-cc-cycle-duration,12s) linear var(--fix-cc-master-delay,0s) infinite;-webkit-mask-composite:xor;background-position:110% 0,0 0;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.demo-pillar--key html:not(.dark) .clearity-pillar--key .clearity-side-panel__row[aria-current=page],.dark .demo-pillar--key .clearity-side-panel__row[aria-current=page]{color:var(--fix-ink,#0d6fd4);background:var(--fix-outline-blue,#1284ee)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key html:not(.dark) .clearity-pillar--key .clearity-side-panel__row[aria-current=page],.dark .demo-pillar--key .clearity-side-panel__row[aria-current=page]{background:color-mix(in srgb, var(--fix-outline-blue,#1284ee) 12%, #fff)}}.demo-pillar--key html:not(.dark) .clearity-pillar--key .clearity-side-panel__row[aria-current=page] .clearity-side-panel__icon,.dark .demo-pillar--key .clearity-side-panel__row[aria-current=page] .clearity-side-panel__icon{color:var(--fix-outline-blue,#1284ee)}.demo-pillar--key .clearity-side-panel__row[aria-current=page]:before,.demo-pillar--key .clearity-side-panel__row[aria-current=page]:after{display:none}.demo-pillar--key .clearity-side-panel__row>*{z-index:1;position:relative}.demo-pillar--key .clearity-side-panel__status{color:#ffffffad;opacity:.85}.demo-pillar--key .clearity-side-panel__nav{scrollbar-width:none;flex:auto;justify-content:flex-start;gap:.15rem;min-height:0;overflow-y:auto}.demo-pillar--key .clearity-side-panel__nav::-webkit-scrollbar{display:none}.demo-pillar--key .clearity-side-panel__support{border-radius:.55rem;flex-direction:column;flex-shrink:0;gap:.05rem;margin-top:auto;padding:.6rem .5rem 0;display:flex}.demo-pillar--key .clearity-side-panel__support-title{letter-spacing:-.01em;color:coral;font-size:.8125rem;font-weight:700}.demo-pillar--key .clearity-side-panel__support-desc{color:#ffffffb8;transform-origin:0 0;width:fit-content;font-size:.75rem;font-weight:400;line-height:1.2;transition:color .18s,font-weight .18s,transform .18s;display:inline-block}.demo-pillar--key .clearity-side-panel__support-desc:hover,.demo-pillar--key .clearity-side-panel__support-desc:focus-visible{text-shadow:none;outline:none;font-weight:700;transform:scale(1.5);color:#fff!important}@media (prefers-reduced-motion:reduce){.demo-pillar--key .clearity-side-panel__support,.demo-pillar--key .clearity-side-panel__support-title,.demo-pillar--key .clearity-side-panel__support-desc{transition:none}}@media (width<=1023px){.demo-pillar--key .clearity-side-panel{height:auto;min-height:0;max-height:none;overflow-y:visible}}.demo-pillar--key,.demo-pillar--key,.demo-pillar--key button,.demo-pillar--key input,.demo-pillar--key select,.demo-pillar--key textarea{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,sans-serif;font-weight:400}.demo-pillar--key .clearity-landing,.demo-pillar--key .clearity-side-panel,.demo-pillar--key .clearity-side-panel__heading,.demo-pillar--key .clearity-side-panel__row,.demo-pillar--key .clearity-side-panel__label,.demo-pillar--key .clearity-side-panel__status,.demo-pillar--key .clearity-landing__hero{font-family:Inter,system-ui,sans-serif}.demo-pillar--key .clearity-landing__hero,.demo-pillar--key .clearity-side-panel__heading{font-weight:600}.demo-pillar--key .clearity-side-panel__row,.demo-pillar--key .clearity-side-panel__label,.demo-pillar--key .clearity-side-panel__status{font-weight:400}.demo-pillar--key .clearity-pillar--way .clearity-qa-criteria-list{flex-direction:column;flex:auto;justify-content:space-between;gap:.15rem;min-height:0;margin-top:1rem;display:flex}.demo-pillar--key .clearity-utility-btn{background-image:linear-gradient(#fff, #fff), var(--fix-cc-outline-accent), var(--fix-cc-outline-base)!important;background-origin:border-box!important;background-clip:padding-box,border-box,border-box!important;background-size:auto, var(--fix-cc-outline-accent-size), 100% 100%!important;animation:fixCcOutlineAccent3 var(--fix-cc-cycle-duration,12s) linear var(--fix-cc-master-delay,0s) infinite!important;background-position:0 0,110% 0,0 0!important}.demo-pillar--key.dark .clearity-utility-btn,.dark .demo-pillar--key .clearity-utility-btn{background-image:linear-gradient(var(--fix-surface,var(--card,#1a1a1a)), var(--fix-surface,var(--card,#1a1a1a))), var(--fix-cc-outline-accent), var(--fix-cc-outline-base)!important;background-origin:border-box!important;background-clip:padding-box,border-box,border-box!important;background-size:auto, var(--fix-cc-outline-accent-size), 100% 100%!important;animation:fixCcOutlineAccent3 var(--fix-cc-cycle-duration,12s) linear var(--fix-cc-master-delay,0s) infinite!important;background-position:0 0,110% 0,0 0!important}.demo-pillar--key .fix-cc-page{flex-direction:column;min-width:0;max-width:100%;display:flex}.demo-pillar--key .fix-cc-hero-block{width:100%;max-width:100%;margin:var(--clearity-landing-hero-offset-y,.875rem) 0 0 var(--clearity-landing-hero-offset-x,1rem);flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;display:flex}.demo-pillar--key .fix-cc-hero-block .clearity-landing__hero{margin:0}.demo-pillar--key .fix-cc{flex-direction:column;gap:1.1rem;width:100%;min-width:0;max-width:none;margin-top:1.1rem;padding-bottom:.75rem;display:flex}.demo-pillar--key .fix-cc-ai-search{width:100%;min-width:0;max-width:100%;margin:0}.demo-pillar--key .fix-cc-ai-search__ring{--fix-cc-search-border:2px;--fix-cc-search-radius:.875rem;--fix-cc-search-ring-opacity:.95;isolation:isolate;border-radius:var(--fix-cc-search-radius);padding:var(--fix-cc-search-border);background:0 0;flex-direction:column;transition:box-shadow .42s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:visible;box-shadow:0 1px 2px #1284ee08,0 6px 22px -12px #1284ee14}.demo-pillar--key .fix-cc-ai-search__ring:before{content:"";z-index:0;border-radius:inherit;pointer-events:none;padding:var(--fix-cc-search-border);background-image:var(--fix-cc-outline-accent), var(--fix-cc-outline-base);background-size:var(--fix-cc-outline-accent-size), 100% 100%;opacity:var(--fix-cc-search-ring-opacity);animation:fixCcOutlineAccent2 var(--fix-cc-cycle-duration,12s) linear var(--fix-cc-master-delay,0s) infinite;-webkit-mask-composite:xor;background-position:110% 0,0 0;transition:opacity .42s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.demo-pillar--key .fix-cc-ai-search--focused .fix-cc-ai-search__ring{--fix-cc-search-ring-opacity:1;box-shadow:0 1px 2px #1284ee0d,0 12px 36px -12px #f0532329}.demo-pillar--key .fix-cc-ai-search__row{z-index:1;border-radius:calc(var(--fix-cc-search-radius) - var(--fix-cc-search-border));background:var(--fix-surface);align-items:center;gap:.4375rem;min-height:2.4375rem;padding:.40625rem .625rem .40625rem .75rem;display:flex;position:relative;box-shadow:inset 0 1px #ffffffd9}.demo-pillar--key .fix-cc-ai-search__mark{color:var(--fix-ink);opacity:.85;flex-shrink:0;font-size:.8rem;line-height:1}.demo-pillar--key .fix-cc-ai-search__input{min-width:0;box-shadow:none;letter-spacing:-.01em;color:var(--fix-ink);background:0 0;border:0;outline:none;flex:auto;font-family:Inter,system-ui,sans-serif;font-size:.875rem;font-weight:500;line-height:1.4}.demo-pillar--key .fix-cc-ai-search__input::placeholder{color:var(--fix-ink-muted);font-weight:500}.demo-pillar--key .fix-cc-ai-search__input::-webkit-search-decoration{appearance:none}.demo-pillar--key .fix-cc-ai-search__input::-webkit-search-cancel-button{appearance:none}.demo-pillar--key .fix-cc-ai-search__clear,.demo-pillar--key .fix-cc-ai-search__submit{box-sizing:border-box;background:var(--fix-surface);width:1.75rem;height:1.75rem;color:var(--fix-ink);cursor:pointer;border:1px solid #1284ee1a;border-radius:.4375rem;flex-shrink:0;justify-content:center;align-items:center;transition:background .22s,border-color .22s,color .22s,transform .22s,box-shadow .22s;display:inline-flex;box-shadow:0 1px 2px #1284ee0d}.demo-pillar--key .fix-cc-ai-search__clear{color:#1284ee8c;background:#ffffffb8;border-color:#1284ee14}.demo-pillar--key .fix-cc-ai-search__clear:hover{color:#1284eec7;background:#fff;border-color:#c25d4d5a;box-shadow:0 2px 10px -3px #f0532329}.demo-pillar--key .fix-cc-ai-search__submit:hover{background:#fff;border-color:#c95c4770;box-shadow:0 2px 10px -3px #f0532333}.demo-pillar--key .fix-cc-search-wrap{width:var(--clearity-hero-search-width);box-sizing:border-box;flex-direction:column;gap:.35rem;min-width:0;max-width:100%;display:flex;position:relative}.demo-pillar--key .pillar-search-wrap--active{z-index:60;isolation:isolate}.demo-pillar--key .pillar-search-backdrop{z-index:50;pointer-events:none;-webkit-backdrop-filter:blur(14px);background:#161c2473;animation:.2s ease-out both pillarSearchBackdropIn;position:fixed;inset:0}.demo-pillar--key .fix-cc-search-status{color:var(--fix-ink,#0b1a45);margin:0;font-size:.8125rem}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .fix-cc-search-status{color:color-mix(in srgb, var(--fix-ink,#0b1a45) 72%, transparent)}}.demo-pillar--key .fix-cc-search-status--error{color:#b42318}.demo-pillar--key .fix-cc-search-results{z-index:61;box-sizing:border-box;background:#fff;border:1px solid #1284ee24;border-radius:.85rem;width:100%;max-width:100%;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .fix-cc-search-results{background:color-mix(in srgb, #fff 94%, var(--fix-surface))}}.demo-pillar--key .fix-cc-search-results{padding:.35rem;box-shadow:0 12px 28px -18px #00000073}.demo-pillar--key .fix-cc-search-message{text-overflow:ellipsis;white-space:nowrap;margin:0 0 .35rem;padding:0 .35rem;font-size:.8125rem;line-height:1.35;overflow:hidden}.demo-pillar--key .fix-cc-search-list{flex-direction:column;gap:.25rem;width:100%;min-width:0;max-width:100%;margin:0;padding:0;list-style:none;display:flex}.demo-pillar--key .fix-cc-search-item{box-sizing:border-box;text-align:left;cursor:pointer;background:#fff;border:1px solid #1284ee1f;border-radius:.65rem;flex-direction:column;justify-content:center;gap:.1rem;width:100%;min-width:0;max-width:100%;height:2.75rem;padding:.35rem .65rem;display:flex;position:relative;overflow:hidden}.demo-pillar--key .fix-cc-search-item--active,.demo-pillar--key .fix-cc-search-item[aria-selected=true]{border-color:#8c697e;box-shadow:0 6px 18px -10px #f053238c}.dark .demo-pillar--key .fix-cc-search-results{background:var(--fix-surface);border-color:#82b0ec47}@supports (color:color-mix(in lab, red, red)){.dark .demo-pillar--key .fix-cc-search-results{background:color-mix(in srgb, var(--fix-surface) 96%, #0b1028)}}.dark .demo-pillar--key .fix-cc-search-item{background:var(--fix-surface);border-color:#82b0ec33}@supports (color:color-mix(in lab, red, red)){.dark .demo-pillar--key .fix-cc-search-item{background:color-mix(in srgb, var(--fix-surface) 94%, #0b1028)}}.dark .demo-pillar--key .fix-cc-search-item{color:var(--fix-ink)}.demo-pillar--key .fix-cc-search-item:hover{border-color:#f0532359}.demo-pillar--key .fix-cc-search-item__title,.demo-pillar--key .fix-cc-search-item__desc,.demo-pillar--key .fix-cc-search-item__cta{text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0;max-width:100%;display:block;overflow:hidden}.demo-pillar--key .fix-cc-search-item__title{font-size:.8125rem;font-weight:600;line-height:1.2}.demo-pillar--key .fix-cc-search-item__desc{opacity:.75;font-size:.6875rem;line-height:1.2}.demo-pillar--key .fix-cc-search-item__cta{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.demo-pillar--key .key-app-back{color:#0b1a45;cursor:pointer;background:#ffffffe6;border:1px solid #1284ee2e;border-radius:9999px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.8125rem;font-weight:600;display:inline-flex}.demo-pillar--key .key-app-back:hover{border-color:#f0532366}.demo-pillar--key html:not(.dark) .clearity-pillar--key .key-app-back--category{box-sizing:border-box;isolation:isolate;color:var(--fix-ink,#0d6fd4);background-color:var(--fix-surface,#fff);background-image:linear-gradient(var(--fix-surface,#fff), var(--fix-surface,#fff)), var(--fix-cc-outline-accent), var(--fix-cc-outline-base);background-origin:border-box;background-clip:padding-box,border-box,border-box;background-size:auto, var(--fix-cc-outline-accent-size), 100% 100%;animation:fixCcOutlineAccent3 var(--fix-cc-cycle-duration,12s) linear var(--fix-cc-master-delay,0s) infinite;background-position:0 0,110% 0,0 0;border:1.5px solid #0000;border-radius:.625rem;gap:.375rem;padding:.375rem .75rem;font-family:inherit;font-size:.75rem;font-weight:600;line-height:1.2;transition:color .18s,background-color .18s,box-shadow .18s;position:relative;box-shadow:0 1px 2px #1284ee0a}.demo-pillar--key html:not(.dark) .clearity-pillar--key .key-app-back--category svg{width:.9rem;height:.9rem}.demo-pillar--key html:not(.dark) .clearity-pillar--key .key-app-back--category:hover{color:var(--fix-ink-strong,#0a5bb0);background-color:var(--fix-outline-blue,#1284ee)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key html:not(.dark) .clearity-pillar--key .key-app-back--category:hover{background-color:color-mix(in srgb, var(--fix-outline-blue,#1284ee) 6%, var(--fix-surface,#fff))}}.demo-pillar--key html:not(.dark) .clearity-pillar--key .key-app-back--category:hover{background-image:linear-gradient(var(--fix-outline-blue,#1284ee), var(--fix-outline-blue,#1284ee)), var(--fix-cc-outline-accent), var(--fix-cc-outline-base)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key html:not(.dark) .clearity-pillar--key .key-app-back--category:hover{background-image:linear-gradient(color-mix(in srgb, var(--fix-outline-blue,#1284ee) 6%, var(--fix-surface,#fff)), color-mix(in srgb, var(--fix-outline-blue,#1284ee) 6%, var(--fix-surface,#fff))), var(--fix-cc-outline-accent), var(--fix-cc-outline-base)}}.demo-pillar--key html:not(.dark) .clearity-pillar--key .key-app-back--category:hover{box-shadow:0 2px 8px #1284ee14}.demo-pillar--key html:not(.dark) .clearity-pillar--key .key-app-back--category:focus-visible{outline:2px solid var(--fix-outline-blue,#1284ee)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key html:not(.dark) .clearity-pillar--key .key-app-back--category:focus-visible{outline:2px solid color-mix(in srgb, var(--fix-outline-blue,#1284ee) 55%, #f05323)}}.demo-pillar--key html:not(.dark) .clearity-pillar--key .key-app-back--category:focus-visible{outline-offset:2px}.dark .demo-pillar--key .key-app-back{box-sizing:border-box;isolation:isolate;color:var(--fix-ink);background-color:var(--fix-surface);background-image:linear-gradient(var(--fix-surface), var(--fix-surface)), var(--fix-cc-outline-accent), var(--fix-cc-outline-base);background-origin:border-box;background-clip:padding-box,border-box,border-box;background-size:auto, var(--fix-cc-outline-accent-size), 100% 100%;animation:fixCcOutlineAccent3 var(--fix-cc-cycle-duration,12s) linear var(--fix-cc-master-delay,0s) infinite;background-position:0 0,110% 0,0 0;border:1.5px solid #0000;border-radius:.625rem;gap:.375rem;padding:.375rem .75rem;font-family:inherit;font-size:.75rem;font-weight:600;line-height:1.2;transition:color .18s,background-color .18s,box-shadow .18s;position:relative;box-shadow:0 1px 2px #00000059,0 12px 32px #00000047}.dark .demo-pillar--key .key-app-back:hover{color:var(--fix-ink-strong);background-image:linear-gradient(var(--fix-outline-blue), var(--fix-outline-blue)), var(--fix-cc-outline-accent), var(--fix-cc-outline-base)}@supports (color:color-mix(in lab, red, red)){.dark .demo-pillar--key .key-app-back:hover{background-image:linear-gradient(color-mix(in srgb, var(--fix-outline-blue) 6%, var(--fix-surface)), color-mix(in srgb, var(--fix-outline-blue) 6%, var(--fix-surface))), var(--fix-cc-outline-accent), var(--fix-cc-outline-base)}}.dark .demo-pillar--key .key-app-back:hover{box-shadow:0 2px 8px #1284ee14}.dark .demo-pillar--key .key-app-back:focus-visible{outline:2px solid var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.dark .demo-pillar--key .key-app-back:focus-visible{outline:2px solid color-mix(in srgb, var(--fix-outline-blue) 55%, #f05323)}}.dark .demo-pillar--key .key-app-back:focus-visible{outline-offset:2px}.demo-pillar--key .fix-cc-section{flex-direction:column;gap:.55rem;min-width:0;display:flex}.demo-pillar--key .fix-cc-section-label{letter-spacing:.16em;text-transform:uppercase;color:var(--clearity-dark-blue);align-items:center;gap:.45rem;margin:0;font-family:Inter,system-ui,sans-serif;font-size:.6875rem;font-weight:600;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .fix-cc-section-label{color:color-mix(in srgb, var(--clearity-dark-blue) 78%, #64748b)}}.demo-pillar--key .fix-cc-section-label:before{content:"";background:var(--clearity-dark-blue);border-radius:9999px;flex-shrink:0;width:.35rem;height:.35rem}.demo-pillar--key .fix-cc-section-label--accent:before{background:var(--clearity-orange)}.demo-pillar--key .fix-cc-workflow{grid-template-columns:1fr;align-items:stretch;gap:.55rem;display:grid}@media (width>=960px){.demo-pillar--key .fix-cc-workflow{grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem}}.demo-pillar--key .fix-cc-workflow__item{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.2rem;min-width:0;display:grid}@media (width>=960px){.demo-pillar--key .fix-cc-workflow__item:last-child{grid-template-columns:minmax(0,1fr)}}.demo-pillar--key .key-cc-workflow__link{flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1rem;display:none;position:relative}@media (width>=960px){.demo-pillar--key .key-cc-workflow__link{display:inline-flex}}.demo-pillar--key .key-cc-workflow__chevron{width:1rem;height:1rem;color:var(--fix-ink-muted)}.demo-pillar--key .fix-cc-workflow-card{box-sizing:border-box;background-color:var(--fix-surface);background-image:linear-gradient(var(--fix-surface), var(--fix-surface)), var(--fix-cc-outline-accent), var(--fix-cc-outline-base);background-origin:border-box;background-clip:padding-box,border-box,border-box;background-size:auto, var(--fix-cc-outline-accent-size), 100% 100%;min-width:0;height:100%;animation:fixCcOutlineAccent3 var(--fix-cc-cycle-duration,12s) linear var(--fix-cc-master-delay,0s) infinite;cursor:default;background-position:0 0,110% 0,0 0;border:1.75px solid #0000;border-radius:1.05rem;flex-direction:column;gap:.28rem;padding:.8rem .9rem .85rem;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #1284ee0b,0 12px 32px #1284ee11}.demo-pillar--key .fix-cc-workflow-card:hover{transform:translateY(-2px);box-shadow:0 2px 4px #1284ee0d,0 18px 40px #1284ee16}.demo-pillar--key .fix-cc-workflow-card__top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.demo-pillar--key .fix-cc-workflow-card__step{letter-spacing:.02em;min-width:1.35rem;height:1.35rem;color:var(--clearity-dark-blue);background:var(--clearity-dark-blue);border-radius:9999px;justify-content:center;align-items:center;padding:0 .35rem;font-size:.6875rem;font-weight:600;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .fix-cc-workflow-card__step{background:color-mix(in srgb, var(--clearity-dark-blue) 6%, var(--fix-surface))}}.demo-pillar--key .fix-cc-workflow-card__icon{color:var(--clearity-dark-blue);opacity:.88;display:inline-flex}.demo-pillar--key .fix-cc-workflow-card__icon.fix-cc-icon-ring{opacity:1;width:1.75rem;height:1.75rem}.demo-pillar--key .fix-cc-workflow-card__title{letter-spacing:-.015em;color:var(--clearity-dark-blue);margin:.15rem 0 0;font-size:.9375rem;font-weight:600}.demo-pillar--key .fix-cc-workflow-card__desc{color:var(--fix-ink-muted);margin:0;font-size:.75rem;line-height:1.4}.demo-pillar--key .fix-cc-quick{grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;gap:.65rem .5rem;padding:.1rem .25rem .2rem;display:grid}@media (width>=900px){.demo-pillar--key .fix-cc-quick{grid-template-columns:repeat(6,minmax(0,1fr));gap:.55rem 1rem}}.demo-pillar--key .fix-cc-quick-card{width:100%;min-width:0;max-width:7rem;color:inherit;box-shadow:none;background:0 0;border:0;flex-direction:column;align-items:center;gap:.45rem;padding:.1rem;text-decoration:none;transition:transform .22s cubic-bezier(.22,1,.36,1);display:flex}.demo-pillar--key .fix-cc-quick-card__orb{box-sizing:border-box;isolation:isolate;border-radius:9999px;justify-content:center;align-items:center;width:3.4rem;height:3.4rem;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1),border-color .22s,background-color .22s,color .22s;display:inline-flex;position:relative;overflow:visible;color:var(--fix-ink-strong)!important;background-color:var(--fix-quick-surface)!important;box-shadow:none!important;opacity:1!important;border:2px solid #0000!important}.demo-pillar--key .fix-cc-quick-card__orb:before{content:"";z-index:1;border-radius:inherit;pointer-events:none;background-image:var(--fix-cc-outline-accent), var(--fix-cc-outline-base);background-size:var(--fix-cc-outline-accent-size), 100% 100%;opacity:1;animation:fixCcOutlineAccent2 var(--fix-cc-cycle-duration,12s) linear var(--fix-cc-master-delay,0s) infinite;-webkit-mask-composite:xor;background-position:110% 0,0 0;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.demo-pillar--key .fix-cc-quick-card__orb>*{z-index:2;position:relative}.demo-pillar--key .fix-cc-quick-card__icon{stroke-width:2.15px;color:inherit}.demo-pillar--key .fix-cc-quick-card--accent .fix-cc-quick-card__orb{color:var(--fix-cc-accent-glyph,#d9481c)!important;background-color:var(--fix-quick-accent-surface)!important}.demo-pillar--key .fix-cc-quick-card--accent .fix-cc-quick-card__orb svg,.demo-pillar--key .fix-cc-quick-card--accent .fix-cc-quick-card__orb svg *{color:inherit!important;stroke:currentColor!important}.demo-pillar--key .fix-cc-quick-card:hover{transform:translateY(-2px)}.demo-pillar--key .fix-cc-quick-card:hover .fix-cc-quick-card__orb,.demo-pillar--key .fix-cc-quick-card:focus-visible .fix-cc-quick-card__orb,.demo-pillar--key .fix-cc-quick-card[aria-current=page] .fix-cc-quick-card__orb,.demo-pillar--key .fix-cc-quick-card:active .fix-cc-quick-card__orb{box-shadow:0 0 0 4px #1284ee1a;background-color:var(--fix-solid)!important;color:#fff!important;border-color:#0000!important}.demo-pillar--key .fix-cc-quick-card--accent:hover .fix-cc-quick-card__orb,.demo-pillar--key .fix-cc-quick-card--accent:focus-visible .fix-cc-quick-card__orb,.demo-pillar--key .fix-cc-quick-card--accent[aria-current=page] .fix-cc-quick-card__orb,.demo-pillar--key .fix-cc-quick-card--accent:active .fix-cc-quick-card__orb{box-shadow:0 0 0 4px #f0532324;color:#fff!important;background-color:#f05323!important;border-color:#0000!important}.demo-pillar--key .fix-cc-category-option{isolation:isolate;position:relative}.demo-pillar--key .fix-cc-category-option:before{content:"";z-index:1;border-radius:inherit;pointer-events:none;background-image:var(--fix-cc-outline-accent), var(--fix-cc-outline-base);background-size:var(--fix-cc-outline-accent-size), 100% 100%;opacity:.9;animation:fixCcOutlineAccent2 var(--fix-cc-cycle-duration,12s) linear var(--fix-cc-master-delay,0s) infinite;-webkit-mask-composite:xor;background-position:110% 0,0 0;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.demo-pillar--key .fix-cc-category-option>*{z-index:2;position:relative}.demo-pillar--key .fix-cc-category-option[data-active=true]:before{opacity:1}@media (prefers-reduced-motion:reduce){.demo-pillar--key .pillar-search-backdrop{-webkit-backdrop-filter:none;animation:none}.demo-pillar--key{--fix-cc-shine-opacity:0;--fix-cc-shimmer-x:185%;animation:none!important}.demo-pillar--key .brand-logo-reflect__beam{opacity:0!important;animation:none!important}.demo-pillar--key .clearity-landing__hero{background-position:0 0;background-size:100% 100%;background-image:var(--clearity-landing-hero-base,linear-gradient(90deg, #1284ee 0%, #1284ee 100%))!important;animation:none!important}.dark .demo-pillar--key .clearity-landing__hero,.demo-pillar--key.dark .clearity-landing__hero{background-image:linear-gradient(90deg,#82b0ec 0% 100%)!important}.demo-pillar--key .clearity-header-bar:after{background-image:var(--clearity-pillar-gradient-divider);background-position:0 0;background-size:100% 100%;animation:none!important}.demo-pillar--key .clearity-side-panel,.demo-pillar--key .clearity-side-panel:after,.demo-pillar--key .clearity-utility-btn,.demo-pillar--key .clearity-side-panel__row[aria-current=page]:before,.demo-pillar--key .clearity-side-panel__row[aria-current=page]:after,.dark .demo-pillar--key .clearity-utility-btn,.demo-pillar--key .fix-cc-workflow-card,.demo-pillar--key .fix-cc-smart-card,.demo-pillar--key .fix-cc-smart-card--placeholder,.demo-pillar--key .key-guide__info-card,.demo-pillar--key .key-guide__step-card,.demo-pillar--key .key-guide__control{background-position:0 0,110% 0,0 0;background-size:auto,0 0,100% 100%;animation:none!important}.demo-pillar--key .clearity-side-panel__row[aria-current=page]:before{background-image:var(--fix-cc-outline-base,var(--fix-cc-outline-static));background-position:0 0;background-size:100% 100%}.demo-pillar--key .clearity-side-panel:after,.demo-pillar--key .clearity-side-panel__row[aria-current=page]:after{display:none}.demo-pillar--key .fix-cc-ai-search__ring:before,.demo-pillar--key .fix-cc-quick-card__orb:before,.demo-pillar--key .fix-cc-category-option:before,.demo-pillar--key .fix-cc-smart-card__orb:before,.demo-pillar--key .fix-cc-icon-ring:before{background-image:var(--fix-cc-outline-base,var(--fix-cc-outline-static));background-position:0 0;background-size:100% 100%;animation:none!important}}.demo-pillar--key .fix-cc-quick-card__label{letter-spacing:-.01em;color:var(--clearity-dark-blue);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.75rem;font-weight:500;overflow:hidden}.demo-pillar--key .fix-cc-smart-header{justify-content:space-between;align-items:center;min-width:0;display:flex}.demo-pillar--key .fix-cc-smart-see-all{color:var(--clearity-dark-blue);flex-shrink:0;font-size:.75rem;font-weight:600;text-decoration:none;transition:color .18s}.demo-pillar--key .fix-cc-smart-see-all:hover{color:var(--clearity-orange)}.demo-pillar--key .fix-cc-smart{grid-template-columns:1fr;gap:.65rem;display:grid}@media (width>=720px){.demo-pillar--key .fix-cc-smart{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}}@media (width>=1180px){.demo-pillar--key .fix-cc-smart{grid-template-columns:repeat(3,minmax(0,1fr))}}.demo-pillar--key .fix-cc-smart-card{box-sizing:border-box;background-color:var(--fix-surface);background-image:linear-gradient(var(--fix-surface), var(--fix-surface)), var(--fix-cc-outline-accent), var(--fix-cc-outline-base);background-origin:border-box;background-clip:padding-box,border-box,border-box;background-size:auto, var(--fix-cc-outline-accent-size), 100% 100%;min-width:0;animation:fixCcOutlineAccent3 var(--fix-cc-cycle-duration,12s) linear var(--fix-cc-master-delay,0s) infinite;color:inherit;background-position:0 0,110% 0,0 0;border:1.75px solid #0000;border-radius:1.05rem;align-items:center;gap:.75rem;padding:.9rem 1rem;text-decoration:none;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1);display:flex;box-shadow:0 1px 2px #1284ee0b,0 14px 34px #1284ee11}.demo-pillar--key a.fix-cc-smart-card:hover,.demo-pillar--key button.fix-cc-smart-card:hover,.demo-pillar--key div.fix-cc-smart-card:hover{transform:translateY(-2px);box-shadow:0 2px 4px #1284ee0d,0 20px 44px #1284ee17}.demo-pillar--key a.fix-cc-smart-card:hover .fix-cc-smart-card__chevron,.demo-pillar--key button.fix-cc-smart-card:hover .fix-cc-smart-card__chevron{color:var(--clearity-orange);opacity:1;transform:translate(2px)}.demo-pillar--key a.fix-cc-smart-card:hover .fix-cc-smart-card__orb,.demo-pillar--key button.fix-cc-smart-card:hover .fix-cc-smart-card__orb{box-shadow:0 0 0 4px var(--clearity-dark-blue)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key a.fix-cc-smart-card:hover .fix-cc-smart-card__orb,.demo-pillar--key button.fix-cc-smart-card:hover .fix-cc-smart-card__orb{box-shadow:0 0 0 4px color-mix(in srgb, var(--clearity-dark-blue) 6%, transparent)}}.demo-pillar--key a.fix-cc-smart-card--accent:hover .fix-cc-smart-card__orb,.demo-pillar--key button.fix-cc-smart-card--accent:hover .fix-cc-smart-card__orb{box-shadow:0 0 0 4px var(--clearity-orange)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key a.fix-cc-smart-card--accent:hover .fix-cc-smart-card__orb,.demo-pillar--key button.fix-cc-smart-card--accent:hover .fix-cc-smart-card__orb{box-shadow:0 0 0 4px color-mix(in srgb, var(--clearity-orange) 10%, transparent)}}.demo-pillar--key button.fix-cc-smart-card{font:inherit;text-align:left;cursor:pointer;width:100%}.demo-pillar--key .fix-cc-smart-card--placeholder{cursor:default;background-color:var(--fix-surface-soft);background-image:linear-gradient(var(--fix-surface-soft), var(--fix-surface-soft)), var(--fix-cc-outline-accent), var(--fix-cc-outline-base);background-origin:border-box;background-clip:padding-box,border-box,border-box;background-size:auto, var(--fix-cc-outline-accent-size), 100% 100%;animation:fixCcOutlineAccent3 var(--fix-cc-cycle-duration,12s) linear var(--fix-cc-master-delay,0s) infinite;background-position:0 0,110% 0,0 0}.demo-pillar--key .fix-cc-smart-card--accent{box-shadow:0 1px 2px #f053230f,0 14px 34px #f0532314}.demo-pillar--key a.fix-cc-smart-card--accent:hover{box-shadow:0 2px 4px #f0532314,0 20px 44px #f053231f}.demo-pillar--key .fix-cc-smart-card__orb{box-sizing:border-box;isolation:isolate;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:box-shadow .22s,color .22s,background-color .22s;display:inline-flex;position:relative;color:var(--fix-ink)!important;background-color:var(--fix-surface)!important;box-shadow:none!important;opacity:1!important;border:2px solid #0000!important}.demo-pillar--key .fix-cc-smart-card__orb:before{content:"";z-index:0;border-radius:inherit;pointer-events:none;background-image:var(--fix-cc-outline-accent), var(--fix-cc-outline-base);background-size:var(--fix-cc-outline-accent-size), 100% 100%;animation:fixCcOutlineAccent2 var(--fix-cc-cycle-duration,12s) linear var(--fix-cc-master-delay,0s) infinite;-webkit-mask-composite:xor;background-position:110% 0,0 0;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.demo-pillar--key .fix-cc-smart-card__orb>*{z-index:1;position:relative}.demo-pillar--key .fix-cc-smart-card--accent .fix-cc-smart-card__orb{color:var(--fix-cc-accent-glyph,#f05323)!important;background-color:var(--fix-smart-accent-surface)!important}.demo-pillar--key .fix-cc-smart-card--accent .fix-cc-smart-card__orb svg,.demo-pillar--key .fix-cc-smart-card--accent .fix-cc-smart-card__orb svg *{color:inherit!important;stroke:currentColor!important}.demo-pillar--key .fix-cc-smart-card__title{letter-spacing:-.015em;color:var(--clearity-dark-blue);font-size:.9375rem;font-weight:600;display:block}.demo-pillar--key .fix-cc-smart-card__desc{color:var(--fix-ink-muted);margin-top:.2rem;font-size:.75rem;line-height:1.4;display:block}.demo-pillar--key .fix-cc-smart-card__chevron{width:1rem;height:1rem;color:var(--clearity-dark-blue);flex-shrink:0}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .fix-cc-smart-card__chevron{color:color-mix(in srgb, var(--clearity-dark-blue) 35%, transparent)}}.demo-pillar--key .fix-cc-smart-card__chevron{opacity:.65;transition:color .22s,opacity .22s,transform .22s cubic-bezier(.22,1,.36,1)}.demo-pillar--key .fix-cc-icon-ring{box-sizing:border-box;isolation:isolate;width:1.75rem;height:1.75rem;color:var(--clearity-dark-blue);background-color:var(--fix-surface);border:1.5px solid #0000;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.demo-pillar--key .fix-cc-icon-ring:before{content:"";z-index:0;border-radius:inherit;pointer-events:none;background-image:var(--fix-cc-outline-accent,transparent), var(--fix-cc-outline-base,linear-gradient(135deg, #1284ee 0%, #f05323 100%));background-size:var(--fix-cc-outline-accent-size,220% 100%), 100% 100%;animation:fixCcOutlineAccent2 var(--fix-cc-cycle-duration,12s) linear var(--fix-cc-master-delay,0s) infinite;-webkit-mask-composite:xor;background-position:110% 0,0 0;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.demo-pillar--key .fix-cc-icon-ring>*{z-index:1;position:relative}.demo-pillar--key .fix-cc-icon-ring--sm{width:1.5rem;height:1.5rem}.dark .demo-pillar--key,.demo-pillar--key.dark{--clearity-dark-blue:#cbd8f4;--fix-ink:#d3e0f7;--fix-ink-strong:#e8f0fe;--fix-ink-muted:#93a6c9;--fix-outline-blue:#6f9ae0;--fix-surface:#212d45;--fix-surface-soft:#1c283c;--fix-quick-surface:#2c3c5b;--fix-quick-accent-surface:#4a353e;--fix-smart-accent-surface:#4a353e;--fix-solid:#33528c;--fix-cc-accent-glyph:#fff;--clearity-pillar-gradient-hero:linear-gradient(122deg, #82b0ec 0%, #82b0ec 66%, #93bcf1 71%, #ef6a3d 79%, #f05323 88%, #f05323 100%);--clearity-pillar-gradient-border:linear-gradient(165deg, #6f9ae0 0%, #6f9ae0 40%, #f06824 100%);--clearity-pillar-gradient-divider:linear-gradient(90deg, #6f9ae0 0%, #6f9ae0 35%, #f06824 100%)}.dark .demo-pillar--key .fix-cc-quick-card--accent .fix-cc-quick-card__orb,.dark .demo-pillar--key .fix-cc-quick-card--accent .fix-cc-quick-card__orb svg,.dark .demo-pillar--key .fix-cc-quick-card--accent .fix-cc-quick-card__orb svg *,.demo-pillar--key.dark .fix-cc-quick-card--accent .fix-cc-quick-card__orb,.demo-pillar--key.dark .fix-cc-quick-card--accent .fix-cc-quick-card__orb svg,.demo-pillar--key.dark .fix-cc-quick-card--accent .fix-cc-quick-card__orb svg *,.dark .demo-pillar--key .fix-cc-smart-card--accent .fix-cc-smart-card__orb,.dark .demo-pillar--key .fix-cc-smart-card--accent .fix-cc-smart-card__orb svg,.dark .demo-pillar--key .fix-cc-smart-card--accent .fix-cc-smart-card__orb svg *,.demo-pillar--key.dark .fix-cc-smart-card--accent .fix-cc-smart-card__orb,.demo-pillar--key.dark .fix-cc-smart-card--accent .fix-cc-smart-card__orb svg,.demo-pillar--key.dark .fix-cc-smart-card--accent .fix-cc-smart-card__orb svg *{color:#fff!important;stroke:#fff!important}.dark .demo-pillar--key .fix-cc-quick-card--accent:hover .fix-cc-quick-card__orb,.dark .demo-pillar--key .fix-cc-quick-card--accent:focus-visible .fix-cc-quick-card__orb,.dark .demo-pillar--key .fix-cc-quick-card--accent[aria-current=page] .fix-cc-quick-card__orb,.dark .demo-pillar--key .fix-cc-quick-card--accent:active .fix-cc-quick-card__orb,.dark .demo-pillar--key a.fix-cc-smart-card--accent:hover .fix-cc-smart-card__orb,.demo-pillar--key.dark .fix-cc-quick-card--accent:hover .fix-cc-quick-card__orb,.demo-pillar--key.dark .fix-cc-quick-card--accent:focus-visible .fix-cc-quick-card__orb,.demo-pillar--key.dark .fix-cc-quick-card--accent[aria-current=page] .fix-cc-quick-card__orb,.demo-pillar--key.dark .fix-cc-quick-card--accent:active .fix-cc-quick-card__orb,.demo-pillar--key.dark a.fix-cc-smart-card--accent:hover .fix-cc-smart-card__orb{color:#fff!important}.dark .demo-pillar--key .fix-cc-section-label{color:var(--fix-ink)}@supports (color:color-mix(in lab, red, red)){.dark .demo-pillar--key .fix-cc-section-label{color:color-mix(in srgb, var(--fix-ink) 88%, var(--fix-ink-muted))}}.dark .demo-pillar--key .fix-cc-ai-search__row{background:var(--clearity-dark-search);box-shadow:inset 0 1px #ffffffd9}.dark .demo-pillar--key .fix-cc-ai-search__mark,.dark .demo-pillar--key .fix-cc-ai-search__input{color:var(--clearity-dark-search-ink)}.dark .demo-pillar--key .fix-cc-ai-search__input::placeholder{color:var(--clearity-dark-search-muted)}.dark .demo-pillar--key .fix-cc-ai-search__ring{box-shadow:0 1px 2px #00000059,0 6px 22px -12px #0000008c}.dark .demo-pillar--key .fix-cc-ai-search__clear,.dark .demo-pillar--key .fix-cc-ai-search__submit{background:var(--clearity-dark-search);color:var(--clearity-dark-search-ink);border-color:#181d621a;box-shadow:0 1px 2px #181d620d}.dark .demo-pillar--key .fix-cc-ai-search__clear{color:#181d628c}.dark .demo-pillar--key .fix-cc-ai-search__clear:hover,.dark .demo-pillar--key .fix-cc-ai-search__submit:hover{color:var(--clearity-dark-search-ink);background:#fff;border-color:#ca492e70}.dark .demo-pillar--key .fix-cc-quick-card{box-shadow:0 1px 2px #0006,0 14px 34px #00000052}.dark .demo-pillar--key .fix-cc-quick-card:hover{box-shadow:0 2px 6px #00000073,0 20px 44px #0006}.dark .demo-pillar--key .fix-cc-workflow-card,.dark .demo-pillar--key .fix-cc-smart-card{box-shadow:0 1px 2px #0006,0 14px 34px #00000052}.dark .demo-pillar--key .fix-cc-workflow-card:hover,.dark .demo-pillar--key a.fix-cc-smart-card:hover,.dark .demo-pillar--key button.fix-cc-smart-card:hover,.dark .demo-pillar--key div.fix-cc-smart-card:hover{box-shadow:0 2px 6px #00000073,0 20px 44px #0006}.dark .demo-pillar--key .fix-cc-smart-card--accent,.dark .demo-pillar--key a.fix-cc-smart-card--accent:hover{box-shadow:0 1px 2px #f053232e,0 14px 34px #00000057}.dark .demo-pillar--key .clearity-side-panel{--key-volume-glass-perimeter:conic-gradient(from var(--key-volume-ring-angle), #6f9ae0 0%, #6f9ae0 36%, #f06824 52%, #f06824 82%, #6f9ae0 100%);--key-volume-ring-duration:10s;isolation:isolate;-webkit-backdrop-filter:blur(18px)saturate(120%);backdrop-filter:blur(18px)saturate(120%);background-image:linear-gradient(145deg,#899ec54d 0%,#4d5d7c57 38%,#263149c7 100%);background-position:0 0;background-size:auto;background-origin:border-box;background-clip:padding-box;border-color:#0000;animation:none;position:relative;box-shadow:inset 0 1px #ffffff29,inset 0 0 0 1px #9ab5e10b,0 18px 38px -28px #000000b8}.dark .demo-pillar--key .clearity-side-panel:before{content:none;background:0 0}.demo-pillar--key:not(.key-category-route) .clearity-side-panel:before{content:"";z-index:-1;pointer-events:none;border-radius:inherit;background:linear-gradient(#ffffff1a 0%,#ffffff06 24%,#0000 48%),linear-gradient(118deg,#0000 30%,#ffffff0e 47%,#0000 64%);position:absolute;inset:0}.dark .demo-pillar--key .clearity-side-panel:after{padding:var(--clearity-side-panel-border-width,1.5px);border-radius:calc(var(--clearity-side-panel-radius) - var(--clearity-side-panel-border-width,1.5px));background:var(--key-volume-glass-perimeter);background-position:0 0;background-size:auto;animation:none;inset:0}.dark .demo-pillar--key :not(.key-category-route) .clearity-side-panel:after{background:conic-gradient(from var(--key-volume-ring-angle), #6f9ae0 0%, #6f9ae0 36%, #f06824 52%, #f06824 82%, #6f9ae0 100%);animation:keyVolumeGlassPerimeterSpin var(--key-volume-ring-duration,10s) linear var(--fix-cc-master-delay,0s) infinite;will-change:background-image;animation-play-state:running}.dark .demo-pillar--key .clearity-side-panel__heading,.dark .demo-pillar--key .clearity-side-panel__row,.dark .demo-pillar--key .clearity-side-panel__row[aria-current=page] .clearity-side-panel__icon{color:#fff}.dark .demo-pillar--key .clearity-side-panel__icon{color:#ffffffe0}.dark .demo-pillar--key .clearity-side-panel__support-desc{color:#ffffffb8}.dark .demo-pillar--key a.fix-cc-smart-card:focus-visible,.dark .demo-pillar--key button.fix-cc-smart-card:focus-visible,.dark .demo-pillar--key .fix-cc-quick-card:focus-visible{outline-offset:2px;outline:2px solid #9ec1f0}.dark .demo-pillar--key header,.dark .demo-pillar--key .clearity-header-bar{background-color:#1b2438eb!important;border-bottom-color:#0000!important}.demo-pillar--key .fix-cc-ai-search__row:after,.demo-pillar--key .fix-cc-quick-card:after,.demo-pillar--key .fix-cc-workflow-card:after,.demo-pillar--key .fix-cc-smart-card:after{content:"";z-index:-1;pointer-events:none;border-radius:inherit;opacity:var(--fix-crystal-opacity);background-image:var(--fix-crystal-highlight), var(--fix-crystal-refraction), var(--fix-crystal-reflection);position:absolute;inset:0}.demo-pillar--key .fix-cc-ai-search__ring{--fix-cc-search-border:1.5px;box-shadow:0 1px 2px #1284ee0d,0 3px 8px -3px #1284ee12,0 12px 30px -14px #1284ee24}.demo-pillar--key .fix-cc-ai-search__row{isolation:isolate;--fix-crystal-highlight:linear-gradient(180deg, #fff 0%, #ffffff8f 20%, #fff0 52%);--fix-crystal-refraction:linear-gradient(116deg, #fff0 28%, #ffffff9e 47%, #fff0 66%);--fix-crystal-reflection:radial-gradient(132% 88% at 50% 124%, #1284ee13 0%, #1284ee00 74%);overflow:hidden;box-shadow:inset 0 1px #fff,inset 0 2px 3px -2px #ffffffe6,inset 0 -1px #1284ee12}.demo-pillar--key .fix-cc-ai-search--focused .fix-cc-ai-search__row{box-shadow:inset 0 1px #fff,inset 0 2px 4px -2px #fffffff2,inset 0 -1px #1284ee17}.demo-pillar--key .fix-cc-ai-search__input::placeholder{color:var(--clearity-dark-blue)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .fix-cc-ai-search__input::placeholder{color:color-mix(in srgb, var(--clearity-dark-blue) 52%, transparent)}}.demo-pillar--key .fix-cc-ai-search__input::placeholder{font-weight:500}.demo-pillar--key .fix-cc-quick-card{isolation:isolate;border:var(--fix-hairline) solid transparent;background-color:var(--fix-surface);background-image:linear-gradient(var(--fix-surface), var(--fix-surface)), var(--fix-cc-outline-accent), var(--fix-cc-outline-base);background-origin:border-box;background-clip:padding-box,border-box,border-box;background-size:auto, var(--fix-cc-outline-accent-size), 100% 100%;max-width:7.75rem;animation:fixCcOutlineAccent3 var(--fix-cc-cycle-duration,12s) linear var(--fix-cc-master-delay,0s) infinite;background-position:0 0,110% 0,0 0;border-radius:1.05rem;gap:.34rem;padding:.52rem .5rem .44rem;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;box-shadow:0 1px 2px #1284ee0a,0 10px 26px -12px #1284ee24}.demo-pillar--key .fix-cc-quick-card__orb{width:2.35rem;height:2.35rem;color:#fff!important;background-color:var(--fix-key-icon-fill,#1284ee)!important;border:1px solid var(--clearity-orange)!important;box-shadow:none!important}.demo-pillar--key .fix-cc-quick-card__orb:before{content:none;display:none}.demo-pillar--key .fix-cc-quick-card .fix-cc-quick-card__icon{width:1.1rem;height:1.1rem}.demo-pillar--key .fix-cc-quick-card__orb svg,.demo-pillar--key .fix-cc-quick-card__orb svg *{color:#fff!important;stroke:currentColor!important}.demo-pillar--key .fix-cc-quick-card:hover .fix-cc-quick-card__orb,.demo-pillar--key .fix-cc-quick-card:focus-visible .fix-cc-quick-card__orb,.demo-pillar--key .fix-cc-quick-card[aria-current=page] .fix-cc-quick-card__orb,.demo-pillar--key .fix-cc-quick-card:active .fix-cc-quick-card__orb{box-shadow:none;color:#fff!important;background-color:#f05323!important;border-color:#fff!important}.demo-pillar--key .fix-cc-quick-card:hover{box-shadow:0 2px 4px #1284ee0d,0 16px 32px -12px #1284ee2e}.demo-pillar--key .fix-cc-workflow-card{isolation:isolate;border-width:var(--fix-hairline)}.demo-pillar--key .fix-cc-workflow-card__icon.fix-cc-icon-ring{opacity:1;color:#fff;background-color:var(--fix-key-icon-fill,#1284ee);border:1px solid var(--clearity-orange);transition:background-color .22s,border-color .22s,color .22s}.demo-pillar--key .fix-cc-workflow-card__icon.fix-cc-icon-ring:before{content:none;display:none}.demo-pillar--key .fix-cc-workflow-card__icon.fix-cc-icon-ring svg,.demo-pillar--key .fix-cc-workflow-card__icon.fix-cc-icon-ring svg *{color:#fff;stroke:currentColor}.demo-pillar--key .fix-cc-workflow-card:hover .fix-cc-workflow-card__icon.fix-cc-icon-ring{color:#fff;background-color:#f05323;border-color:#fff}.demo-pillar--key .fix-cc-smart-card{isolation:isolate;border-width:var(--fix-hairline);padding:1.2rem 1.3rem;position:relative;overflow:hidden}.demo-pillar--key .fix-cc-smart-card>*{z-index:1;position:relative}.demo-pillar--key .fix-cc-smart-card__orb{color:#fff!important;background-color:var(--fix-key-icon-fill,#1284ee)!important;border:1px solid var(--clearity-orange)!important;box-shadow:none!important}.demo-pillar--key .fix-cc-smart-card__orb:before{content:none;display:none}.demo-pillar--key .fix-cc-smart-card__orb svg,.demo-pillar--key .fix-cc-smart-card__orb svg *{color:#fff!important;stroke:currentColor!important}.demo-pillar--key a.fix-cc-smart-card:hover .fix-cc-smart-card__orb,.demo-pillar--key button.fix-cc-smart-card:hover .fix-cc-smart-card__orb,.demo-pillar--key div.fix-cc-smart-card:hover .fix-cc-smart-card__orb{box-shadow:none;color:#fff!important;background-color:#f05323!important;border-color:#fff!important}.dark .demo-pillar--key,.demo-pillar--key.dark{--fix-page-surface:#10151f;--fix-key-icon-fill:#33528c}.dark .demo-pillar--key .fix-cc-quick-card:after,.dark .demo-pillar--key .fix-cc-workflow-card:after,.dark .demo-pillar--key .fix-cc-smart-card:after,.demo-pillar--key.dark .fix-cc-quick-card:after,.demo-pillar--key.dark .fix-cc-workflow-card:after,.demo-pillar--key.dark .fix-cc-smart-card:after{background-image:linear-gradient(#ffffff1a 0%,#fff0 44%),linear-gradient(116deg,#fff0 32%,#ffffff0f 47%,#fff0 63%),radial-gradient(128% 84% at 50% 122%,#0000002e 0%,#0000 72%)}.dark .demo-pillar--key .fix-cc-quick-card__orb,.dark .demo-pillar--key .fix-cc-quick-card__orb svg,.dark .demo-pillar--key .fix-cc-quick-card__orb svg *,.demo-pillar--key.dark .fix-cc-quick-card__orb,.demo-pillar--key.dark .fix-cc-quick-card__orb svg,.demo-pillar--key.dark .fix-cc-quick-card__orb svg *,.dark .demo-pillar--key .fix-cc-smart-card__orb,.dark .demo-pillar--key .fix-cc-smart-card__orb svg,.dark .demo-pillar--key .fix-cc-smart-card__orb svg *,.demo-pillar--key.dark .fix-cc-smart-card__orb,.demo-pillar--key.dark .fix-cc-smart-card__orb svg *,.dark .demo-pillar--key .fix-cc-workflow-card__icon.fix-cc-icon-ring,.dark .demo-pillar--key .fix-cc-workflow-card__icon.fix-cc-icon-ring svg,.dark .demo-pillar--key .fix-cc-workflow-card__icon.fix-cc-icon-ring svg *,.demo-pillar--key.dark .fix-cc-workflow-card__icon.fix-cc-icon-ring,.demo-pillar--key.dark .fix-cc-workflow-card__icon.fix-cc-icon-ring svg *,.demo-pillar--key.dark .fix-cc-workflow-card__icon.fix-cc-icon-ring svg *{color:#fff!important;stroke:#fff!important}.dark .demo-pillar--key .fix-cc-quick-card__orb,.demo-pillar--key.dark .fix-cc-quick-card__orb,.dark .demo-pillar--key .fix-cc-smart-card__orb,.demo-pillar--key.dark .fix-cc-smart-card__orb,.dark .demo-pillar--key .fix-cc-workflow-card__icon.fix-cc-icon-ring,.demo-pillar--key.dark .fix-cc-workflow-card__icon.fix-cc-icon-ring{background-color:var(--fix-key-icon-fill,#33528c)!important;border:1px solid var(--clearity-orange)!important}.dark .demo-pillar--key .fix-cc-quick-card:hover .fix-cc-quick-card__orb,.demo-pillar--key.dark .fix-cc-quick-card:hover .fix-cc-quick-card__orb,.dark .demo-pillar--key a.fix-cc-smart-card:hover .fix-cc-smart-card__orb,.dark .demo-pillar--key button.fix-cc-smart-card:hover .fix-cc-smart-card__orb,.dark .demo-pillar--key div.fix-cc-smart-card:hover .fix-cc-smart-card__orb,.demo-pillar--key.dark a.fix-cc-smart-card:hover .fix-cc-smart-card__orb,.demo-pillar--key.dark button.fix-cc-smart-card:hover .fix-cc-smart-card__orb,.demo-pillar--key.dark div.fix-cc-smart-card:hover .fix-cc-smart-card__orb,.dark .demo-pillar--key .fix-cc-workflow-card:hover .fix-cc-workflow-card__icon.fix-cc-icon-ring,.demo-pillar--key.dark .fix-cc-workflow-card:hover .fix-cc-workflow-card__icon.fix-cc-icon-ring{background-color:#f05323!important;border-color:#fff!important}.demo-pillar--key .clearity-ai-portal-host{z-index:90;pointer-events:none;position:fixed;bottom:0;right:0}.demo-pillar--key .clearity-ai-portal-host--closed{width:164px;height:72px}.demo-pillar--key .clearity-ai-portal{pointer-events:auto;background:0 0;border:0;transition:width .26s cubic-bezier(.2,.8,.2,1),height .26s cubic-bezier(.2,.8,.2,1);display:block;position:absolute;bottom:0;right:0}.demo-pillar--key .clearity-ai-portal--closed{z-index:1;opacity:0;width:164px;height:72px}.demo-pillar--key .clearity-ai-portal--compact,.demo-pillar--key .clearity-ai-portal--expanded{opacity:1;background:0 0;position:fixed;overflow:hidden}.demo-pillar--key .fix-cc-ai-pill--launcher{--fix-surface:#fff;--fix-crystal-highlight:linear-gradient(180deg, #fffffff2 0%, #ffffff6b 18%, #fff0 46%);--fix-crystal-refraction:linear-gradient(116deg, #fff0 30%, #ffffff80 47%, #fff0 64%);--fix-crystal-opacity:1;--fix-hairline:1px;z-index:2;pointer-events:auto;cursor:pointer;font:inherit;border:var(--fix-hairline) solid #1284ee57;background-color:var(--fix-surface,#fff);border-radius:9999px;margin:0;padding:.5rem .95rem;position:absolute;top:auto;bottom:1.125rem;right:1.25rem;box-shadow:inset 0 1px #ffffffe6,0 1px 2px #1284ee0a,0 8px 20px -10px #1284ee29}.demo-pillar--key .clearity-ai-portal-host--closed:hover .fix-cc-ai-pill--launcher,.demo-pillar--key .clearity-ai-portal-host--closed:focus-within .fix-cc-ai-pill--launcher,.demo-pillar--key button.fix-cc-ai-pill.fix-cc-ai-pill--launcher:hover,.demo-pillar--key button.fix-cc-ai-pill.fix-cc-ai-pill--launcher:focus-visible{border-color:#1284ee94;outline:none;transform:none;box-shadow:inset 0 1px #ffffffe6,0 1px 2px #1284ee0a,0 8px 20px -10px #1284ee29,0 0 0 1px #1284ee57,0 0 16px #1284ee7a,0 0 28px #1284ee47}.demo-pillar--key .fix-cc-ai-pill{isolation:isolate;border:var(--fix-hairline) solid #1284ee57;background-color:var(--fix-surface,#fff);border-radius:9999px;flex-shrink:0;align-items:center;gap:.4rem;padding:.5rem .95rem;text-decoration:none;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1),border-color .22s;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffe6,0 1px 2px #1284ee0a,0 8px 20px -10px #1284ee29}.demo-pillar--key button.fix-cc-ai-pill.fix-cc-ai-pill--launcher{position:absolute;top:auto}.demo-pillar--key .fix-cc-ai-pill:after{content:"";z-index:-1;pointer-events:none;border-radius:inherit;background-image:var(--fix-crystal-highlight), var(--fix-crystal-refraction);opacity:var(--fix-crystal-opacity);position:absolute;inset:0}.demo-pillar--key .fix-cc-ai-pill__logo{z-index:1;object-fit:contain;width:auto;height:1.15rem;display:block;position:relative}.dark .demo-pillar--key .fix-cc-ai-pill--launcher{--fix-surface:#1b2438;--fix-crystal-highlight:linear-gradient(180deg, #ffffff1a 0%, #fff0 44%);--fix-crystal-refraction:linear-gradient(116deg, #fff0 32%, #ffffff0f 47%, #fff0 63%);-webkit-backdrop-filter:blur(6px)saturate(115%);backdrop-filter:blur(6px)saturate(115%);background-color:#1b2438bd;border-color:#d2def629;box-shadow:inset 0 1px #ffffff21,inset 0 -1px #00000047,0 10px 24px -12px #0000008c}.dark .demo-pillar--key .clearity-ai-portal-host--closed:hover .fix-cc-ai-pill--launcher,.dark .demo-pillar--key .clearity-ai-portal-host--closed:focus-within .fix-cc-ai-pill--launcher,.dark .demo-pillar--key button.fix-cc-ai-pill.fix-cc-ai-pill--launcher:hover,.dark .demo-pillar--key button.fix-cc-ai-pill.fix-cc-ai-pill--launcher:focus-visible{border-color:#6f9ae085;transform:none;box-shadow:inset 0 1px #ffffff21,inset 0 -1px #00000047,0 10px 24px -12px #0000008c,0 0 0 1px #6f9ae061,0 0 16px #6f9ae085,0 0 28px #6f9ae052}.dark .demo-pillar--key .fix-cc-ai-pill--launcher .fix-cc-ai-pill__logo{filter:brightness(1.85)saturate(1.08)}.demo-pillar--key .key-guide{min-width:0;font-family:var(--clearity-font,inherit);padding-bottom:2.5rem}.demo-pillar--key .key-guide__header-top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.demo-pillar--key .key-guide__eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--clearity-orange,#f05323);font-size:.75rem;font-weight:600}.demo-pillar--key .key-guide__hero{flex-direction:column;align-items:center;width:100%;max-width:100%;margin-top:1rem;display:flex}@media (width>=1024px){.demo-pillar--key .key-guide__hero{--key-hero-shift:min(calc(var(--clearity-landing-gap,4.5rem) / 2), max(0px, calc((100% - min(100%, 576px)) / 2)));transform:translateX(calc(-1 * var(--key-hero-shift)))}}.demo-pillar--key .key-guide__phone{justify-content:center;width:100%;max-width:100%;margin:0;display:flex;overflow:hidden}.dark .demo-pillar--key .key-guide__header{box-shadow:none!important;background:0 0!important}.demo-pillar--key .key-guide__title{text-align:center;width:fit-content;max-width:100%;font-family:var(--clearity-font,inherit);letter-spacing:-.03em;border:0;margin:.75rem auto 0;padding:0;font-size:clamp(2.5rem,4.2vw,3.75rem);font-weight:600;display:block}.demo-pillar--key .clearity-flow-title{--clearity-flow-title-base:linear-gradient(90deg, #1284ee 0%, #1284ee 100%);--clearity-flow-title-shimmer:linear-gradient(118deg, transparent 0%, transparent 42%, #f0682433 46.8%, #f0682494 49%, #f06824 50%, #f0682494 51%, #f0682433 53.2%, transparent 58%, transparent 100%);text-align:center;background-size:280% 280%,100% 100%;background-position:var(--fix-cc-shimmer-x) 42%, 0 0;background-repeat:no-repeat,no-repeat;width:fit-content;max-width:100%;margin-bottom:-.12em;margin-left:auto;margin-right:auto;padding-bottom:.12em;line-height:1.12;display:block;overflow:visible;background-color:#0000!important;background-image:var(--clearity-flow-title-shimmer), var(--clearity-flow-title-base)!important;color:#0000!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important}.demo-pillar--key .key-guide__title--category{--clearity-flow-title-shimmer:linear-gradient(118deg, transparent 0%, transparent 42%, var(--clearity-orange,#f05323) 46.8%, var(--clearity-orange,#f05323) 49%, var(--clearity-orange,#f05323) 50%, var(--clearity-orange,#f05323) 51%, var(--clearity-orange,#f05323) 53.2%, transparent 58%, transparent 100%)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .key-guide__title--category{--clearity-flow-title-shimmer:linear-gradient(118deg, transparent 0%, transparent 42%, color-mix(in srgb, var(--clearity-orange,#f05323) 20%, transparent) 46.8%, color-mix(in srgb, var(--clearity-orange,#f05323) 58%, transparent) 49%, var(--clearity-orange,#f05323) 50%, color-mix(in srgb, var(--clearity-orange,#f05323) 58%, transparent) 51%, color-mix(in srgb, var(--clearity-orange,#f05323) 20%, transparent) 53.2%, transparent 58%, transparent 100%)}}.dark .demo-pillar--key .clearity-flow-title,.demo-pillar--key.dark .clearity-flow-title{--clearity-flow-title-base:linear-gradient(90deg, #82b0ec 0%, #82b0ec 100%)}.demo-pillar--key .key-guide__subtitle{text-align:center;max-width:min(42rem,100%);color:var(--fix-ink-muted,#64748b);margin:.75rem auto 0;font-size:1rem;line-height:1.5}.demo-pillar--key .key-guide__info-grid{gap:1rem;margin-top:1.5rem;display:grid}@media (width>=768px){.demo-pillar--key .key-guide__info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.demo-pillar--key .key-guide__info-card{box-sizing:border-box;background-color:var(--fix-surface,#fff);background-image:linear-gradient(var(--fix-surface,#fff), var(--fix-surface,#fff)), var(--fix-cc-outline-accent), var(--fix-cc-outline-base);background-origin:border-box;background-clip:padding-box,border-box,border-box;background-size:auto, var(--fix-cc-outline-accent-size), 100% 100%;animation:fixCcOutlineAccent3 var(--fix-cc-cycle-duration,12s) linear var(--fix-cc-master-delay,0s) infinite;background-position:0 0,110% 0,0 0;border:1.75px solid #0000;border-radius:1.05rem;padding:1.25rem;position:relative;box-shadow:0 1px 2px #1284ee0b,0 12px 32px #1284ee11}.demo-pillar--key .key-guide__info-card--goal{background-color:var(--fix-outline-blue,#1284ee)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .key-guide__info-card--goal{background-color:color-mix(in srgb, var(--fix-outline-blue,#1284ee) 7%, var(--fix-surface,#fff))}}.demo-pillar--key .key-guide__info-card--goal{background-image:linear-gradient(var(--fix-outline-blue,#1284ee), var(--fix-outline-blue,#1284ee)), var(--fix-cc-outline-accent), var(--fix-cc-outline-base)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .key-guide__info-card--goal{background-image:linear-gradient(color-mix(in srgb, var(--fix-outline-blue,#1284ee) 7%, var(--fix-surface,#fff)), color-mix(in srgb, var(--fix-outline-blue,#1284ee) 7%, var(--fix-surface,#fff))), var(--fix-cc-outline-accent), var(--fix-cc-outline-base)}}.demo-pillar--key .key-guide__info-card__heading{letter-spacing:.08em;text-transform:uppercase;color:var(--fix-ink,#0d6fd4);align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;display:flex}.demo-pillar--key .key-guide__info-card--goal .key-guide__info-card__heading{color:var(--fix-ink-strong,#0a5bb0)}.demo-pillar--key .key-guide__info-card__body{color:var(--fix-ink-muted,#64748b);margin:.5rem 0 0;font-size:.875rem;line-height:1.55}.demo-pillar--key .key-guide__info-card--goal .key-guide__info-card__body{color:var(--fix-ink,#0d6fd4)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .key-guide__info-card--goal .key-guide__info-card__body{color:color-mix(in srgb, var(--fix-ink,#0d6fd4) 82%, var(--fix-ink-muted,#64748b))}}.demo-pillar--key .key-guide__controls{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.demo-pillar--key .key-guide__control{box-sizing:border-box;isolation:isolate;color:var(--fix-ink,#0d6fd4);background-color:var(--fix-surface,#fff);background-image:linear-gradient(var(--fix-surface,#fff), var(--fix-surface,#fff)), var(--fix-cc-outline-accent), var(--fix-cc-outline-base);background-origin:border-box;background-clip:padding-box,border-box,border-box;background-size:auto, var(--fix-cc-outline-accent-size), 100% 100%;animation:fixCcOutlineAccent3 var(--fix-cc-cycle-duration,12s) linear var(--fix-cc-master-delay,0s) infinite;cursor:pointer;background-position:0 0,110% 0,0 0;border:1.5px solid #0000;border-radius:.625rem;align-items:center;gap:.375rem;padding:.375rem .75rem;font-family:inherit;font-size:.75rem;font-weight:600;line-height:1.2;text-decoration:none;transition:color .18s,background-color .18s,box-shadow .18s;display:inline-flex;position:relative;box-shadow:0 1px 2px #1284ee0a}.demo-pillar--key .key-guide__control:hover{color:var(--fix-ink-strong,#0a5bb0);background-color:var(--fix-outline-blue,#1284ee)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .key-guide__control:hover{background-color:color-mix(in srgb, var(--fix-outline-blue,#1284ee) 6%, var(--fix-surface,#fff))}}.demo-pillar--key .key-guide__control:hover{background-image:linear-gradient(var(--fix-outline-blue,#1284ee), var(--fix-outline-blue,#1284ee)), var(--fix-cc-outline-accent), var(--fix-cc-outline-base)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .key-guide__control:hover{background-image:linear-gradient(color-mix(in srgb, var(--fix-outline-blue,#1284ee) 6%, var(--fix-surface,#fff)), color-mix(in srgb, var(--fix-outline-blue,#1284ee) 6%, var(--fix-surface,#fff))), var(--fix-cc-outline-accent), var(--fix-cc-outline-base)}}.demo-pillar--key .key-guide__control:hover{box-shadow:0 2px 8px #1284ee14}.demo-pillar--key .key-guide__control:focus-visible{outline:2px solid var(--fix-outline-blue,#1284ee)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .key-guide__control:focus-visible{outline:2px solid color-mix(in srgb, var(--fix-outline-blue,#1284ee) 55%, #f05323)}}.demo-pillar--key .key-guide__control:focus-visible{outline-offset:2px}.demo-pillar--key .key-guide__steps{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.demo-pillar--key .key-guide__step-card{box-sizing:border-box;background-color:var(--fix-surface,#fff);background-image:linear-gradient(var(--fix-surface,#fff), var(--fix-surface,#fff)), var(--fix-cc-outline-accent), var(--fix-cc-outline-base);background-origin:border-box;background-clip:padding-box,border-box,border-box;background-size:auto, var(--fix-cc-outline-accent-size), 100% 100%;animation:fixCcOutlineAccent3 var(--fix-cc-cycle-duration,12s) linear var(--fix-cc-master-delay,0s) infinite;background-position:0 0,110% 0,0 0;border:1.75px solid #0000;border-radius:1.05rem;position:relative;overflow:hidden;box-shadow:0 1px 2px #1284ee0b,0 12px 32px #1284ee11}.demo-pillar--key .key-guide__step-card--focused{background-color:var(--clearity-orange,#f05323)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .key-guide__step-card--focused{background-color:color-mix(in srgb, var(--clearity-orange,#f05323) 6%, var(--fix-surface,#fff))}}.demo-pillar--key .key-guide__step-card--focused{background-image:linear-gradient(var(--clearity-orange,#f05323), var(--clearity-orange,#f05323)), var(--fix-cc-outline-accent), var(--fix-cc-outline-base)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .key-guide__step-card--focused{background-image:linear-gradient(color-mix(in srgb, var(--clearity-orange,#f05323) 6%, var(--fix-surface,#fff)), color-mix(in srgb, var(--clearity-orange,#f05323) 6%, var(--fix-surface,#fff))), var(--fix-cc-outline-accent), var(--fix-cc-outline-base)}}.demo-pillar--key .key-guide__step-layout{align-items:stretch;display:flex}.demo-pillar--key .key-guide__step-rail{box-sizing:border-box;background:var(--fix-outline-blue,#1284ee);flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:center;gap:.5rem;width:3.75rem;padding:1rem .5rem;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .key-guide__step-rail{background:color-mix(in srgb, var(--fix-outline-blue,#1284ee) 8%, var(--fix-surface-soft,var(--fix-surface,#fff)))}}.demo-pillar--key .key-guide__step-rail{border-right:1px solid var(--fix-outline-blue,#1284ee)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .key-guide__step-rail{border-right:1px solid color-mix(in srgb, var(--fix-outline-blue,#1284ee) 14%, transparent)}}.demo-pillar--key .key-guide__step-rail:before{content:"";background:linear-gradient(180deg, var(--fix-outline-blue,#1284ee) 0%, #f05323 100%);width:3px;position:absolute;top:0;bottom:0;left:0}.demo-pillar--key .key-guide__step-number{color:var(--fix-ink-strong,#0a5bb0);font-size:1.125rem;font-weight:700;line-height:1}.demo-pillar--key .key-guide__step-icon.fix-cc-icon-ring{width:1.75rem;height:1.75rem;color:var(--fix-ink,#0d6fd4)}.demo-pillar--key .key-guide__step-body{flex:auto;min-width:0;padding:1.25rem 1.5rem}@media (width>=1024px){.demo-pillar--key .key-guide__step-body{padding:1.5rem}}.demo-pillar--key .key-guide__step-title{letter-spacing:-.015em;color:var(--fix-ink-strong,#0a5bb0);margin:0;font-size:1.125rem;font-weight:600}.demo-pillar--key .key-guide__step-intent,.demo-pillar--key .key-guide__step-detail{color:var(--fix-ink-muted,#64748b);white-space:pre-line;margin:.375rem 0 0;font-size:.875rem;line-height:1.55}.demo-pillar--key .key-guide__section-title-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.demo-pillar--key .key-guide__selected-badge{letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--clearity-orange,#f05323);border-radius:.375rem;align-items:center;padding:.125rem .5rem;font-size:.625rem;font-weight:700;display:inline-flex}.demo-pillar--key .key-guide__section-steps{margin-top:.75rem}.demo-pillar--key .key-guide__section-step+.key-guide__section-step{margin-top:.5rem}.demo-pillar--key .key-guide__section-step-title{color:var(--fix-ink-strong,#0a5bb0);font-size:.875rem;font-weight:600}.demo-pillar--key .key-guide__section-step-detail{color:var(--fix-ink-muted,#64748b);white-space:pre-line;margin-top:.25rem;font-size:.8125rem;line-height:1.5}.demo-pillar--key .key-guide__key-actions{gap:1rem;margin-top:1rem;display:grid}@media (width>=640px){.demo-pillar--key .key-guide__key-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.demo-pillar--key .key-guide__key-actions{grid-template-columns:repeat(4,minmax(0,1fr))}}.demo-pillar--key .key-guide__key-action{align-items:flex-start;gap:.75rem;display:flex}.demo-pillar--key .key-guide__key-action-icon{width:2.5rem;height:2.5rem;color:var(--fix-ink,#0d6fd4);background:var(--fix-outline-blue,#1284ee);border-radius:.75rem;flex-shrink:0;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .key-guide__key-action-icon{background:color-mix(in srgb, var(--fix-outline-blue,#1284ee) 12%, var(--fix-surface,#fff))}}.demo-pillar--key .key-guide__key-action-title{color:var(--fix-ink-strong,#0a5bb0);font-size:.875rem;font-weight:700}.demo-pillar--key .key-guide__key-action-body{color:var(--fix-ink-muted,#64748b);margin-top:.125rem;font-size:.8125rem;line-height:1.4}.demo-pillar--key .key-guide__nav-paths{flex-direction:column;gap:.75rem;margin-top:.75rem;display:flex}.demo-pillar--key .key-guide__nav-path{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.demo-pillar--key .key-guide__nav-label{letter-spacing:.08em;text-transform:uppercase;color:var(--clearity-orange,#f05323);font-size:.6875rem;font-weight:600}.demo-pillar--key .key-guide__nav-crumbs{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}.demo-pillar--key .key-guide__nav-crumb-wrap{align-items:center;gap:.375rem;display:inline-flex}.demo-pillar--key .key-guide__nav-crumb{border:1px solid var(--fix-outline-blue,#1284ee);border-radius:.625rem;align-items:center;padding:.375rem .75rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .key-guide__nav-crumb{border:1px solid color-mix(in srgb, var(--fix-outline-blue,#1284ee) 16%, transparent)}}.demo-pillar--key .key-guide__nav-crumb{background:var(--fix-surface-soft,#f8fafc);color:var(--fix-ink-strong,#0a5bb0);font-size:.875rem;font-weight:500}.demo-pillar--key .key-guide__nav-crumb--end{border-color:var(--clearity-orange,#f05323)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .key-guide__nav-crumb--end{border-color:color-mix(in srgb, var(--clearity-orange,#f05323) 40%, transparent)}}.demo-pillar--key .key-guide__nav-crumb--end{background:var(--clearity-orange,#f05323)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .key-guide__nav-crumb--end{background:color-mix(in srgb, var(--clearity-orange,#f05323) 10%, var(--fix-surface,#fff))}}.demo-pillar--key .key-guide__nav-crumb--end{color:var(--clearity-orange,#f05323)}.demo-pillar--key .key-guide__nav-chevron{width:1rem;height:1rem;color:var(--clearity-orange,#f05323)}.demo-pillar--key .key-guide__bullet-list{color:var(--fix-ink,#0d6fd4);flex-direction:column;gap:.375rem;margin:0;padding:0;font-size:.875rem;list-style:none;display:flex}.demo-pillar--key .key-guide__bullet{align-items:flex-start;gap:.5rem;display:flex}.demo-pillar--key .key-guide__bullet:before{content:"";background:var(--clearity-orange,#f05323);border-radius:9999px;flex-shrink:0;width:.375rem;height:.375rem;margin-top:.45rem}.demo-pillar--key .key-guide__callouts{gap:.5rem;margin-top:.75rem;display:grid}.demo-pillar--key .key-guide__callout{border:1px solid var(--fix-outline-blue,#1284ee);border-radius:.875rem;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;display:flex}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .key-guide__callout{border:1px solid color-mix(in srgb, var(--fix-outline-blue,#1284ee) 14%, transparent)}}.demo-pillar--key .key-guide__callout{background:var(--fix-outline-blue,#1284ee)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .key-guide__callout{background:color-mix(in srgb, var(--fix-outline-blue,#1284ee) 5%, var(--fix-surface,#fff))}}.demo-pillar--key .key-guide__callout-icon{color:var(--clearity-orange,#f05323);flex-shrink:0;margin-top:.125rem}.demo-pillar--key .key-guide__callout-text{color:var(--fix-ink-muted,#64748b);font-size:.8125rem;line-height:1.5}.demo-pillar--key .key-guide__callout-label{color:var(--clearity-orange,#f05323);font-weight:700}.demo-pillar--key .key-guide__references{gap:1rem;margin-top:2rem;display:grid}@media (width>=768px){.demo-pillar--key .key-guide__references{grid-template-columns:repeat(2,minmax(0,1fr))}}.demo-pillar--key .key-guide__reference-card{border:1px solid var(--fix-outline-blue,#1284ee);border-radius:1.05rem;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .key-guide__reference-card{border:1px solid color-mix(in srgb, var(--fix-outline-blue,#1284ee) 14%, transparent)}}.demo-pillar--key .key-guide__reference-card{background:var(--fix-surface,#fff);box-shadow:0 1px 2px #1284ee0a,0 8px 24px #1284ee0d}.demo-pillar--key .key-guide__reference-card__bar{height:3px}.demo-pillar--key .key-guide__reference-card__bar--accent{background:var(--clearity-orange,#f05323)}.demo-pillar--key .key-guide__reference-card__bar--warning{background:var(--warning,#f59e0b)}.demo-pillar--key .key-guide__reference-card__bar--muted{background:linear-gradient(90deg, var(--fix-outline-blue,#1284ee) 0%, #f05323 100%)}.demo-pillar--key .key-guide__reference-card__body{padding:1.25rem}.demo-pillar--key .key-guide__reference-card__title{color:var(--fix-ink-strong,#0a5bb0);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.875rem;font-weight:600;display:flex}.demo-pillar--key .key-guide__details-grid{gap:.75rem;display:grid}.demo-pillar--key .key-guide__detail-block{background:var(--fix-surface-soft,#f8fafc);border-radius:.75rem;padding:.875rem}.demo-pillar--key .key-guide__detail-heading{color:var(--fix-ink-strong,#0a5bb0);margin-bottom:.5rem;font-size:.8125rem;font-weight:700}.demo-pillar--key .key-guide__detail-item{font-size:.8125rem;line-height:1.45}.demo-pillar--key .key-guide__detail-label{color:var(--fix-ink-strong,#0a5bb0);font-weight:600}.demo-pillar--key .key-guide__detail-value{color:var(--clearity-orange,#f05323);font-weight:500}.demo-pillar--key .key-guide__detail-note{color:var(--fix-ink-muted,#64748b);margin-top:.25rem}.demo-pillar--key .key-guide__resource-links{flex-wrap:wrap;gap:.5rem;display:flex}.demo-pillar--key .key-guide__resource-link{border:1px solid var(--fix-outline-blue,#1284ee);border-radius:.625rem;align-items:center;gap:.375rem;padding:.5rem .75rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .key-guide__resource-link{border:1px solid color-mix(in srgb, var(--fix-outline-blue,#1284ee) 16%, transparent)}}.demo-pillar--key .key-guide__resource-link{background:var(--fix-surface-soft,#f8fafc);color:var(--fix-ink-strong,#0a5bb0);font-size:.875rem;font-weight:500;text-decoration:none}.demo-pillar--key .key-guide__resource-link--accent{border-color:var(--clearity-orange,#f05323)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .key-guide__resource-link--accent{border-color:color-mix(in srgb, var(--clearity-orange,#f05323) 40%, transparent)}}.demo-pillar--key .key-guide__resource-link--accent{background:var(--clearity-orange,#f05323)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .key-guide__resource-link--accent{background:color-mix(in srgb, var(--clearity-orange,#f05323) 10%, var(--fix-surface,#fff))}}.demo-pillar--key .key-guide__resource-link--accent{color:var(--clearity-orange,#f05323);font-weight:600}.demo-pillar--key .key-guide__resource-link--accent:hover{background:var(--clearity-orange,#f05323);color:#fff}.demo-pillar--key .key-guide__escalation{border:1px solid var(--clearity-orange,#f05323);border-radius:.75rem;align-items:flex-start;gap:.625rem;padding:.75rem;display:flex}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .key-guide__escalation{border:1px solid color-mix(in srgb, var(--clearity-orange,#f05323) 30%, transparent)}}.demo-pillar--key .key-guide__escalation{border-left:4px solid var(--clearity-orange,#f05323);background:var(--clearity-orange,#f05323)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .key-guide__escalation{background:color-mix(in srgb, var(--clearity-orange,#f05323) 8%, var(--fix-surface,#fff))}}.demo-pillar--key .key-guide__escalation--spaced{margin-top:1rem}.demo-pillar--key .key-guide__escalation-icon{color:#fff;background:var(--clearity-orange,#f05323);border-radius:.5rem;flex-shrink:0;place-items:center;width:2rem;height:2rem;display:grid}.demo-pillar--key .key-guide__escalation-label{letter-spacing:.16em;text-transform:uppercase;color:var(--clearity-orange,#f05323);font-size:.625rem;font-weight:700}.demo-pillar--key .key-guide__escalation-body{color:var(--fix-ink-muted,#64748b);white-space:pre-line;margin:.25rem 0 0;font-size:.8125rem;line-height:1.5}.demo-pillar--key .volume-workspace{gap:1rem;display:grid}.demo-pillar--key .volume-workspace__method,.demo-pillar--key .volume-workspace__panel,.demo-pillar--key .volume-workspace__reference{border:1px solid var(--fix-outline-blue,#1284ee)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .volume-workspace__method,.demo-pillar--key .volume-workspace__panel,.demo-pillar--key .volume-workspace__reference{border:1px solid color-mix(in srgb, var(--fix-outline-blue,#1284ee) 18%, transparent)}}.demo-pillar--key .volume-workspace__method,.demo-pillar--key .volume-workspace__panel,.demo-pillar--key .volume-workspace__reference{-webkit-backdrop-filter:blur(14px)saturate(125%);backdrop-filter:blur(14px)saturate(125%);background:linear-gradient(135deg,#ffffffdb,#ebf6ff9e);border-radius:1rem;box-shadow:inset 0 1px #ffffffeb,inset 0 0 0 1px #fff3,0 14px 30px -24px #1284ee6b}.demo-pillar--key .volume-workspace__method{grid-template-columns:repeat(4,minmax(0,1fr));padding:1rem 0;display:grid}.demo-pillar--key .volume-workspace__method-item{align-items:center;gap:.75rem;min-width:0;padding:0 1rem;display:flex}.demo-pillar--key .volume-workspace__method-item+.volume-workspace__method-item{border-left:1px solid var(--fix-outline-blue,#1284ee)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .volume-workspace__method-item+.volume-workspace__method-item{border-left:1px solid color-mix(in srgb, var(--fix-outline-blue,#1284ee) 14%, transparent)}}.demo-pillar--key .volume-workspace__method-icon{color:#fff;background:linear-gradient(145deg,#1284ee,#0870da);border-radius:.75rem;flex:none;place-items:center;width:2.75rem;height:2.75rem;display:grid;box-shadow:0 5px 12px #1284ee2e}.demo-pillar--key .volume-workspace__method-icon svg{width:1.35rem;height:1.35rem}.demo-pillar--key .volume-workspace__method h2,.demo-pillar--key .volume-workspace__method p,.demo-pillar--key .volume-workspace__sequence h3,.demo-pillar--key .volume-workspace__sequence p,.demo-pillar--key .volume-workspace__summary,.demo-pillar--key .volume-workspace__escalation p{margin:0}.demo-pillar--key .volume-workspace__method h2{color:var(--fix-ink-strong,#0a5bb0);font-size:.875rem;font-weight:700;line-height:1.3}.demo-pillar--key .volume-workspace__method p{color:var(--fix-ink-muted,#64748b);margin-top:.2rem;font-size:.75rem;line-height:1.4}.demo-pillar--key .volume-workspace__training-grid{grid-template-columns:minmax(0,1.18fr) minmax(14rem,.92fr) minmax(14rem,.92fr);align-items:stretch;gap:1rem;display:grid}.demo-pillar--key .volume-workspace__workflows-block{gap:.85rem;display:grid}.demo-pillar--key .volume-workspace__workflows-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.7rem 1rem;display:flex}.demo-pillar--key .volume-workspace__workflows-heading .volume-workspace__section-heading{margin:0}.demo-pillar--key .volume-workspace__workflow-global-controls{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.demo-pillar--key .volume-workspace__mode-selector{border:1px solid var(--fix-outline-blue,#1284ee);align-items:center;gap:.2rem;padding:.2rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .volume-workspace__mode-selector{border:1px solid color-mix(in srgb, var(--fix-outline-blue,#1284ee) 18%, transparent)}}.demo-pillar--key .volume-workspace__mode-selector{background:var(--fix-outline-blue,#1284ee);border-radius:.65rem}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .volume-workspace__mode-selector{background:color-mix(in srgb, var(--fix-outline-blue,#1284ee) 4%, transparent)}}.demo-pillar--key .volume-workspace__mode-selector button{min-height:1.8rem;color:var(--fix-ink-muted,#64748b);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.48rem;padding:.3rem .7rem;font-size:.75rem;font-weight:600;line-height:1.1;transition:border-color .16s,background-color .16s,color .16s}.demo-pillar--key .volume-workspace__mode-selector button:is(:hover,:focus-visible){color:var(--fix-ink,#0d6fd4)}.demo-pillar--key .volume-workspace__mode-selector button.is-selected{border-color:var(--fix-outline-blue,#1284ee)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .volume-workspace__mode-selector button.is-selected{border-color:color-mix(in srgb, var(--fix-outline-blue,#1284ee) 26%, transparent)}}.demo-pillar--key .volume-workspace__mode-selector button.is-selected{color:var(--fix-ink-strong,#0a5bb0);background:var(--fix-surface,#fff);box-shadow:0 1px 3px #1284ee1a}.demo-pillar--key .volume-workspace__workflows{align-items:start;gap:1rem;display:grid}.demo-pillar--key .volume-workspace__workflows--contacts{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.demo-pillar--key .volume-workspace__workflows--tiled{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-pillar--key .volume-workspace__workflow-column{align-content:start;gap:1rem;min-width:0;display:grid}.demo-pillar--key .volume-workspace__workflow-title{letter-spacing:.04em;text-transform:uppercase;color:var(--fix-ink,#0d6fd4);flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.8rem;font-weight:700;line-height:1.25;display:flex}.demo-pillar--key .volume-workspace__workflow-header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.demo-pillar--key .volume-workspace__workflow-header>div{min-width:0}.demo-pillar--key .volume-workspace__workflow-header .volume-workspace__workflow-title{margin-bottom:0}.demo-pillar--key .volume-workspace__workflow-subtitle{color:var(--fix-ink-muted,#64748b);text-wrap:pretty;margin:.3rem 0 0;font-size:.75rem;line-height:1.4}.demo-pillar--key .volume-workspace__workflow.is-open .volume-workspace__workflow-header{margin-bottom:.75rem}.demo-pillar--key .volume-workspace__workflow-start{flex:none}.demo-pillar--key .volume-workspace__workflow-title .volume-workspace__selected-badge{margin-left:auto}.demo-pillar--key .volume-workspace__workflow-title svg{flex:none;width:1rem;height:1rem}.demo-pillar--key .volume-workspace__workflow-note{border-top:1px solid var(--fix-outline-blue,#1284ee);margin:.65rem 0 0;padding-top:.65rem}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .volume-workspace__workflow-note{border-top:1px solid color-mix(in srgb, var(--fix-outline-blue,#1284ee) 11%, transparent)}}.demo-pillar--key .volume-workspace__support-stack{grid-template-rows:auto 1fr;gap:1rem;display:grid}.demo-pillar--key .volume-workspace__panel,.demo-pillar--key .volume-workspace__reference{padding:1.125rem}.demo-pillar--key .volume-workspace__section-heading{letter-spacing:.055em;text-transform:uppercase;color:var(--fix-ink,#0d6fd4);align-items:center;gap:.5rem;margin:0 0 .8rem;font-size:.75rem;font-weight:700;line-height:1.2;display:flex}.demo-pillar--key .volume-workspace__section-heading svg{flex:none;width:1rem;height:1rem}.demo-pillar--key .volume-workspace__sequence{margin:0;padding:0;list-style:none}.demo-pillar--key .volume-workspace__sequence li{grid-template-columns:2rem 3rem minmax(0,1fr);align-items:start;gap:.75rem;padding:.75rem 0;display:grid;position:relative}.demo-pillar--key .volume-workspace__sequence li:first-child{padding-top:0}.demo-pillar--key .volume-workspace__sequence li:last-child{padding-bottom:0}.demo-pillar--key .volume-workspace__sequence li+li{border-top:1px solid var(--fix-outline-blue,#1284ee)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .volume-workspace__sequence li+li{border-top:1px solid color-mix(in srgb, var(--fix-outline-blue,#1284ee) 11%, transparent)}}.demo-pillar--key .volume-workspace__sequence li:not(:last-child):after{content:"";background:var(--fix-outline-blue,#1284ee);width:1px;position:absolute;top:2.7rem;bottom:-.5rem;left:.96rem}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .volume-workspace__sequence li:not(:last-child):after{background:color-mix(in srgb, var(--fix-outline-blue,#1284ee) 42%, transparent)}}.demo-pillar--key .volume-workspace__sequence.volume-workspace__sequence--workflow>li{grid-template-columns:2rem minmax(0,1fr)}.demo-pillar--key .volume-workspace__sequence.volume-workspace__sequence--workflow>li:not(:last-child):after{top:2.35rem;left:.96rem}.demo-pillar--key .volume-workspace__sequence.volume-workspace__sequence--workflow h4{color:var(--fix-ink-strong,#0a5bb0);margin:0;font-size:.875rem;font-weight:700;line-height:1.35}.demo-pillar--key .volume-workspace__sequence.volume-workspace__sequence--workflow p{color:var(--fix-ink-muted,#64748b);margin:.25rem 0 0;font-size:.8125rem;line-height:1.5}.demo-pillar--key .volume-workspace__sequence-group{border-top:1px solid var(--fix-outline-blue,#1284ee);padding:.85rem 0 .15rem;display:block}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .volume-workspace__sequence-group{border-top:1px solid color-mix(in srgb, var(--fix-outline-blue,#1284ee) 11%, transparent)}}.demo-pillar--key .volume-workspace__sequence-group{list-style:none}.demo-pillar--key .volume-workspace__sequence-group:first-child{border-top:0;padding-top:0}.demo-pillar--key .volume-workspace__sequence-group:after{content:none}.demo-pillar--key .volume-workspace__sequence-group+li{border-top:0;padding-top:.55rem}.demo-pillar--key .volume-workspace__sequence-section{letter-spacing:.045em;text-transform:uppercase;color:var(--fix-ink,#0d6fd4);justify-content:space-between;align-items:center;gap:.75rem;font-size:.7rem;font-weight:700;line-height:1.3;display:flex}.demo-pillar--key .volume-workspace__selected-badge{letter-spacing:.04em;color:#fff;background:var(--clearity-orange,#f05323);border-radius:999px;flex:none;padding:.15rem .45rem;font-size:.62rem}.demo-pillar--key .volume-workspace__sequence-note{color:var(--fix-ink-muted,#64748b)!important;margin-top:.35rem!important;font-size:.75rem!important;line-height:1.45!important}.demo-pillar--key .volume-workspace__sequence-note strong{color:var(--clearity-orange,#f05323);font-weight:700}.demo-pillar--key .volume-workspace__training-grid--compact{grid-template-columns:minmax(14rem,1fr) minmax(14rem,1fr)}.demo-pillar--key .volume-workspace__training-grid--combined-support{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:start}.demo-pillar--key .volume-workspace__support-combined-section{border-top:1px solid var(--fix-outline-blue,#1284ee);margin-top:1rem;padding-top:1rem}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .volume-workspace__support-combined-section{border-top:1px solid color-mix(in srgb, var(--fix-outline-blue,#1284ee) 11%, transparent)}}.demo-pillar--key .volume-workspace__support-combined-section .volume-workspace__section-heading{margin-bottom:.8rem}.demo-pillar--key .volume-workspace__reference-notes{gap:.35rem;margin:.7rem 0 0;padding:0;list-style:none;display:grid}.demo-pillar--key .volume-workspace__reference-notes li{color:var(--fix-ink-muted,#64748b);font-size:.75rem;line-height:1.45}.demo-pillar--key .volume-workspace__reference-notes strong{color:var(--fix-ink-strong,#0a5bb0)}.demo-pillar--key .volume-workspace__sequence-number{z-index:1;color:#fff;background:#1284ee;border-radius:999px;place-items:center;width:2rem;height:2rem;font-size:.65rem;font-weight:800;display:grid;position:relative}.demo-pillar--key .volume-workspace__sequence-icon{color:#1284ee;background:#1284ee;border-radius:.75rem;place-items:center;width:3rem;height:3rem;display:grid}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .volume-workspace__sequence-icon{background:color-mix(in srgb, #1284ee 9%, var(--fix-surface,#fff))}}.demo-pillar--key .volume-workspace__sequence-icon svg{width:1.3rem;height:1.3rem}.demo-pillar--key .volume-workspace__sequence h3{color:var(--fix-ink-strong,#0a5bb0);font-size:.875rem;font-weight:700;line-height:1.35}.demo-pillar--key .volume-workspace__sequence p,.demo-pillar--key .volume-workspace__summary{color:var(--fix-ink-muted,#64748b);margin-top:.25rem;font-size:.8125rem;line-height:1.5}.demo-pillar--key .volume-workspace__bullets{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.demo-pillar--key .volume-workspace__bullets li{color:var(--fix-ink-muted,#64748b);padding-left:1rem;font-size:.8125rem;line-height:1.48;position:relative}.demo-pillar--key .volume-workspace__bullets li:before{content:"";background:var(--clearity-orange,#f05323);border-radius:999px;width:.35rem;height:.35rem;position:absolute;top:.48rem;left:0}.demo-pillar--key .volume-workspace__reference-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.demo-pillar--key .volume-workspace__reference-card{border:1px solid var(--fix-outline-blue,#1284ee);padding:.9rem}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .volume-workspace__reference-card{border:1px solid color-mix(in srgb, var(--fix-outline-blue,#1284ee) 14%, transparent)}}.demo-pillar--key .volume-workspace__reference-card{background:#ffffff80;border-radius:.75rem;box-shadow:inset 0 1px #ffffffb8}.demo-pillar--key .volume-workspace__reference-card--span-1{grid-column:span 1}.demo-pillar--key .volume-workspace__reference-card--span-2{grid-column:span 2}.demo-pillar--key .volume-workspace__reference-card--span-3{grid-column:span 3}.demo-pillar--key .volume-workspace__reference-card--span-4{grid-column:1/-1}.demo-pillar--key .volume-workspace__reference-card--wide{grid-column:span 2}.demo-pillar--key .volume-workspace__reference-card--hardware{grid-column:1/-1}@media (width>=768px){.demo-pillar--key .volume-workspace__reference-card--split dl{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:0}.demo-pillar--key .volume-workspace__reference-card--split dl>div{min-width:0;display:block}.demo-pillar--key .volume-workspace__reference-card--split dl>div:first-child{padding-right:.9rem}.demo-pillar--key .volume-workspace__reference-card--split dl>div+div{border-left:1px solid var(--fix-outline-blue,#1284ee);padding-left:.9rem}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .volume-workspace__reference-card--split dl>div+div{border-left:1px solid color-mix(in srgb, var(--fix-outline-blue,#1284ee) 14%, transparent)}}.demo-pillar--key .volume-workspace__reference-card--split .volume-workspace__reference-note{margin-top:.25rem}}.demo-pillar--key .volume-workspace__reference-card h3{letter-spacing:.04em;text-transform:uppercase;color:var(--fix-ink,#0d6fd4);align-items:center;gap:.45rem;margin:0 0 .65rem;font-size:.72rem;font-weight:700;line-height:1.3;display:flex}.demo-pillar--key .volume-workspace__reference-card h3 svg{flex:none;width:.9rem;height:.9rem}.demo-pillar--key .volume-workspace__reference-card dl,.demo-pillar--key .volume-workspace__reference-card dd{margin:0}.demo-pillar--key .volume-workspace__reference-card dl{gap:.48rem;display:grid}.demo-pillar--key .volume-workspace__reference-card dl>div{grid-template-columns:minmax(0,1fr) auto;gap:.25rem .6rem;font-size:.75rem;line-height:1.4;display:grid}.demo-pillar--key .volume-workspace__reference-card dt{color:var(--fix-ink-strong,#0a5bb0);font-weight:600}.demo-pillar--key .volume-workspace__reference-label{align-items:center;gap:.22rem;display:inline-flex}.demo-pillar--key .volume-workspace__reference-info{align-items:center;display:inline-flex;position:relative}.demo-pillar--key .volume-workspace__reference-info-trigger{border:1px solid var(--clearity-blue,#2385f5);justify-content:center;align-items:center;width:.85rem;height:.85rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .volume-workspace__reference-info-trigger{border:1px solid color-mix(in srgb, var(--clearity-blue,#2385f5) 26%, transparent)}}.demo-pillar--key .volume-workspace__reference-info-trigger{color:var(--fix-ink-strong,#0a5bb0);background:var(--fix-surface,#fff);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .volume-workspace__reference-info-trigger{background:color-mix(in srgb, var(--fix-surface,#fff) 92%, transparent)}}.demo-pillar--key .volume-workspace__reference-info-trigger{cursor:pointer;padding:0;line-height:1;transition:color .14s,border-color .14s}.demo-pillar--key .volume-workspace__reference-info-trigger svg{width:.68rem;height:.68rem}.demo-pillar--key .volume-workspace__reference-info-trigger:hover,.demo-pillar--key .volume-workspace__reference-info-trigger:focus-visible{border-color:var(--clearity-blue,#2385f5)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .volume-workspace__reference-info-trigger:hover,.demo-pillar--key .volume-workspace__reference-info-trigger:focus-visible{border-color:color-mix(in srgb, var(--clearity-blue,#2385f5) 42%, transparent)}}.demo-pillar--key .volume-workspace__reference-info-trigger:hover,.demo-pillar--key .volume-workspace__reference-info-trigger:focus-visible{color:var(--clearity-blue,#2385f5)}.demo-pillar--key .volume-workspace__reference-info-trigger:focus-visible{outline:2px solid var(--clearity-blue,#2385f5)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .volume-workspace__reference-info-trigger:focus-visible{outline:2px solid color-mix(in srgb, var(--clearity-blue,#2385f5) 28%, transparent)}}.demo-pillar--key .volume-workspace__reference-info-trigger:focus-visible{outline-offset:1px}.demo-pillar--key .volume-workspace__reference-info-tooltip{border:1px solid var(--clearity-blue,#2385f5);width:max-content;max-width:16rem;padding:.45rem .6rem;position:absolute;top:calc(100% + .35rem);left:0}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .volume-workspace__reference-info-tooltip{border:1px solid color-mix(in srgb, var(--clearity-blue,#2385f5) 18%, transparent)}}.demo-pillar--key .volume-workspace__reference-info-tooltip{background:var(--fix-surface,#fff);border-radius:.58rem}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .volume-workspace__reference-info-tooltip{background:color-mix(in srgb, var(--fix-surface,#fff) 96%, transparent)}}.demo-pillar--key .volume-workspace__reference-info-tooltip{color:var(--fix-ink-muted,#64748b);z-index:30;font-size:.72rem;line-height:1.45;box-shadow:0 10px 24px #0000001f}.demo-pillar--key .volume-workspace__reference-card dd:not(.volume-workspace__reference-note){text-align:right;color:var(--clearity-orange,#f05323);font-weight:700}.demo-pillar--key .volume-workspace__reference-note{color:var(--fix-ink-muted,#64748b);grid-column:1/-1}.demo-pillar--key .volume-workspace__lower-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;display:grid}.demo-pillar--key .volume-workspace__panel--span-5{grid-column:span 5}.demo-pillar--key .volume-workspace__panel--span-6{grid-column:span 6}.demo-pillar--key .volume-workspace__panel--span-7{grid-column:span 7}.demo-pillar--key .volume-workspace__panel--span-12{grid-column:span 12}.demo-pillar--key .volume-workspace__resources{grid-column:1/-1}.demo-pillar--key .volume-workspace__resource-links{flex-wrap:wrap;gap:.5rem;display:flex}.demo-pillar--key .volume-workspace__resource-links a,.demo-pillar--key .volume-workspace__resource-links span{border:1px solid var(--fix-outline-blue,#1284ee);align-items:center;gap:.4rem;padding:.48rem .7rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .volume-workspace__resource-links a,.demo-pillar--key .volume-workspace__resource-links span{border:1px solid color-mix(in srgb, var(--fix-outline-blue,#1284ee) 16%, transparent)}}.demo-pillar--key .volume-workspace__resource-links a,.demo-pillar--key .volume-workspace__resource-links span{color:var(--fix-ink-strong,#0a5bb0);background:#ffffff7a;border-radius:.55rem;font-size:.75rem;font-weight:600;line-height:1.35;text-decoration:none;transition:border-color .18s,color .18s;box-shadow:inset 0 1px #ffffffb3}.demo-pillar--key.key-category-route .volume-workspace__resource-links :is(a,span):hover{border-color:var(--clearity-orange,#f05323);color:var(--clearity-orange,#f05323)}.demo-pillar--key .volume-workspace__resource-links svg{flex:none;width:.85rem;height:.85rem}.demo-pillar--key .volume-workspace__escalation{background:var(--clearity-orange,#f05323);border-radius:.65rem;margin-top:1rem;padding:.8rem 1rem}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .volume-workspace__escalation{background:color-mix(in srgb, var(--clearity-orange,#f05323) 7%, var(--fix-surface,#fff))}}.demo-pillar--key .volume-workspace__escalation strong{letter-spacing:.05em;text-transform:uppercase;color:var(--clearity-orange,#f05323);font-size:.72rem}.demo-pillar--key .volume-workspace__escalation p{color:var(--fix-ink-muted,#64748b);margin-top:.25rem;font-size:.8125rem;line-height:1.5}@media (width<=1279px){.demo-pillar--key .volume-workspace__method{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-pillar--key .volume-workspace__method-item:nth-child(3){border-left:0}.demo-pillar--key .volume-workspace__method-item:nth-child(n+3){border-top:1px solid var(--fix-outline-blue,#1284ee);margin-top:1rem;padding-top:1rem}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .volume-workspace__method-item:nth-child(n+3){border-top:1px solid color-mix(in srgb, var(--fix-outline-blue,#1284ee) 14%, transparent)}}.demo-pillar--key .volume-workspace__training-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-pillar--key .volume-workspace__train{grid-row:span 2}.demo-pillar--key .volume-workspace__probing{grid-column:2}.demo-pillar--key .volume-workspace__reference-grid,.demo-pillar--key .volume-workspace__workflows--contacts,.demo-pillar--key .volume-workspace__workflows--tiled{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.demo-pillar--key .volume-workspace__method,.demo-pillar--key .volume-workspace__training-grid,.demo-pillar--key .volume-workspace__lower-grid,.demo-pillar--key .volume-workspace__reference-grid,.demo-pillar--key .volume-workspace__workflows,.demo-pillar--key .volume-workspace__workflows--contacts,.demo-pillar--key .volume-workspace__workflows--tiled{grid-template-columns:1fr;grid-template-areas:none}.demo-pillar--key .volume-workspace__workflow-column{display:contents}.demo-pillar--key .volume-workspace__workflows--contacts .volume-workspace__workflow--add,.demo-pillar--key .volume-workspace__workflows--tiled .volume-workspace__workflow--answer{order:1}.demo-pillar--key .volume-workspace__workflows--contacts .volume-workspace__workflow--call,.demo-pillar--key .volume-workspace__workflows--tiled .volume-workspace__workflow--switch{order:2}.demo-pillar--key .volume-workspace__workflows--contacts .volume-workspace__workflow--favorites,.demo-pillar--key .volume-workspace__workflows--tiled .volume-workspace__workflow--disconnect{order:3}.demo-pillar--key .volume-workspace__workflows--contacts .volume-workspace__workflow--delete,.demo-pillar--key .volume-workspace__workflows--tiled .volume-workspace__workflow--make{order:4}.demo-pillar--key .volume-workspace__support--why{order:5}.demo-pillar--key .volume-workspace__support--tips{order:6}.demo-pillar--key .volume-workspace__support--probing{order:7}.demo-pillar--key .volume-workspace__workflows--contacts .volume-workspace__workflow--add,.demo-pillar--key .volume-workspace__workflows--contacts .volume-workspace__workflow--call,.demo-pillar--key .volume-workspace__workflows--contacts .volume-workspace__workflow--favorites,.demo-pillar--key .volume-workspace__workflows--contacts .volume-workspace__workflow--delete,.demo-pillar--key .volume-workspace__panel--span-5,.demo-pillar--key .volume-workspace__panel--span-6,.demo-pillar--key .volume-workspace__panel--span-7,.demo-pillar--key .volume-workspace__panel--span-12{grid-area:auto}.demo-pillar--key .volume-workspace__method-item,.demo-pillar--key .volume-workspace__method-item+.volume-workspace__method-item,.demo-pillar--key .volume-workspace__method-item:nth-child(3),.demo-pillar--key .volume-workspace__method-item:nth-child(n+3){border-top:1px solid var(--fix-outline-blue,#1284ee);margin:0;padding:.85rem 1rem}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .volume-workspace__method-item,.demo-pillar--key .volume-workspace__method-item+.volume-workspace__method-item,.demo-pillar--key .volume-workspace__method-item:nth-child(3),.demo-pillar--key .volume-workspace__method-item:nth-child(n+3){border-top:1px solid color-mix(in srgb, var(--fix-outline-blue,#1284ee) 14%, transparent)}}.demo-pillar--key .volume-workspace__method-item,.demo-pillar--key .volume-workspace__method-item+.volume-workspace__method-item,.demo-pillar--key .volume-workspace__method-item:nth-child(3),.demo-pillar--key .volume-workspace__method-item:nth-child(n+3){border-left:0}.demo-pillar--key .volume-workspace__method-item:first-child{border-top:0}.demo-pillar--key .volume-workspace__train,.demo-pillar--key .volume-workspace__probing,.demo-pillar--key .volume-workspace__resources,.demo-pillar--key .volume-workspace__reference-card--wide,.demo-pillar--key .volume-workspace__reference-card--hardware,.demo-pillar--key .volume-workspace__reference-card--span-1,.demo-pillar--key .volume-workspace__reference-card--span-2,.demo-pillar--key .volume-workspace__reference-card--span-3,.demo-pillar--key .volume-workspace__reference-card--span-4{grid-area:auto}}@media (width<=1279px) and (width>=768px){.demo-pillar--key .volume-workspace__reference-card--span-1,.demo-pillar--key .volume-workspace__reference-card--span-2,.demo-pillar--key .volume-workspace__reference-card--span-3{grid-column:span 1}.demo-pillar--key .volume-workspace__reference-card--span-4,.demo-pillar--key .volume-workspace__reference-card--hardware{grid-column:1/-1}}.dark .demo-pillar--key .volume-workspace__method,.dark .demo-pillar--key .volume-workspace__panel,.dark .demo-pillar--key .volume-workspace__reference{border-color:var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.dark .demo-pillar--key .volume-workspace__method,.dark .demo-pillar--key .volume-workspace__panel,.dark .demo-pillar--key .volume-workspace__reference{border-color:color-mix(in srgb, var(--fix-outline-blue) 24%, transparent)}}.dark .demo-pillar--key .volume-workspace__method,.dark .demo-pillar--key .volume-workspace__panel,.dark .demo-pillar--key .volume-workspace__reference{background:linear-gradient(135deg, #ffffff13, transparent 46%), var(--fix-surface)}@supports (color:color-mix(in lab, red, red)){.dark .demo-pillar--key .volume-workspace__method,.dark .demo-pillar--key .volume-workspace__panel,.dark .demo-pillar--key .volume-workspace__reference{background:linear-gradient(135deg, #ffffff13, transparent 46%), color-mix(in srgb, var(--fix-surface) 78%, transparent)}}.dark .demo-pillar--key .volume-workspace__method,.dark .demo-pillar--key .volume-workspace__panel,.dark .demo-pillar--key .volume-workspace__reference{-webkit-backdrop-filter:blur(14px)saturate(120%);backdrop-filter:blur(14px)saturate(120%);box-shadow:inset 0 1px #ffffff14,inset 0 0 0 1px #80aadc06,0 16px 34px -26px #000000c2}.dark .demo-pillar--key .volume-workspace__reference-card,.dark .demo-pillar--key .volume-workspace__resource-links a,.dark .demo-pillar--key .volume-workspace__resource-links span{border-color:var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.dark .demo-pillar--key .volume-workspace__reference-card,.dark .demo-pillar--key .volume-workspace__resource-links a,.dark .demo-pillar--key .volume-workspace__resource-links span{border-color:color-mix(in srgb, var(--fix-outline-blue) 20%, transparent)}}.dark .demo-pillar--key .volume-workspace__reference-card,.dark .demo-pillar--key .volume-workspace__resource-links a,.dark .demo-pillar--key .volume-workspace__resource-links span{background:var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.dark .demo-pillar--key .volume-workspace__reference-card,.dark .demo-pillar--key .volume-workspace__resource-links a,.dark .demo-pillar--key .volume-workspace__resource-links span{background:color-mix(in srgb, var(--fix-outline-blue) 8%, transparent)}}.dark .demo-pillar--key .volume-workspace__reference-card,.dark .demo-pillar--key .volume-workspace__resource-links a,.dark .demo-pillar--key .volume-workspace__resource-links span{box-shadow:inset 0 1px #ffffff0b}@property --key-volume-ring-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes keyVolumeGlassPerimeterSpin{to{--key-volume-ring-angle:360deg}}@media (prefers-reduced-motion:reduce){.dark .demo-pillar--key .clearity-side-panel:after{display:block;animation:none!important}}.demo-pillar--key.key-category-route{--key-volume-glass-surface:linear-gradient(145deg, #ffffffd6 0%, #f2f8ffb3 42%, #e1effc94 100%);--key-volume-glass-edge:var(--fix-outline-blue,#1284ee)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key.key-category-route{--key-volume-glass-edge:color-mix(in srgb, var(--fix-outline-blue,#1284ee) 20%, transparent)}}.demo-pillar--key.key-category-route{--key-volume-glass-depth:inset 0 1px 0 #fffffff0, inset 0 0 0 1px #ffffff2e, 0 16px 32px -26px #12528e61;--key-volume-control-surface:linear-gradient(145deg, #ffffffe0, #e7f2fdad)}.dark .demo-pillar--key .key-category-route{--key-volume-glass-surface:linear-gradient(145deg, #899ec54d 0%, #4d5d7c57 38%, #263149c7 100%);--key-volume-glass-edge:#819fd252;--key-volume-glass-perimeter:conic-gradient(from var(--key-volume-ring-angle), #6f9ae0 0%, #6f9ae0 36%, #f06824 52%, #f06824 82%, #6f9ae0 100%);--key-volume-ring-duration:10s;--key-volume-glass-depth:inset 0 1px 0 #ffffff29, inset 0 0 0 1px #9ab5e10b, 0 18px 38px -28px #000000b8;--key-volume-control-surface:linear-gradient(145deg, #7e94be47, #28334cbd)}.dark .demo-pillar--key .key-category-route .volume-workspace__method,.dark .demo-pillar--key .key-category-route .volume-workspace__panel,.dark .demo-pillar--key .key-category-route .volume-workspace__reference{isolation:isolate;background:var(--key-volume-glass-surface);box-shadow:var(--key-volume-glass-depth);border-color:#0000;position:relative}.dark .demo-pillar--key .key-category-route .volume-workspace__method:before,.dark .demo-pillar--key .key-category-route .volume-workspace__method:after,.dark .demo-pillar--key .key-category-route .volume-workspace__panel:before,.dark .demo-pillar--key .key-category-route .volume-workspace__panel:after,.dark .demo-pillar--key .key-category-route .volume-workspace__reference:before,.dark .demo-pillar--key .key-category-route .volume-workspace__reference:after{content:"";z-index:2;padding:var(--clearity-side-panel-border-width,1.5px);border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.dark .demo-pillar--key .key-category-route .volume-workspace__method:before,.dark .demo-pillar--key .key-category-route .volume-workspace__panel:before,.dark .demo-pillar--key .key-category-route .volume-workspace__reference:before{background:var(--key-volume-glass-perimeter);transition:opacity .14s}.dark .demo-pillar--key .key-category-route .volume-workspace__method:after,.dark .demo-pillar--key .key-category-route .volume-workspace__panel:after,.dark .demo-pillar--key .key-category-route .volume-workspace__reference:after{background:var(--clearity-orange,#f05323);opacity:0;transition:opacity .14s}.dark .demo-pillar--key .key-category-route .volume-workspace__method:is(:hover,:focus-within):after,.dark .demo-pillar--key .key-category-route .volume-workspace__panel:is(:hover,:focus-within):after,.dark .demo-pillar--key .key-category-route .volume-workspace__reference:is(:hover,:focus-within):after{opacity:1}.dark .demo-pillar--key .key-category-route .volume-workspace__method:is(:hover,:focus-within):before,.dark .demo-pillar--key .key-category-route .volume-workspace__panel:is(:hover,:focus-within):before,.dark .demo-pillar--key .key-category-route .volume-workspace__reference:is(:hover,:focus-within):before{opacity:0}.dark .demo-pillar--key .key-category-route .volume-workspace__panel:is(:hover,:focus-within),.dark .demo-pillar--key .key-category-route .volume-workspace__reference:is(:hover,:focus-within){box-shadow:var(--key-volume-glass-depth)}.demo-pillar--key.key-category-route .volume-workspace__method,.demo-pillar--key.key-category-route .volume-workspace__panel,.demo-pillar--key.key-category-route .volume-workspace__reference{border-color:var(--key-volume-glass-edge);background:var(--key-volume-glass-surface);-webkit-backdrop-filter:blur(16px)saturate(122%);backdrop-filter:blur(16px)saturate(122%);box-shadow:var(--key-volume-glass-depth)}.demo-pillar--key.key-category-route .volume-workspace__panel,.demo-pillar--key.key-category-route .volume-workspace__reference{transition:box-shadow .14s}.demo-pillar--key.key-category-route .volume-workspace__panel:hover,.demo-pillar--key.key-category-route .volume-workspace__panel:focus-within,.demo-pillar--key.key-category-route .volume-workspace__reference:hover,.demo-pillar--key.key-category-route .volume-workspace__reference:focus-within{box-shadow:inset 0 0 0 var(--clearity-side-panel-border-width,1.5px) var(--clearity-orange,#f05323), var(--key-volume-glass-depth)}.demo-pillar--key html:not(.dark) .clearity-pillar--key.key-category-route .clearity-side-panel{--fix-key-panel-blue-mid:var(--fix-key-panel-blue,var(--primary));--fix-key-panel-blue-deep:var(--fix-key-panel-blue,var(--primary))}.demo-pillar--key.key-category-route .clearity-side-panel__support-title{color:#ffa888;text-shadow:0 0 4px #ff7f5029}.dark .demo-pillar--key .key-category-route .clearity-side-panel{background-image:var(--key-volume-glass-surface);-webkit-backdrop-filter:blur(18px)saturate(120%);backdrop-filter:blur(18px)saturate(120%);background-position:0 0;background-size:auto;background-origin:border-box;background-clip:padding-box;border-color:#0000;animation:none;box-shadow:inset 0 1px #ffffff38,inset 0 0 0 1px #a6bee60e,0 18px 38px -26px #000000ad}.dark .demo-pillar--key .key-category-route .clearity-side-panel:before{content:none;background:0 0}.dark .demo-pillar--key .key-category-route .clearity-side-panel:after{padding:var(--clearity-side-panel-border-width,1.5px);border-radius:calc(var(--clearity-side-panel-radius) - var(--clearity-side-panel-border-width,1.5px));background:var(--key-volume-glass-perimeter);background-position:0 0;background-size:auto;animation:none;inset:0}.dark .demo-pillar--key .key-category-route .clearity-side-panel__row[aria-current=page]{color:#fff;background:#ecf3ff24;box-shadow:inset 0 1px #ffffff21}.dark .demo-pillar--key .key-category-route .clearity-side-panel__row[aria-current=page]:before{padding:var(--clearity-side-panel-border-width,1.5px);background:var(--key-volume-glass-perimeter);background-position:0 0;background-size:auto;animation:none;display:block}.demo-pillar--key html:not(.dark) .clearity-pillar--key.key-category-route .key-app-back--category,.demo-pillar--key html:not(.dark) .clearity-pillar--key.key-category-route .key-guide__control,.dark .demo-pillar--key .key-category-route .key-app-back--category,.dark .demo-pillar--key .key-category-route .key-guide__control{background:var(--key-volume-control-surface);-webkit-backdrop-filter:blur(14px)saturate(120%);backdrop-filter:blur(14px)saturate(120%);border-color:#0000;animation:none;box-shadow:inset 0 1px #ffffff2e,0 10px 24px -20px #00000080}.demo-pillar--key html:not(.dark) .clearity-pillar--key.key-category-route .key-app-back--category,.demo-pillar--key html:not(.dark) .clearity-pillar--key.key-category-route .key-guide__control{border-color:var(--fix-outline-blue,#1284ee);transition:border-color .18s,color .18s,background-color .18s,box-shadow .18s}.dark .demo-pillar--key .key-category-route .key-app-back--category:before,.dark .demo-pillar--key .key-category-route .key-guide__control:before{content:"";z-index:2;padding:var(--clearity-side-panel-border-width,1.5px);border-radius:inherit;pointer-events:none;background:var(--key-volume-glass-perimeter);-webkit-mask-composite:xor;position:absolute;inset:-1.5px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.dark .demo-pillar--key .key-category-route .clearity-side-panel:after,.dark .demo-pillar--key .key-category-route .clearity-side-panel__row[aria-current=page]:before,.dark .demo-pillar--key .key-category-route .volume-workspace__method:before,.dark .demo-pillar--key .key-category-route .volume-workspace__panel:before,.dark .demo-pillar--key .key-category-route .volume-workspace__reference:before,.dark .demo-pillar--key .key-category-route .key-app-back--category:before,.dark .demo-pillar--key .key-category-route .key-guide__control:before{animation:keyVolumeGlassPerimeterSpin var(--key-volume-ring-duration,10s) linear var(--fix-cc-master-delay,0s) infinite}@media (prefers-reduced-motion:reduce){.dark .demo-pillar--key .key-category-route .clearity-side-panel:after,.dark .demo-pillar--key .key-category-route .clearity-side-panel__row[aria-current=page]:before,.dark .demo-pillar--key .key-category-route .volume-workspace__method:before,.dark .demo-pillar--key .key-category-route .volume-workspace__panel:before,.dark .demo-pillar--key .key-category-route .volume-workspace__reference:before,.dark .demo-pillar--key .key-category-route .key-app-back--category:before,.dark .demo-pillar--key .key-category-route .key-guide__control:before{animation:none}}.demo-pillar--key html:not(.dark) .clearity-pillar--key.key-category-route .key-app-back--category:hover,.demo-pillar--key html:not(.dark) .clearity-pillar--key.key-category-route .key-guide__control:hover{border-color:var(--clearity-orange,#f05323);color:var(--clearity-orange,#f05323);background:var(--key-volume-control-surface);box-shadow:inset 0 1px #ffffff38,0 12px 26px -20px #0000008a}.dark .demo-pillar--key .key-category-route .key-app-back--category:hover,.dark .demo-pillar--key .key-category-route .key-guide__control:hover{background:var(--key-volume-control-surface);border-color:#0000;box-shadow:inset 0 1px #ffffff38,0 12px 26px -20px #0000008a}.dark .demo-pillar--key .key-guide__info-card,.dark .demo-pillar--key .key-guide__step-card,.dark .demo-pillar--key .key-guide__reference-card,.dark .demo-pillar--key .key-guide__control{background-color:var(--fix-surface);box-shadow:0 1px 2px #00000059,0 12px 32px #00000047}.dark .demo-pillar--key .key-guide__info-card{background-image:linear-gradient(var(--fix-surface), var(--fix-surface)), var(--fix-cc-outline-accent), var(--fix-cc-outline-base)}.dark .demo-pillar--key .key-guide__info-card--goal{background-color:var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.dark .demo-pillar--key .key-guide__info-card--goal{background-color:color-mix(in srgb, var(--fix-outline-blue) 12%, var(--fix-surface))}}.dark .demo-pillar--key .key-guide__info-card--goal{background-image:linear-gradient(var(--fix-outline-blue), var(--fix-outline-blue)), var(--fix-cc-outline-accent), var(--fix-cc-outline-base)}@supports (color:color-mix(in lab, red, red)){.dark .demo-pillar--key .key-guide__info-card--goal{background-image:linear-gradient(color-mix(in srgb, var(--fix-outline-blue) 12%, var(--fix-surface)), color-mix(in srgb, var(--fix-outline-blue) 12%, var(--fix-surface))), var(--fix-cc-outline-accent), var(--fix-cc-outline-base)}}.dark .demo-pillar--key .key-guide__step-card{background-image:linear-gradient(var(--fix-surface), var(--fix-surface)), var(--fix-cc-outline-accent), var(--fix-cc-outline-base)}.dark .demo-pillar--key .key-guide__step-card--focused{background-color:var(--clearity-orange,#f05323)}@supports (color:color-mix(in lab, red, red)){.dark .demo-pillar--key .key-guide__step-card--focused{background-color:color-mix(in srgb, var(--clearity-orange,#f05323) 10%, var(--fix-surface))}}.dark .demo-pillar--key .key-guide__step-card--focused{background-image:linear-gradient(var(--clearity-orange,#f05323), var(--clearity-orange,#f05323)), var(--fix-cc-outline-accent), var(--fix-cc-outline-base)}@supports (color:color-mix(in lab, red, red)){.dark .demo-pillar--key .key-guide__step-card--focused{background-image:linear-gradient(color-mix(in srgb, var(--clearity-orange,#f05323) 10%, var(--fix-surface)), color-mix(in srgb, var(--clearity-orange,#f05323) 10%, var(--fix-surface))), var(--fix-cc-outline-accent), var(--fix-cc-outline-base)}}.dark .demo-pillar--key .key-guide__control{background-image:linear-gradient(var(--fix-surface), var(--fix-surface)), var(--fix-cc-outline-accent), var(--fix-cc-outline-base)}.dark .demo-pillar--key .key-guide__step-rail{background:var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.dark .demo-pillar--key .key-guide__step-rail{background:color-mix(in srgb, var(--fix-outline-blue) 14%, var(--fix-surface))}}.dark .demo-pillar--key .key-guide__step-rail{border-right-color:var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.dark .demo-pillar--key .key-guide__step-rail{border-right-color:color-mix(in srgb, var(--fix-outline-blue) 22%, transparent)}}.dark .demo-pillar--key .key-guide__nav-crumb,.dark .demo-pillar--key .key-guide__detail-block,.dark .demo-pillar--key .key-guide__resource-link{background:var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.dark .demo-pillar--key .key-guide__nav-crumb,.dark .demo-pillar--key .key-guide__detail-block,.dark .demo-pillar--key .key-guide__resource-link{background:color-mix(in srgb, var(--fix-outline-blue) 10%, var(--fix-surface))}}.dark .demo-pillar--key .key-guide__nav-crumb,.dark .demo-pillar--key .key-guide__detail-block,.dark .demo-pillar--key .key-guide__resource-link{border-color:var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.dark .demo-pillar--key .key-guide__nav-crumb,.dark .demo-pillar--key .key-guide__detail-block,.dark .demo-pillar--key .key-guide__resource-link{border-color:color-mix(in srgb, var(--fix-outline-blue) 22%, transparent)}}.dark .demo-pillar--key .key-guide__nav-crumb,.dark .demo-pillar--key .key-guide__detail-block,.dark .demo-pillar--key .key-guide__resource-link{color:var(--fix-ink-strong)}.dark .demo-pillar--key .key-guide__callout{background:var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.dark .demo-pillar--key .key-guide__callout{background:color-mix(in srgb, var(--fix-outline-blue) 10%, var(--fix-surface))}}.dark .demo-pillar--key .key-guide__callout{border-color:var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.dark .demo-pillar--key .key-guide__callout{border-color:color-mix(in srgb, var(--fix-outline-blue) 22%, transparent)}}.dark .demo-pillar--key .key-guide__reference-card{border-color:var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.dark .demo-pillar--key .key-guide__reference-card{border-color:color-mix(in srgb, var(--fix-outline-blue) 22%, transparent)}}.dark .demo-pillar--key .key-guide__key-action-icon{background:var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.dark .demo-pillar--key .key-guide__key-action-icon{background:color-mix(in srgb, var(--fix-outline-blue) 16%, var(--fix-surface))}}.dark .demo-pillar--key .key-guide__key-action-icon{color:var(--fix-ink)}.dark .demo-pillar--key .key-guide__bullet-list,.dark .demo-pillar--key .key-guide__info-card__body,.dark .demo-pillar--key .key-guide__step-intent,.dark .demo-pillar--key .key-guide__step-detail,.dark .demo-pillar--key .key-guide__subtitle,.dark .demo-pillar--key .key-guide__callout-text,.dark .demo-pillar--key .key-guide__escalation-body{color:var(--fix-ink-muted)}.dark .demo-pillar--key .key-guide__step-title,.dark .demo-pillar--key .key-guide__step-number,.dark .demo-pillar--key .key-guide__reference-card__title,.dark .demo-pillar--key .key-guide__key-action-title,.dark .demo-pillar--key .key-guide__detail-heading,.dark .demo-pillar--key .key-guide__detail-label,.dark .demo-pillar--key .key-guide__section-step-title{color:var(--fix-ink-strong)}.demo-pillar--key .clearity-ai-portal{z-index:90;background:0 0;border:0;width:164px;height:72px;transition:width .26s cubic-bezier(.2,.8,.2,1),height .26s cubic-bezier(.2,.8,.2,1);position:fixed;bottom:0;right:0}.demo-pillar--key .clearity-ai-portal--compact{width:min(390px,100vw);height:min(580px,100vh)}.demo-pillar--key .clearity-ai-portal--expanded{width:min(550px,100vw);height:min(640px,100vh)}.demo-pillar--key.key-category-route{--key-topic-radius:.875rem;--clearity-side-panel-radius:.875rem;--key-topic-line:var(--fix-outline-blue,#1284ee)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key.key-category-route{--key-topic-line:color-mix(in srgb, var(--fix-outline-blue,#1284ee) 14%, transparent)}}.demo-pillar--key.key-category-route{--key-topic-shadow:0 1px 2px #181d620a, 0 6px 18px #181d620a}.demo-pillar--key .key-guide{width:min(100%,75rem);margin-inline:auto;padding-bottom:2rem}.demo-pillar--key .key-guide__header{margin-bottom:1.25rem}.demo-pillar--key .key-guide__hero{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.25rem;margin-top:.65rem;display:grid;transform:none}.demo-pillar--key .key-guide__hero-copy{min-width:0}.demo-pillar--key .key-guide__title{text-align:left;text-wrap:balance;width:auto;margin:0;font-size:clamp(2.25rem,4vw,3.5rem);line-height:1.05;color:var(--fix-ink-strong,#0a5bb0)!important;-webkit-text-fill-color:currentColor!important;background:0 0!important}.demo-pillar--key .key-guide__subtitle{text-align:left;text-wrap:pretty;max-width:42rem;margin:.6rem 0 0}.demo-pillar--key .key-guide__subtitle p{margin:0}.demo-pillar--key .key-guide__subtitle p+p{margin-top:.2rem}.demo-pillar--key .key-guide__subtitle-label{color:var(--fix-ink-strong,#0a5bb0);font-weight:600}.demo-pillar--key .key-guide__phone{width:13.5rem;max-width:24vw;overflow:visible}.demo-pillar--key .key-guide__content-layout{align-items:start;gap:1rem;display:grid}.demo-pillar--key .key-guide__primary-content,.demo-pillar--key .key-guide__support-rail{min-width:0}.demo-pillar--key .key-support-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.demo-pillar--key .key-support-card{border:1px solid var(--key-topic-line);border-radius:var(--key-topic-radius);background:var(--fix-surface,#fff);min-width:0;box-shadow:var(--key-topic-shadow);overflow:hidden}.demo-pillar--key .key-support-card__bar{background:linear-gradient(90deg, var(--fix-outline-blue,#1284ee) 0%, var(--clearity-orange,#f05323) 100%);height:3px}.demo-pillar--key .key-support-card--warning .key-support-card__bar{background:var(--clearity-orange,#f05323)}.demo-pillar--key .key-support-card__body{padding:.7rem .75rem}.demo-pillar--key .key-support-card__title{color:var(--fix-ink-strong,#0a5bb0);text-wrap:balance;align-items:center;gap:.45rem;margin:0 0 .45rem;font-size:.8125rem;font-weight:600;line-height:1.3;display:flex}.demo-pillar--key .key-support-card__title svg{flex:none;width:1rem;height:1rem}.demo-pillar--key .key-support-card__summary{color:var(--fix-ink,#0d6fd4);text-wrap:pretty;margin:0;font-size:.75rem;line-height:1.45}.demo-pillar--key .key-support-card .volume-workspace__bullets{gap:.25rem}.demo-pillar--key .key-support-card .volume-workspace__bullets li{color:var(--fix-ink,#0d6fd4);text-wrap:pretty;padding-left:.85rem;font-size:.75rem;line-height:1.4}.demo-pillar--key .key-support-card .volume-workspace__bullets li:before{width:.3rem;height:.3rem;top:.43rem}.demo-pillar--key .key-support-card__resources{gap:.3rem;display:grid}.demo-pillar--key .key-support-card__resources :is(a,span){color:var(--fix-ink,#0d6fd4);text-wrap:pretty;align-items:flex-start;gap:.4rem;font-size:.75rem;line-height:1.35;text-decoration:none;display:flex}.demo-pillar--key .key-support-card__resources a:hover{color:var(--clearity-orange,#f05323);text-underline-offset:2px;text-decoration:underline}.demo-pillar--key .key-support-card__resources svg{flex:none;width:.85rem;height:.85rem;margin-top:.08rem}.demo-pillar--key.key-category-route .volume-workspace{gap:.75rem}.demo-pillar--key.key-category-route .volume-workspace__training-grid{grid-template-columns:minmax(0,1fr)}.demo-pillar--key.key-category-route .volume-workspace__method,.demo-pillar--key.key-category-route .volume-workspace__panel,.demo-pillar--key.key-category-route .volume-workspace__reference{border:1px solid var(--key-topic-line)!important;border-radius:var(--key-topic-radius)!important;background:var(--fix-surface,#fff)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:var(--key-topic-shadow)!important;animation:none!important;transform:none!important}.demo-pillar--key.key-category-route .volume-workspace__method:before,.demo-pillar--key.key-category-route .volume-workspace__method:after,.demo-pillar--key.key-category-route .volume-workspace__panel:before,.demo-pillar--key.key-category-route .volume-workspace__panel:after,.demo-pillar--key.key-category-route .volume-workspace__reference:before,.demo-pillar--key.key-category-route .volume-workspace__reference:after{content:none!important;display:none!important}.demo-pillar--key.key-category-route .volume-workspace__method{padding-block:.7rem}.demo-pillar--key.key-category-route .volume-workspace__method-item{gap:.55rem;padding-inline:.75rem}.demo-pillar--key.key-category-route .volume-workspace__method-icon{border-radius:var(--key-topic-radius);width:2.25rem;height:2.25rem;box-shadow:none}.demo-pillar--key.key-category-route .volume-workspace__method-icon svg{width:1.1rem;height:1.1rem}.demo-pillar--key.key-category-route .volume-workspace__panel,.demo-pillar--key.key-category-route .volume-workspace__reference{padding:1rem}.demo-pillar--key.key-category-route .volume-workspace__reference-card{border:1px solid var(--key-topic-line);border-radius:var(--key-topic-radius);background:var(--fix-outline-blue,#1284ee)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key.key-category-route .volume-workspace__reference-card{background:color-mix(in srgb, var(--fix-outline-blue,#1284ee) 4%, var(--fix-surface,#fff))}}.demo-pillar--key.key-category-route .volume-workspace__reference-card{box-shadow:none}.demo-pillar--key.key-category-route .volume-workspace__reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-pillar--key.key-category-route .volume-workspace__reference-card:is(.volume-workspace__reference-card--span-2,.volume-workspace__reference-card--span-3,.volume-workspace__reference-card--span-4){grid-column:1/-1}.demo-pillar--key.key-category-route :is(h1,h2,h3,h4,p,li,dt,dd){overflow-wrap:break-word}.demo-pillar--key.key-category-route :is(h1,h2,h3,h4){text-wrap:balance}.demo-pillar--key.key-category-route :is(p,li,dt,dd){text-wrap:pretty}@media (width>=1180px){.demo-pillar--key .key-guide__content-layout{grid-template-columns:minmax(0,1.625fr) minmax(18rem,1fr)}.demo-pillar--key .key-support-rail,.demo-pillar--key.key-category-route .volume-workspace__reference-grid{grid-template-columns:minmax(0,1fr)}.demo-pillar--key.key-category-route .volume-workspace__reference-card{grid-column:auto!important}}@media (width<=767px){.demo-pillar--key.key-category-route .clearity-side-panel{height:18rem;min-height:18rem;max-height:18rem;overflow:hidden}.demo-pillar--key.key-category-route .clearity-side-panel__nav{overscroll-behavior:contain;min-height:0;overflow-y:auto}.demo-pillar--key .key-guide__hero{grid-template-columns:minmax(0,1fr)}.demo-pillar--key .key-guide__phone{justify-self:center;width:min(100%,16rem);max-width:100%}.demo-pillar--key .key-guide__phone .phone-frame-visual{--phone-master-w:16rem}.demo-pillar--key .key-support-rail{grid-template-columns:minmax(0,1fr)}}.dark .demo-pillar--key .key-category-route .key-support-card{border-color:var(--fix-outline-blue,#6f9ae0)}@supports (color:color-mix(in lab, red, red)){.dark .demo-pillar--key .key-category-route .key-support-card{border-color:color-mix(in srgb, var(--fix-outline-blue,#6f9ae0) 22%, transparent)}}.dark .demo-pillar--key .key-category-route .key-support-card{background:var(--fix-surface,#1b2438);box-shadow:0 10px 26px #00000038}.dark .demo-pillar--key .key-category-route .volume-workspace__reference-card{border-color:var(--fix-outline-blue,#6f9ae0)}@supports (color:color-mix(in lab, red, red)){.dark .demo-pillar--key .key-category-route .volume-workspace__reference-card{border-color:color-mix(in srgb, var(--fix-outline-blue,#6f9ae0) 20%, transparent)}}.dark .demo-pillar--key .key-category-route .volume-workspace__reference-card{background:var(--fix-outline-blue,#6f9ae0)}@supports (color:color-mix(in lab, red, red)){.dark .demo-pillar--key .key-category-route .volume-workspace__reference-card{background:color-mix(in srgb, var(--fix-outline-blue,#6f9ae0) 8%, var(--fix-surface,#1b2438))}}.demo-pillar--key .key-guide__hero{margin-top:.55rem;display:block}.demo-pillar--key .key-guide__hero-copy{width:100%}.demo-pillar--key .key-guide__phone{width:min(100%,18.5rem);max-width:100%;margin:.9rem auto 1.15rem;overflow:visible}.demo-pillar--key.key-category-route .clearity-side-panel__row[aria-current=page] .clearity-side-panel__icon{color:#fff}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key.key-category-route .clearity-side-panel__row[aria-current=page] .clearity-side-panel__icon{color:color-mix(in srgb, #fff 88%, var(--fix-outline-blue,#1284ee))}}.demo-pillar--key.key-category-route .clearity-side-panel__row[aria-current=page]:before,.demo-pillar--key.key-category-route .clearity-side-panel__row[aria-current=page]:after{content:none!important;animation:none!important;display:none!important}.dark .demo-pillar--key .key-category-route .clearity-side-panel__row[aria-current=page]{color:var(--fix-ink-strong,#dfe7ff);background:var(--fix-outline-blue,#6f9ae0)}@supports (color:color-mix(in lab, red, red)){.dark .demo-pillar--key .key-category-route .clearity-side-panel__row[aria-current=page]{background:color-mix(in srgb, var(--fix-outline-blue,#6f9ae0) 10%, transparent)}}.dark .demo-pillar--key .key-category-route .clearity-side-panel__row[aria-current=page] .clearity-side-panel__icon{color:var(--fix-outline-blue,#82b0ec)}.demo-pillar--key .volume-workspace__progressive-controls{flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:.8rem;display:flex}.demo-pillar--key .volume-workspace__progressive-controls button,.demo-pillar--key .volume-workspace__workflow-global-controls button,.demo-pillar--key .volume-workspace__workflow-start,.demo-pillar--key .volume-workspace__step-advance{min-height:1.9rem;font:inherit;cursor:pointer;border-radius:.55rem;padding:.35rem .7rem;font-size:.75rem;font-weight:600;line-height:1.15;transition:border-color .16s,background-color .16s,color .16s}.demo-pillar--key .volume-workspace__start,.demo-pillar--key .volume-workspace__step-advance{border:1px solid var(--fix-outline-blue,#1284ee);color:#fff;background:var(--fix-outline-blue,#1284ee)}.demo-pillar--key .volume-workspace__start:hover,.demo-pillar--key .volume-workspace__step-advance:hover{background:var(--fix-ink-strong,#0a5bb0)}.demo-pillar--key .volume-workspace__view-all,.demo-pillar--key .volume-workspace__collapse{border:1px solid var(--fix-outline-blue,#1284ee)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .volume-workspace__view-all,.demo-pillar--key .volume-workspace__collapse{border:1px solid color-mix(in srgb, var(--fix-outline-blue,#1284ee) 24%, transparent)}}.demo-pillar--key .volume-workspace__view-all,.demo-pillar--key .volume-workspace__collapse{color:var(--fix-ink,#0d6fd4);background:var(--fix-outline-blue,#1284ee)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .volume-workspace__view-all,.demo-pillar--key .volume-workspace__collapse{background:color-mix(in srgb, var(--fix-outline-blue,#1284ee) 4%, transparent)}}.demo-pillar--key .volume-workspace__view-all:hover,.demo-pillar--key .volume-workspace__collapse:hover{border-color:var(--fix-outline-blue,#1284ee)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .volume-workspace__view-all:hover,.demo-pillar--key .volume-workspace__collapse:hover{border-color:color-mix(in srgb, var(--fix-outline-blue,#1284ee) 42%, transparent)}}.demo-pillar--key .volume-workspace__view-all:hover,.demo-pillar--key .volume-workspace__collapse:hover{background:var(--fix-outline-blue,#1284ee)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .volume-workspace__view-all:hover,.demo-pillar--key .volume-workspace__collapse:hover{background:color-mix(in srgb, var(--fix-outline-blue,#1284ee) 8%, transparent)}}.demo-pillar--key .volume-workspace__training-complete{color:var(--fix-ink,#0d6fd4);font-size:.75rem;font-weight:600}.demo-pillar--key .volume-workspace__workflows--progressive{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-pillar--key .volume-workspace__sequence-entry{animation:.22s ease-out both keyTrainingStepReveal}.demo-pillar--key .volume-workspace__sequence-number{border:1px solid var(--fix-outline-blue,#1284ee)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .volume-workspace__sequence-number{border:1px solid color-mix(in srgb, var(--fix-outline-blue,#1284ee) 12%, transparent)}}.demo-pillar--key .volume-workspace__sequence-number{color:var(--fix-outline-blue,#1284ee)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .volume-workspace__sequence-number{color:color-mix(in srgb, var(--fix-outline-blue,#1284ee) 70%, #fff)}}.demo-pillar--key .volume-workspace__sequence-number{background:var(--fix-outline-blue,#1284ee)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .volume-workspace__sequence-number{background:color-mix(in srgb, var(--fix-outline-blue,#1284ee) 4%, transparent)}}.demo-pillar--key .volume-workspace__sequence-number{transition:color .18s,background-color .18s,border-color .18s}.demo-pillar--key .volume-workspace__sequence-entry.is-complete .volume-workspace__sequence-number{border-color:var(--fix-outline-blue,#1284ee)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .volume-workspace__sequence-entry.is-complete .volume-workspace__sequence-number{border-color:color-mix(in srgb, var(--fix-outline-blue,#1284ee) 48%, transparent)}}.demo-pillar--key .volume-workspace__sequence-entry.is-complete .volume-workspace__sequence-number{color:#e7f4ffb8;background:var(--fix-outline-blue,#1284ee)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .volume-workspace__sequence-entry.is-complete .volume-workspace__sequence-number{background:color-mix(in srgb, var(--fix-outline-blue,#1284ee) 68%, #9bd0ff)}}.demo-pillar--key .volume-workspace__sequence-entry.is-active .volume-workspace__sequence-number{border-color:var(--fix-outline-blue,#1284ee)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .volume-workspace__sequence-entry.is-active .volume-workspace__sequence-number{border-color:color-mix(in srgb, var(--fix-outline-blue,#1284ee) 20%, transparent)}}.demo-pillar--key .volume-workspace__step-advance{margin-top:.65rem}@keyframes keyTrainingStepReveal{0%{opacity:0;transform:translateY(-.3rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.demo-pillar--key .volume-workspace__sequence-entry{animation:none}}@media (width<=767px){.demo-pillar--key .key-guide__phone{width:min(100%,17rem)}.demo-pillar--key .key-guide__phone .phone-frame-visual{--phone-master-w:17rem}.demo-pillar--key .volume-workspace__progressive-controls{align-items:stretch}.demo-pillar--key .volume-workspace__workflows--progressive{grid-template-columns:minmax(0,1fr)}.demo-pillar--key .volume-workspace__workflows-heading,.demo-pillar--key .volume-workspace__workflow-header{align-items:stretch}.demo-pillar--key .volume-workspace__workflow-start{align-self:flex-start}}.demo-pillar--key .key-app-back--category,.demo-pillar--key html:not(.dark) .clearity-pillar--key.key-category-route .key-app-back--category,.dark .demo-pillar--key .key-category-route .key-app-back--category{border:1px solid var(--clearity-dark-blue,#181d62);gap:0}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .key-app-back--category,.demo-pillar--key html:not(.dark) .clearity-pillar--key.key-category-route .key-app-back--category,.dark .demo-pillar--key .key-category-route .key-app-back--category{border:1px solid color-mix(in srgb, var(--clearity-dark-blue,#181d62) 14%, transparent)}}.demo-pillar--key .key-app-back--category,.demo-pillar--key html:not(.dark) .clearity-pillar--key.key-category-route .key-app-back--category,.dark .demo-pillar--key .key-category-route .key-app-back--category{border-radius:var(--clearity-radius,.875rem);color:var(--fix-ink,#181d62);background:var(--fix-surface,#fff);padding:.35rem .75rem}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .key-app-back--category,.demo-pillar--key html:not(.dark) .clearity-pillar--key.key-category-route .key-app-back--category,.dark .demo-pillar--key .key-category-route .key-app-back--category{background:color-mix(in srgb, var(--fix-surface,#fff) 90%, transparent)}}.demo-pillar--key .key-app-back--category,.demo-pillar--key html:not(.dark) .clearity-pillar--key.key-category-route .key-app-back--category,.dark .demo-pillar--key .key-category-route .key-app-back--category{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;animation:none}.demo-pillar--key .key-app-back--category:before,.demo-pillar--key .key-app-back--category:after{content:none!important;animation:none!important;display:none!important}.demo-pillar--key .key-app-back--category:hover,.demo-pillar--key html:not(.dark) .clearity-pillar--key.key-category-route .key-app-back--category:hover,.dark .demo-pillar--key .key-category-route .key-app-back--category:hover{border-color:var(--clearity-orange,#f05323)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .key-app-back--category:hover,.demo-pillar--key html:not(.dark) .clearity-pillar--key.key-category-route .key-app-back--category:hover,.dark .demo-pillar--key .key-category-route .key-app-back--category:hover{border-color:color-mix(in srgb, var(--clearity-orange,#f05323) 40%, transparent)}}.demo-pillar--key .key-app-back--category:hover,.demo-pillar--key html:not(.dark) .clearity-pillar--key.key-category-route .key-app-back--category:hover,.dark .demo-pillar--key .key-category-route .key-app-back--category:hover{color:var(--fix-ink,#181d62);background:var(--fix-surface,#fff)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .key-app-back--category:hover,.demo-pillar--key html:not(.dark) .clearity-pillar--key.key-category-route .key-app-back--category:hover,.dark .demo-pillar--key .key-category-route .key-app-back--category:hover{background:color-mix(in srgb, var(--fix-surface,#fff) 90%, transparent)}}.demo-pillar--key .key-app-back--category:hover,.demo-pillar--key html:not(.dark) .clearity-pillar--key.key-category-route .key-app-back--category:hover,.dark .demo-pillar--key .key-category-route .key-app-back--category:hover{box-shadow:none}.demo-pillar--key{--clearity-radius:.875rem}.demo-pillar--key .key-guide__phone{width:min(100%,56rem);margin:1.2rem auto 1.4rem}.demo-pillar--key .key-guide__phone .phone-frame-visual{--phone-master-w:56rem}.demo-pillar--key .key-guide__method-rail{width:100%;min-width:0;margin-bottom:1rem}.demo-pillar--key .key-guide__method-rail .volume-workspace__method{grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.demo-pillar--key .fix-guide__control{box-sizing:border-box;isolation:isolate;border-radius:var(--clearity-radius);color:var(--fix-ink);background-color:var(--fix-surface);background-image:linear-gradient(var(--fix-surface), var(--fix-surface)), var(--fix-cc-outline-accent), var(--fix-cc-outline-base);background-origin:border-box;background-clip:padding-box,border-box,border-box;background-size:auto, var(--fix-cc-outline-accent-size), 100% 100%;animation:fixCcOutlineAccent3 var(--fix-cc-cycle-duration,12s) linear var(--fix-cc-master-delay,0s) infinite;cursor:pointer;background-position:0 0,110% 0,0 0;border:1.5px solid #0000;align-items:center;gap:.375rem;padding:.375rem .75rem;font-family:inherit;font-size:.75rem;font-weight:600;line-height:1.2;text-decoration:none;transition:color .18s,background-color .18s,box-shadow .18s,transform .18s;display:inline-flex;position:relative;box-shadow:0 1px 2px #181d620a}.demo-pillar--key .fix-guide__nav-control{border-radius:var(--clearity-radius);height:2.125rem;min-height:2.125rem;padding-block:.25rem}.demo-pillar--key .fix-guide__control:hover{color:var(--fix-ink-strong);background-color:var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .fix-guide__control:hover{background-color:color-mix(in srgb, var(--fix-outline-blue) 6%, var(--fix-surface))}}.demo-pillar--key .fix-guide__control:hover{background-image:linear-gradient(var(--fix-outline-blue), var(--fix-outline-blue)), var(--fix-cc-outline-accent), var(--fix-cc-outline-base)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .fix-guide__control:hover{background-image:linear-gradient(color-mix(in srgb, var(--fix-outline-blue) 6%, var(--fix-surface)), color-mix(in srgb, var(--fix-outline-blue) 6%, var(--fix-surface))), var(--fix-cc-outline-accent), var(--fix-cc-outline-base)}}.demo-pillar--key .fix-guide__control:hover{box-shadow:0 2px 8px #181d6214}.demo-pillar--key .fix-guide__control:focus-visible{outline:2px solid var(--fix-outline-blue)}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .fix-guide__control:focus-visible{outline:2px solid color-mix(in srgb, var(--fix-outline-blue) 55%, #f05323)}}.demo-pillar--key .fix-guide__control:focus-visible{outline-offset:2px}.dark .demo-pillar--key .fix-guide__control:hover{box-shadow:0 2px 8px #00000059}.dark .demo-pillar--key .fix-guide__control:focus-visible{outline-color:#9ec1f0}.demo-pillar--key .clearity-header-icon-control{border-radius:var(--clearity-radius);width:2.5rem;height:2.5rem;color:var(--fix-ink-strong,var(--foreground));flex:0 0 2.5rem}.demo-pillar--key .clearity-return-control{border-radius:var(--clearity-radius);width:2.5rem;height:2.5rem;min-height:2.5rem;color:var(--fix-ink-strong,var(--foreground));flex-basis:2.5rem;gap:0;padding:0}.demo-pillar--key .clearity-return-control__iris{object-fit:contain;flex:none;width:1.40625rem;height:1.5rem;display:block}.demo-pillar--key .clearity-return-control__iris--dark,.dark .demo-pillar--key .clearity-return-control__iris--light{display:none}.dark .demo-pillar--key .clearity-return-control__iris--dark{display:block}.dark .demo-pillar--key .clearity-theme-control__icon--dark{filter:brightness(0)invert()}.demo-pillar--key .clearity-return-control__tooltip{z-index:20;border:1px solid var(--fix-outline-blue);width:max-content;max-width:12rem;padding:.375rem .625rem;position:absolute;inset-block-start:calc(100% + .5rem);inset-inline-end:0}@supports (color:color-mix(in lab, red, red)){.demo-pillar--key .clearity-return-control__tooltip{border:1px solid color-mix(in srgb, var(--fix-outline-blue) 18%, transparent)}}.demo-pillar--key .clearity-return-control__tooltip{border-radius:var(--clearity-radius);font-family:var(--clearity-font);color:var(--fix-ink-strong,var(--foreground));background:var(--fix-surface,var(--card));opacity:0;visibility:hidden;pointer-events:none;font-size:.75rem;font-weight:600;line-height:1.25;transition:opacity .15s,visibility .15s,transform .15s;transform:translateY(-.25rem);box-shadow:0 6px 18px #181d621f}.demo-pillar--key .clearity-return-control:hover .clearity-return-control__tooltip,.demo-pillar--key .clearity-return-control:focus-visible .clearity-return-control__tooltip{opacity:1;visibility:visible;transform:translateY(0)}.demo-pillar--key.key-category-route .clearity-side-panel__row[aria-current=page]{color:#fff;box-shadow:none;background:#ffffff12;font-weight:500}.demo-pillar--key html:not(.dark) .clearity-pillar--key.key-category-route .clearity-side-panel__row[aria-current=page]{color:#fff;background:#ffffff12}.dark .demo-pillar--key .key-category-route .clearity-side-panel__row[aria-current=page]{color:#dfe7ff;background:#6f9ae012}.demo-pillar--key.key-category-route .clearity-side-panel__row[aria-current=page]:before,.demo-pillar--key.key-category-route .clearity-side-panel__row[aria-current=page]:after{content:none!important;display:none!important}@media (width<=767px){.demo-pillar--key .key-guide__phone{width:100%}.demo-pillar--key .key-guide__phone .phone-frame-visual{--phone-master-w:56rem}.demo-pillar--key .key-guide__method-rail .volume-workspace__method{grid-template-columns:repeat(2,minmax(0,1fr))}}.demo-pillar--key.key-category-route .key-guide__eyebrow{color:var(--clearity-orange,#f05323)!important}.demo-pillar--key.key-category-route .key-guide__title{color:var(--fix-key-panel-blue,#1284ee)!important;-webkit-text-fill-color:var(--fix-key-panel-blue,#1284ee)!important}.demo-pillar--key.key-category-route .key-guide__phone{width:min(100%,40rem)!important}.demo-pillar--key.key-category-route .key-guide__phone .phone-frame-visual{--phone-master-w:40rem}.demo-pillar--key html:not(.dark) .clearity-pillar--key .key-guide__topic-button[aria-current=page] .key-guide__topic-icon,.dark .demo-pillar--key .key-guide__topic-button[aria-current=page] .key-guide__topic-icon,.demo-pillar--key html:not(.dark) .clearity-pillar--key .clearity-side-panel__row.active .clearity-side-panel__icon,.dark .demo-pillar--key .clearity-side-panel__row.active .clearity-side-panel__icon{color:#ffffffe0!important}.demo-pillar--key.key-category-route .volume-workspace__reference{padding:.8rem!important}.demo-pillar--key.key-category-route .volume-workspace__reference-grid{align-items:start;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.55rem!important}.demo-pillar--key.key-category-route .volume-workspace__reference-card{grid-column:auto!important;padding:.65rem!important}.demo-pillar--key.key-category-route .volume-workspace__reference-card h3{margin:0 0 .35rem!important;line-height:1.25!important}.demo-pillar--key.key-category-route .volume-workspace__reference-card dl{gap:.25rem!important}.demo-pillar--key.key-category-route .volume-workspace__reference-card dl>div{grid-template-columns:minmax(0,1fr) minmax(min-content,auto)!important;gap:.5rem!important;padding-block:.12rem!important;line-height:1.3!important}.demo-pillar--key.key-category-route .volume-workspace__reference-card dd:not(.volume-workspace__reference-note){text-align:right;max-width:12rem}.demo-pillar--key.key-category-route .volume-workspace__reference-note{text-align:left;width:100%;max-width:none;margin-top:.35rem!important;padding-top:.35rem!important;line-height:1.35!important}@media (width<=767px){.demo-pillar--key.key-category-route .volume-workspace__reference-grid{grid-template-columns:minmax(0,1fr)!important}}.demo-pillar--key.key-category-route .volume-workspace__reference-card--span-4{grid-column:1/-1!important}@media (width>=768px){.demo-pillar--key.key-category-route .volume-workspace__reference-card--split dl{grid-template-columns:repeat(2,minmax(0,1fr))!important}.demo-pillar--key.key-category-route .volume-workspace__reference-card--split dl>div{min-width:0;display:block}.demo-pillar--key.key-category-route .volume-workspace__reference-card--split .volume-workspace__reference-note{width:100%;max-width:none;text-align:left!important;margin-top:.25rem!important;padding-top:0!important}}.demo-pillar--key .key-related-resources{grid-column:1/-1;justify-items:start;gap:.4rem;width:100%;margin-top:0;display:grid}.demo-pillar--key .key-related-resources__trigger{border-radius:var(--clearity-radius);min-height:2.5rem;color:var(--fix-ink-muted,#64748b);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:.45rem .55rem;font-size:.75rem;font-weight:600;transition:color .16s;display:inline-flex;transform:translateY(-.1875rem)}.demo-pillar--key .key-related-resources__trigger svg{flex:none;width:1rem;height:1rem}.demo-pillar--key .key-related-resources__trigger:hover,.demo-pillar--key .key-related-resources__trigger:focus-visible,.demo-pillar--key .key-related-resources__trigger:active,.demo-pillar--key .key-related-resources__trigger[aria-expanded=true]{color:var(--fix-key-panel-blue,#1284ee);background:0 0;border-color:#0000}.demo-pillar--key .key-related-resources__trigger:focus-visible{outline:2px solid var(--fix-key-panel-blue,#1284ee);outline-offset:2px}.demo-pillar--key .key-related-resources__list{color:var(--fix-ink,#0d6fd4);text-wrap:pretty;flex-wrap:wrap;gap:.4rem 0;margin:-.2rem 0 0;padding:0 .55rem .35rem;font-size:.75rem;line-height:1.35;list-style:none;display:flex}.demo-pillar--key .key-related-resources__list li{align-items:center;display:inline-flex}.demo-pillar--key .key-related-resources__list li:not(:last-child):after{content:"";background:var(--key-topic-line);width:1px;height:.85rem;margin:0 .75rem}.demo-pillar--key .key-related-resources__list a{border-radius:var(--clearity-radius);color:inherit;margin:-.2rem -.35rem;padding:.2rem .35rem;text-decoration:none}.demo-pillar--key .key-related-resources__list a:hover,.demo-pillar--key .key-related-resources__list a:focus-visible{color:#fff;background:var(--fix-key-panel-blue,#1284ee)}.demo-pillar--key .clearity-side-panel__support-title{color:var(--key-help-orange,#ff8a2a)!important}.demo-pillar--key.key-category-route .clearity-side-panel__row.active,.demo-pillar--key.key-category-route .clearity-side-panel__row[aria-current=page]{background:#ffffff1c!important}.dark .demo-pillar--key .key-category-route .clearity-side-panel__row.active,.dark .demo-pillar--key .key-category-route .clearity-side-panel__row[aria-current=page]{background:#6f9ae01f!important}.demo-pillar--key.key-category-route .clearity-side-panel__row.active .clearity-side-panel__icon,.demo-pillar--key.key-category-route .clearity-side-panel__row[aria-current=page] .clearity-side-panel__icon{color:#ffffffe0!important}.demo-pillar--key .visible{visibility:visible}.demo-pillar--key .sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.demo-pillar--key .isolate{isolation:isolate}.demo-pillar--key .grid{display:grid}.demo-pillar--key .h-\[14px\]{height:14px}.demo-pillar--key .w-\[14px\]{width:14px}.demo-pillar--key .w-full{width:100%}.demo-pillar--key .flex-1{flex:1}.demo-pillar--key .shrink-0{flex-shrink:0}.demo-pillar--key .resize-none{resize:none}.demo-pillar--key .bg-transparent{background-color:#0000}.demo-pillar--key .text-\[var\(--fix-ink\)\]{color:var(--fix-ink)}.demo-pillar--key .text-\[var\(--fix-ink-muted\)\]{color:var(--fix-ink-muted)}.demo-pillar--key .uppercase{text-transform:uppercase}.demo-pillar--key .opacity-50{opacity:.5}.demo-pillar--key .ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.demo-pillar--key .focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.demo-pillar--key .fix-cc-quick-card:disabled,.demo-pillar--key .clearity-side-panel__row:disabled{cursor:default;opacity:.6;pointer-events:none}.demo-pillar--key button.clearity-side-panel__row{text-align:left;background:0 0;border:0;width:100%}.demo-pillar--key .key-connectivity-workspace{grid-template-columns:minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}.demo-pillar--key .key-connectivity-device{min-width:0;margin:0}.demo-pillar--key .key-connectivity-device img{object-fit:contain;width:100%;max-width:250px;height:auto;margin:0 auto;display:block}.demo-pillar--key .key-connectivity-device figcaption{text-align:center;color:var(--fix-ink-muted);margin-top:.65rem;font-size:.7rem}.demo-pillar--key .key-connectivity-trainings{gap:.65rem;margin-top:0;display:grid}.demo-pillar--key .key-connectivity-progress{color:var(--fix-ink);margin:.75rem 0 0;font-size:.75rem}.demo-pillar--key .key-connectivity-controls{justify-content:flex-end;margin:.9rem 0 0}.demo-pillar--key .key-connectivity-complete{color:var(--fix-ink);align-items:start;gap:.6rem;margin-top:1rem;display:flex}.demo-pillar--key .key-connectivity-complete svg{flex:none;width:20px}.demo-pillar--key .key-connectivity-complete h4{margin:0;font-size:.9rem}.demo-pillar--key .key-connectivity-complete p{margin-top:.4rem;font-size:.8rem}@media (width>=1180px){.demo-pillar--key .key-guide--connectivity .key-guide__content-layout{grid-template-columns:minmax(0,1fr) 15rem}}.demo-pillar--key .fix-cc-quick-card__label{white-space:normal;text-overflow:clip;line-height:1.3;overflow:visible}.demo-pillar--key .key-connectivity-workspace .volume-workspace__start:hover{color:#fff;background:var(--fix-outline-blue,#1284ee);filter:brightness(1.08)}@media (width>=900px) and (width<=1180px){.demo-pillar--key .fix-cc-quick{grid-template-columns:repeat(3,minmax(0,1fr))}}.demo-pillar--key .key-connectivity-devices{justify-content:center;align-items:flex-start;gap:clamp(1rem,4vw,3.5rem);width:100%;margin:0 auto .75rem;display:flex}.demo-pillar--key .key-connectivity-devices .key-connectivity-device{flex:0 250px}.demo-pillar--key .clearity-side-panel{--clearity-side-panel-border-width:2px;border:2px solid var(--clearity-orange,#f05323);background-image:linear-gradient(180deg, var(--fix-key-panel-blue,var(--primary)), var(--fix-key-panel-blue-mid,var(--primary)) 56%, var(--fix-key-panel-blue-deep,var(--primary)));background-clip:padding-box;height:auto;min-height:0;max-height:none;padding:1.1rem 1rem;animation:none}.demo-pillar--key .clearity-side-panel:before,.demo-pillar--key .clearity-side-panel:after{content:none;animation:none;display:none}.demo-pillar--key .clearity-side-panel__nav{gap:2px}.dark .demo-pillar--key .clearity-side-panel{background-image:linear-gradient(145deg,#899ec54d,#4d5d7c57 38%,#263149c7)}.demo-pillar--key .key-connectivity-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(1.25rem,3vw,3rem);display:grid}.demo-pillar--key .key-connectivity-top .key-guide__header{margin:0}.demo-pillar--key .key-connectivity-top .key-guide__title{font-size:clamp(2rem,3.5vw,3.5rem)}.demo-pillar--key .key-connectivity-intro{max-width:31rem;color:var(--fix-ink-muted);margin:1.4rem 0 0;font-size:.95rem;line-height:1.6}.demo-pillar--key .key-connectivity-devices{gap:clamp(.75rem,2vw,2rem);margin:0}.demo-pillar--key .key-connectivity-devices .key-connectivity-device{flex-basis:205px}.demo-pillar--key .key-connectivity-device img{max-width:205px}.demo-pillar--key .key-connectivity-device figcaption{display:none}.demo-pillar--key .key-connectivity-training-panel{border:1px solid var(--key-topic-line);border-radius:var(--key-topic-radius);background:var(--key-volume-glass-surface,var(--fix-surface));box-shadow:var(--key-topic-shadow);gap:.85rem;padding:1rem}.demo-pillar--key .key-connectivity-training-panel>h2{margin:0}.demo-pillar--key .key-connectivity-trainings{gap:.4rem}.demo-pillar--key .key-connectivity-trainings .volume-workspace__panel{padding:.65rem .8rem}.demo-pillar--key .key-connectivity-row-copy{flex:1;grid-template-columns:10rem minmax(0,1fr);align-items:center;gap:.75rem;display:grid}.demo-pillar--key .key-connectivity-row-description{color:var(--fix-ink-muted);margin:0;font-size:.75rem;line-height:1.4}.demo-pillar--key .key-guide--connectivity .key-guide__content-layout{grid-template-columns:minmax(0,2.6fr) minmax(15rem,1fr);gap:1rem}.demo-pillar--key .key-guide--connectivity .key-support-rail{grid-template-columns:minmax(0,1fr)}.demo-pillar--key .clearity-side-panel__row{height:38px;min-height:38px;font-size:15px}@media (width>=1024px){.demo-pillar--key.key-category-route .clearity-landing__grid:has(.key-guide--connectivity){gap:1rem 2.75rem}.demo-pillar--key .key-guide--connectivity,.demo-pillar--key .key-connectivity-workspace{display:contents}.demo-pillar--key.key-category-route .clearity-landing__grid>.min-w-0:has(.key-guide--connectivity){display:contents}.demo-pillar--key .key-connectivity-top{grid-column:2}.demo-pillar--key .key-connectivity-workspace>.key-guide__method-rail,.demo-pillar--key .key-connectivity-workspace>.key-guide__content-layout{grid-column:1/-1}}@media (width<=760px){.demo-pillar--key .key-connectivity-top,.demo-pillar--key .key-guide--connectivity .key-guide__content-layout{grid-template-columns:minmax(0,1fr)}.demo-pillar--key .key-connectivity-row-copy{grid-template-columns:minmax(0,1fr);gap:.35rem}.demo-pillar--key .key-connectivity-devices .key-connectivity-device{flex-basis:155px}}.dark .demo-pillar--key .key-connectivity-training-panel{background:#222e457a;border-color:#6f9ae033}@media (width>=761px){.demo-pillar--key .key-guide--connectivity .volume-workspace__method-item{border-top:0;align-self:stretch;margin:0;padding-top:0;padding-bottom:0}}@media (width>=1024px){.demo-pillar--key .key-connectivity-top{align-self:center}.demo-pillar--key.key-category-route .clearity-landing__grid:has(.key-guide--connectivity)>.clearity-side-panel-aside{align-self:center;margin-top:0}}.demo-pillar--key .key-support-card__toggle{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.5rem;padding:0;display:flex}.demo-pillar--key .key-support-card__toggle .key-support-card__chevron{margin-left:auto;transition:transform .16s}.demo-pillar--key .key-support-card__toggle[aria-expanded=true] .key-support-card__chevron{transform:rotate(180deg)}.demo-pillar--key .key-support-card__toggle:focus-visible{outline:2px solid var(--fix-outline-blue,#1284ee);outline-offset:4px;border-radius:3px}.demo-pillar--key .key-support-card--collapsible .key-support-card__title{margin-bottom:0}.demo-pillar--key .key-support-card__expanded{margin-top:.55rem}.demo-pillar--key .key-phone-media{aspect-ratio:884/1779;align-items:start;width:100%;display:grid;position:relative}.demo-pillar--key .key-phone-media>img{object-fit:contain;object-position:top center;width:100%;height:100%;position:absolute;inset:0}.demo-pillar--key .key-training-close{flex:none;justify-content:center;align-items:center;width:30px;height:30px;padding:4px;display:inline-flex}.demo-pillar--key .key-training-close svg{width:17px;height:17px}.demo-pillar--key .key-training-view-all{margin-top:.65rem}.demo-pillar--key .key-training-close:focus-visible,.demo-pillar--key .key-training-view-all:focus-visible{outline:2px solid var(--fix-outline-blue);outline-offset:3px}.demo-pillar--key .key-back-handset{aspect-ratio:464/932;width:96%;margin:0 auto;position:relative}.demo-pillar--key .key-back-crop{width:97.2144%;margin:0 auto;position:absolute;inset:0;overflow:hidden}.demo-pillar--key .key-back-crop>img{width:108.701%;max-width:none;height:105.219%;margin:0;position:absolute;top:-2.25386%;left:-4.41176%}.demo-main:has(>.demo-pillar){width:100%;max-width:none;padding:0}.demo-pillar{outline:none;min-height:70vh}.demo-pillar-logo{width:148px;height:auto}.demo-pillar .demo-back{margin-bottom:.75rem}.demo-pillar-logo--dark,.dark .demo-pillar-logo--light{display:none}.dark .demo-pillar-logo--dark{display:block}.demo-pillar--key .key-back-button,.demo-pillar--key .key-back-button:hover{background:linear-gradient(var(--demo-surface), var(--demo-surface)) padding-box, linear-gradient(90deg, #38a8ff, #f06824) border-box;border:1px solid #0000;border-radius:.5rem;min-height:1.9rem;padding:.25rem .6rem}.demo-pillar--key .key-back-button:focus-visible{outline-offset:3px;outline:2px solid #38a8ff}.cleartask{--ct-navy:#0b1a45;--ct-blue:#1e90ff;--ct-blue-soft:#85c7fd;--ct-orange:#f05323;--ct-orange-soft:#ff8a3d;--ct-red:#e11d48;--ct-surface:#fafbfd;--ct-card:#fff;--ct-muted:#64748b;--ct-ease:cubic-bezier(.22, 1, .36, 1);--ct-border-grad:linear-gradient(135deg, #0b1a45 0%, #1a3f8f 42%, #1e90ff 72%, #f05323 100%);--ct-blue-outline-grad:linear-gradient(135deg, #0b1a45 0%, #042572 36%, #1a3f8f 68%, #1e90ff 100%);color:var(--ct-navy);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif}.cleartask-intro{text-align:center;max-width:40rem;margin-inline:auto}.cleartask-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--ct-blue);margin:0;font-size:.6875rem;font-weight:600}.cleartask-title{font-family:var(--clearity-wordmark-font,"Glacial Indifference", sans-serif);letter-spacing:-.02em;background:var(--clearity-wordmark-gradient,linear-gradient(92deg, #001545 0%, #042572 42%, #006af8 100%));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.75rem,2.5vw,2.25rem);font-weight:400;line-height:1.15}.cleartask-subhead{letter-spacing:-.01em;color:var(--ct-muted);margin:.55rem 0 0;font-size:1rem;font-weight:500}.cleartask-toolbar{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;max-width:44rem;margin:1.25rem auto 0;display:flex}.cleartask-outline-shell{box-sizing:border-box;background:var(--ct-blue-outline-grad);isolation:isolate;border-radius:.75rem;padding:1px;position:relative}.cleartask-outline-shell--search{flex:16rem;min-width:0}.cleartask-outline-shell--calendar{border-radius:1.125rem;margin-top:1.15rem;padding:1.5px}.cleartask-search{box-sizing:border-box;width:100%;height:2.875rem;color:var(--ct-navy);background:#fff;border:1px solid #0b1a451a;border-radius:.75rem;padding:0 1rem;font-family:inherit;font-size:.9375rem;display:block;box-shadow:0 1px 2px #0b1a450a}.cleartask-search--inset{box-shadow:none;background:#fff;border:0;border-radius:calc(.75rem - 1px)}.cleartask-search:focus,.cleartask-search--inset:focus{outline:none}.cleartask-outline-shell:focus-within{box-shadow:0 0 0 3px #1e90ff24}.cleartask-search::placeholder{color:#94a3b8}.cleartask-btn{letter-spacing:-.01em;cursor:pointer;height:2.875rem;transition:transform .18s var(--ct-ease), box-shadow .18s var(--ct-ease), background .18s ease, color .18s ease;border:0;border-radius:.75rem;justify-content:center;align-items:center;gap:.4rem;padding:0 1.15rem;font-family:inherit;font-size:.875rem;font-weight:600;display:inline-flex}.cleartask-btn:focus-visible{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--ct-blue);outline:none}.cleartask-btn--primary{color:#fff;background:linear-gradient(135deg,#0b1a45 0%,#1a3f8f 48%,#1e90ff 100%);box-shadow:0 8px 22px -10px #0b1a4573}.cleartask-btn--primary:hover{transform:translateY(-1px);box-shadow:0 12px 28px -10px #0b1a4580}.cleartask-btn--ghost{color:var(--ct-navy);background:#fff;border:1px solid #0b1a451a;box-shadow:0 1px 2px #0b1a450a}.cleartask-btn--ghost:hover{background:#f8fbff;border-color:#1e90ff59}.cleartask-btn--ghost[aria-pressed=true]{color:var(--ct-blue);background:#1e90ff14;border-color:#1e90ff73}.cleartask-view-toggle-shell{justify-content:center;width:100%;margin-top:1.25rem;display:flex}.cleartask-view-toggle{background:#0b1a450a;border:1px solid #0b1a450f;border-radius:.625rem;gap:.25rem;width:fit-content;max-width:100%;padding:.22rem;display:inline-flex}.cleartask-view-toggle__btn{height:2.125rem;color:var(--ct-muted);cursor:pointer;transition:background .2s var(--ct-ease), color .2s var(--ct-ease), box-shadow .2s var(--ct-ease);background:0 0;border:0;border-radius:.48rem;padding:0 1rem;font-family:inherit;font-size:.8125rem;font-weight:600}.cleartask-view-toggle__btn[aria-pressed=true]{color:#fff;background:var(--clearity-wordmark-gradient);box-shadow:0 4px 12px #0b1a4514}.cleartask-sections{flex-direction:column;gap:.85rem;margin-top:1.1rem;display:flex}.cleartask-section__head{justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.4rem;display:flex}.cleartask-section__title{letter-spacing:.14em;text-transform:uppercase;color:var(--ct-blue);margin:0;font-size:.75rem;font-weight:700}.cleartask-section--overdue .cleartask-section__title{color:var(--ct-red)}.cleartask-section__count{color:var(--ct-muted);font-size:.75rem;font-weight:600}.cleartask-card-list{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.cleartask-card{background:linear-gradient(var(--ct-card), var(--ct-card)) padding-box, var(--ct-border-grad) border-box;text-align:left;cursor:pointer;isolation:isolate;width:100%;transition:transform .22s var(--ct-ease), box-shadow .22s var(--ct-ease);color:inherit;background-origin:border-box;background-clip:padding-box,border-box;border:1.5px solid #0000;border-radius:1rem;margin:0;padding:0;font-family:inherit;position:relative;overflow:hidden;box-shadow:0 1px 2px #0b1a450a}.cleartask-card.clearity-border-shimmer:after{animation-delay:calc(var(--clearity-shimmer-delay,0s) + var(--ct-shimmer-stagger,0s));z-index:2;padding:1.5px}.cleartask-card:before{content:"";background:var(--ct-urgency,var(--ct-blue));width:4px;transition:background .28s var(--ct-ease);pointer-events:none;z-index:1;position:absolute;top:0;bottom:0;left:0}.cleartask-card:hover,.cleartask-card:focus-visible{outline:none;transform:translateY(-2px);box-shadow:0 16px 36px -18px #0b1a4547}.cleartask-card[data-expanded=true]{transform:none;box-shadow:0 18px 40px -16px #0b1a4538}.cleartask-card__inner{padding:.7rem .95rem .7rem 1.1rem}.cleartask-card__top{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.cleartask-card__title{letter-spacing:-.015em;color:var(--ct-navy);margin:0;font-size:.975rem;font-weight:600}.cleartask-card__badges{flex-wrap:wrap;flex-shrink:0;gap:.35rem;display:flex}.cleartask-badge{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;height:1.375rem;padding:0 .5rem;font-size:.625rem;font-weight:700;display:inline-flex}.cleartask-badge--priority{color:var(--ct-navy);background:#0b1a450f}.cleartask-badge--priority-high,.cleartask-badge--priority-urgent{color:var(--ct-orange);background:#f053231a}.cleartask-badge--status{color:var(--ct-blue);background:#1e90ff1a}.cleartask-badge--status-completed{color:#0f766e;background:#0f766e1a}.cleartask-badge--status-closed{color:#1a3f8f;background:#1a3f8f1a}.cleartask-badge--status-cancelled{color:#64748b;background:#64748b1f}.cleartask-badge--status-archived{color:#475569;background:#4755691a}.cleartask-card__meta{grid-template-columns:1fr;gap:.2rem 1rem;margin-top:.45rem;display:grid}@media (width>=640px){.cleartask-card__meta{grid-template-columns:repeat(3,minmax(0,1fr))}}.cleartask-meta__label{letter-spacing:.1em;text-transform:uppercase;color:#94a3b8;font-size:.625rem;font-weight:700;display:block}.cleartask-meta__value{color:var(--ct-navy);margin-top:.15rem;font-size:.875rem;font-weight:500;display:block}.cleartask-meta__value--category{color:var(--ct-category,var(--ct-blue))}.cleartask-card__detail{transition:grid-template-rows .32s var(--ct-ease);grid-template-rows:0fr;display:grid}.cleartask-card[data-expanded=true] .cleartask-card__detail{grid-template-rows:1fr}.cleartask-card__detail-inner{overflow:hidden}.cleartask-card__detail-body{border-top:1px solid #0b1a450f;margin-top:.65rem;padding-top:.65rem}.cleartask-card__notes{color:var(--ct-muted);white-space:pre-wrap;margin:0;font-size:.875rem;line-height:1.55}.cleartask-card__phones{flex-wrap:wrap;gap:.4rem;margin:.65rem 0 0;padding:0;list-style:none;display:flex}.cleartask-card__phones li{color:var(--ct-navy);background:#1e90ff14;border-radius:999px;padding:.25rem .55rem;font-size:.8125rem;font-weight:500}.cleartask-card__actions{flex-wrap:wrap;gap:.5rem;margin-top:.9rem;display:flex}.cleartask-empty{text-align:center;width:max-content;max-width:min(42rem,100% - 2rem);color:var(--ct-muted);white-space:nowrap;margin:1.5rem auto;font-size:.9375rem;line-height:1.45}@media (width<=40rem){.cleartask-empty{white-space:normal;width:auto;max-width:calc(100% - 2rem)}}.cleartask-modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:cleartaskFadeIn .22s var(--ct-ease) both;background:#0b1a4547;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.cleartask-modal{--ct-navy:#0b1a45;--ct-blue:#1e90ff;--ct-muted:#64748b;--ct-modal-surface:#fafbfd;--ct-border-grad:linear-gradient(135deg, #0b1a45 0%, #1a3f8f 42%, #1e90ff 72%, #f05323 100%);background-color:var(--ct-modal-surface);background:linear-gradient(var(--ct-modal-surface), var(--ct-modal-surface)) padding-box, var(--ct-border-grad) border-box;width:min(100%,34rem);max-height:min(90vh,44rem);animation:cleartaskRiseIn .3s var(--ct-ease) both;border:1px solid #0000;border-radius:1.125rem;padding:1.35rem 1.4rem 1.4rem;overflow:auto;box-shadow:0 24px 64px #0b1a452e}.cleartask-modal__title{font-family:var(--clearity-wordmark-font,"Glacial Indifference", sans-serif);letter-spacing:-.015em;background:var(--clearity-wordmark-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.35rem;font-weight:400}.cleartask-modal__form{flex-direction:column;gap:.85rem;margin-top:1.1rem;display:flex}.cleartask-field label{letter-spacing:.1em;text-transform:uppercase;color:var(--ct-blue);margin-bottom:.35rem;font-size:.6875rem;font-weight:600;display:block}.cleartask-field input,.cleartask-field select,.cleartask-field textarea{box-sizing:border-box;width:100%;color:var(--ct-navy);background:#fff;border:1px solid #0b1a451a;border-radius:.75rem;padding:.7rem .9rem;font-family:inherit;font-size:.9375rem;box-shadow:0 1px 2px #0b1a450a}.cleartask-select-wrap{position:relative}.cleartask-select-wrap:after{content:"▾";pointer-events:none;color:var(--ct-blue);opacity:.9;font-size:.95rem;line-height:1;position:absolute;top:50%;right:.78rem;transform:translateY(-50%)}.cleartask-category-select{appearance:none;padding-right:2.15rem}.cleartask-field textarea{resize:vertical;min-height:5.5rem;line-height:1.45}.cleartask-field input:focus,.cleartask-field select:focus,.cleartask-field textarea:focus{border-color:#1e90ff73;outline:none;box-shadow:0 0 0 3px #1e90ff1f}.cleartask-field-row{grid-template-columns:1fr;gap:.85rem;display:grid}@media (width>=520px){.cleartask-field-row{grid-template-columns:1fr 1fr}}.cleartask-phone-list{flex-direction:column;gap:.45rem;display:flex}.cleartask-phone-row{align-items:center;gap:.4rem;display:flex}.cleartask-phone-row input{flex:1;min-width:0}.cleartask-phone-remove{color:#64748b;cursor:pointer;background:#fff;border:1px solid #0b1a451f;border-radius:.5rem;flex-shrink:0;place-items:center;width:1.85rem;height:1.85rem;margin:0;padding:0;font-size:1.1rem;line-height:1;transition:color .16s,border-color .16s,background .16s;display:inline-grid}.cleartask-phone-remove:hover{color:var(--ct-navy);background:#f8fbff;border-color:#1e90ff59}.cleartask-phone-remove:focus-visible{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--ct-blue);outline:none}.cleartask-modal__actions{justify-content:flex-end;gap:.55rem;margin-top:.35rem;padding-top:.35rem;display:flex}.cleartask-calendar{box-shadow:none;background:#fff;border:0;border-radius:calc(1.125rem - 1.5px);margin-top:0;overflow:hidden}.cleartask-calendar__toolbar{border-bottom:1px solid #0b1a450f;justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1.1rem;display:flex}.cleartask-calendar__month{letter-spacing:-.015em;margin:0;font-size:1rem;font-weight:600}.cleartask-calendar__nav{gap:.35rem;display:inline-flex}.cleartask-calendar__nav button{width:2rem;height:2rem;color:var(--ct-navy);cursor:pointer;background:#fff;border:1px solid #0b1a451a;border-radius:.55rem;font-size:1rem;line-height:1}.cleartask-calendar__nav button:hover{background:#f8fbff;border-color:#1e90ff59}.cleartask-calendar__grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.cleartask-calendar__dow{text-align:center;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;border-bottom:1px solid #0b1a450d;padding:.55rem .25rem;font-size:.625rem;font-weight:700}.cleartask-calendar__day{background:#fff;border-bottom:1px solid #0b1a450a;border-right:1px solid #0b1a450a;min-height:5.5rem;padding:.4rem}.cleartask-calendar__day:nth-child(7n){border-right:0}.cleartask-calendar__day--muted{color:#94a3b8;background:#fafbfd}.cleartask-calendar__day--today .cleartask-calendar__daynum{color:#fff;background:linear-gradient(135deg,#0b1a45,#1e90ff)}.cleartask-calendar__daynum{border-radius:999px;place-items:center;width:1.5rem;height:1.5rem;font-size:.75rem;font-weight:600;display:inline-grid}.cleartask-calendar__events{flex-direction:column;gap:.2rem;margin:.3rem 0 0;padding:0;list-style:none;display:flex}.cleartask-calendar__event{width:100%;color:var(--ct-navy);text-align:left;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:#1e90ff1a;border:0;border-radius:.3rem;margin:0;padding:.15rem .3rem;font-family:inherit;font-size:.625rem;font-weight:600;display:block;overflow:hidden}.cleartask-calendar__event:hover{background:#1e90ff2e}.cleartask-calendar__hint{color:var(--ct-muted);background:#fafbfd;border-top:1px solid #0b1a450d;margin:0;padding:.75rem 1.1rem;font-size:.75rem}.cleartask-toasts{z-index:80;pointer-events:none;flex-direction:column;gap:.65rem;width:min(22.5rem,100vw - 2rem);display:flex;position:fixed;top:1.1rem;right:1.1rem}.cleartask-toast{pointer-events:auto;background:linear-gradient(#fafbfd, #fafbfd) padding-box, var(--ct-border-grad) border-box;animation:cleartaskToastIn .32s var(--ct-ease) both;border:1px solid #0000;border-radius:.95rem;padding:.95rem 1rem;box-shadow:0 16px 40px #0b1a4524}.cleartask-toast__brand{font-family:var(--clearity-wordmark-font,"Glacial Indifference", sans-serif);letter-spacing:-.01em;background:var(--clearity-wordmark-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:.8125rem;font-weight:400}.cleartask-toast__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--ct-orange);margin:.2rem 0 0;font-size:.625rem;font-weight:700}.cleartask-toast__title{letter-spacing:-.015em;color:var(--ct-navy);margin:.25rem 0 0;font-size:.975rem;font-weight:600}.cleartask-toast__due{color:var(--ct-muted);margin:.2rem 0 0;font-size:.8125rem}.cleartask-toast__actions{flex-wrap:wrap;gap:.4rem;margin-top:.75rem;display:flex}.cleartask-toast__actions .cleartask-btn{height:2.1rem;padding:0 .8rem;font-size:.75rem}@keyframes cleartaskFadeIn{0%{opacity:0}to{opacity:1}}@keyframes cleartaskRiseIn{0%{transform:translateY(10px)scale(.98)}to{transform:translateY(0)scale(1)}}@keyframes cleartaskToastIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.cleartask-history{margin-top:1.1rem}.cleartask-history__filters{flex-direction:column;gap:.75rem;margin-bottom:.85rem;display:flex}.cleartask-history__search{width:100%}.cleartask-history__filter-grid{grid-template-columns:1fr;gap:.65rem;display:grid}@media (width>=640px){.cleartask-history__filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=900px){.cleartask-history__filter-grid{grid-template-columns:repeat(6,minmax(0,1fr));align-items:end}}.cleartask-history__reset-wrap{align-items:flex-end;display:flex}.cleartask-history__reset-wrap .cleartask-btn{width:100%;height:2.5rem}.cleartask-history__list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.cleartask-history-row{background:linear-gradient(#fff, #fff) padding-box, var(--ct-border-grad) border-box;text-align:left;cursor:pointer;width:100%;color:inherit;isolation:isolate;transition:box-shadow .18s var(--ct-ease), transform .18s var(--ct-ease);background-origin:border-box;background-clip:padding-box,border-box;border:1.5px solid #0000;border-radius:.75rem;margin:0;padding:.65rem .85rem;font-family:inherit;position:relative;box-shadow:0 1px 2px #0b1a4508}.cleartask-history-row.clearity-border-shimmer:after{animation-delay:calc(var(--clearity-shimmer-delay,0s) + var(--ct-shimmer-stagger,0s));z-index:2;padding:1.5px}.cleartask-history-row:hover,.cleartask-history-row:focus-visible{outline:none;box-shadow:0 8px 20px -14px #0b1a4547}.cleartask-history-row__main{justify-content:space-between;align-items:flex-start;gap:.65rem;display:flex}.cleartask-history-row__title{letter-spacing:-.012em;color:var(--ct-navy);margin:0;font-size:.9375rem;font-weight:600}.cleartask-history-row__customer{color:var(--ct-muted);margin:.15rem 0 0;font-size:.8125rem}.cleartask-history-row__badges{flex-wrap:wrap;flex-shrink:0;gap:.3rem;display:flex}.cleartask-history-row__meta{color:var(--ct-muted);flex-wrap:wrap;gap:.35rem .85rem;margin-top:.4rem;font-size:.75rem;font-weight:500;display:flex}.cleartask-history-row__detail{border-top:1px solid #0b1a450f;margin-top:.65rem;padding-top:.65rem}.cleartask-history-row__readonly{letter-spacing:.1em;text-transform:uppercase;color:#94a3b8;margin:0 0 .45rem;font-size:.625rem;font-weight:700}.cleartask-history-row__stamps{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem .85rem;margin:.65rem 0 0;display:grid}@media (width>=640px){.cleartask-history-row__stamps{grid-template-columns:repeat(3,minmax(0,1fr))}}.cleartask-history-row__stamps dt{letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;margin:0;font-size:.625rem;font-weight:700}.cleartask-history-row__stamps dd{color:var(--ct-navy);margin:.1rem 0 0;font-size:.8125rem;font-weight:500}@media (prefers-reduced-motion:reduce){.cleartask-card,.cleartask-btn,.cleartask-card__detail,.cleartask-modal-backdrop,.cleartask-modal,.cleartask-toast{transition:none!important;animation:none!important}.cleartask-outline-shell.clearity-border-shimmer:after,.cleartask-card.clearity-border-shimmer:after,.cleartask-history-row.clearity-border-shimmer:after,.cleartask-toast.clearity-border-shimmer:after{animation:none!important}}.dark .cleartask{--ct-navy:var(--clearity-dark-ink-strong);--ct-card:var(--clearity-dark-surface);--ct-surface:var(--clearity-dark-page);--ct-muted:var(--clearity-dark-muted);color:var(--clearity-dark-ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.dark .cleartask-title,.dark .cleartask-modal__title,.dark .cleartask-toast__brand{color:var(--clearity-dark-heading);-webkit-text-fill-color:var(--clearity-dark-heading);background:0 0}.dark .cleartask-search,.dark .cleartask-field input,.dark .cleartask-field select,.dark .cleartask-field textarea{background:var(--clearity-dark-search);color:var(--clearity-dark-search-ink);border-color:#85c7fd7a}.dark .cleartask-search::placeholder,.dark .cleartask-field input::placeholder,.dark .cleartask-field textarea::placeholder{color:var(--clearity-dark-search-muted)}.dark .cleartask-card,.dark .cleartask-history-row{background:linear-gradient(var(--clearity-dark-surface), var(--clearity-dark-surface)) padding-box, var(--ct-border-grad) border-box;color:var(--clearity-dark-ink);box-shadow:0 12px 30px -22px #000000c7}.dark .cleartask-card__detail,.dark .cleartask-history-row__detail{border-top-color:var(--clearity-dark-border)}.dark .cleartask-badge--priority,.dark .cleartask-section__count{background:var(--clearity-dark-card);color:var(--clearity-dark-ink-strong)}.dark .cleartask-view-toggle{border-color:var(--clearity-dark-border);background:var(--clearity-dark-card)}.dark .cleartask-view-toggle__btn{color:var(--clearity-dark-muted)}.dark .cleartask-view-toggle__btn[aria-pressed=true]{background:var(--clearity-wordmark-gradient);color:#fff;box-shadow:0 4px 12px #0000004d}.dark .cleartask-modal,.dark .cleartask-toast{--ct-navy:var(--clearity-dark-ink-strong);--ct-muted:var(--clearity-dark-muted);--ct-blue:#1e90ff;--ct-orange:#f05323;--ct-modal-surface:var(--clearity-dark-surface);--ct-border-grad:linear-gradient(135deg, #0b1a45 0%, #1a3f8f 42%, #1e90ff 72%, #f05323 100%);background-color:var(--ct-modal-surface);background:linear-gradient(var(--ct-modal-surface), var(--ct-modal-surface)) padding-box, var(--ct-border-grad) border-box;color:var(--clearity-dark-ink);box-shadow:0 24px 64px #00000085}.dark .cleartask-modal-backdrop{background:#030817b3}.dark .cleartask-phone-remove,.dark .cleartask-btn--ghost,.dark .cleartask-calendar__nav button{border-color:var(--clearity-dark-border);background:var(--clearity-dark-card);color:var(--clearity-dark-ink-strong)}.dark .cleartask-phone-remove:hover,.dark .cleartask-btn--ghost:hover,.dark .cleartask-calendar__nav button:hover{background:#85c7fd1f;border-color:#38a8ff7a}.dark .cleartask-calendar{background:var(--clearity-dark-surface)}.dark .cleartask-calendar__toolbar,.dark .cleartask-calendar__dow,.dark .cleartask-calendar__hint{border-color:var(--clearity-dark-border);color:var(--clearity-dark-muted)}.dark .cleartask-calendar__day{border-color:var(--clearity-dark-border);background:var(--clearity-dark-surface)}.dark .cleartask-calendar__day--muted{background:var(--clearity-dark-card);color:var(--clearity-dark-muted)}.dark .cleartask-empty{color:var(--clearity-dark-muted)}.clearcourse{--ccourse-navy:#0b1a45;--ccourse-blue:#1e90ff;--ccourse-orange:#f05323;--ccourse-muted:#64748b;--ccourse-soft:#f6f9fd;--ccourse-card:#fff;--ccourse-border:#0b1a4514;--ccourse-radius:1rem;--ccourse-radius-inner:.75rem;--ccourse-shadow:0 1px 2px #0b1a450a;--ccourse-accent:linear-gradient(90deg, #0b1a45 0%, #1e90ff 68%, #f05323 100%);--ccourse-ease:cubic-bezier(.22, 1, .36, 1);color:var(--ccourse-navy);font-family:Inter,system-ui,sans-serif}.clearcourse h1,.clearcourse h2,.clearcourse h3{text-wrap:balance}.clearcourse p,.clearcourse li{text-wrap:pretty}.clearcourse-intro{text-align:center;max-width:42rem;margin-inline:auto}.clearcourse-eyebrow,.clearcourse-section-heading__eyebrow,.clearcourse-card-kicker,.clearcourse-compact-heading p,.clearcourse-kai__role,.clearcourse-kai__label{color:var(--ccourse-blue);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.6875rem;font-weight:700;line-height:1.2}.clearcourse-eyebrow{letter-spacing:.18em}.clearcourse-intro h1{font-family:var(--clearity-wordmark-font,"Glacial Indifference", sans-serif);letter-spacing:-.03em;background:var(--clearity-wordmark-gradient,linear-gradient(92deg, #001545 0%, #042572 42%, #006af8 100%));color:#0000;-webkit-background-clip:text;background-clip:text;margin:.35rem 0 0;font-size:clamp(2rem,4vw,2.75rem);font-weight:400;line-height:1.05}.clearcourse-intro__lead{color:var(--ccourse-muted);margin:.65rem auto 0;font-size:.975rem;line-height:1.55}.clearcourse-layout{align-items:start;gap:1.25rem;margin-top:2rem;display:grid}.clearcourse-learning-workspace{gap:1.25rem;min-width:0;display:grid}.clearcourse-section-heading{justify-content:space-between;align-items:end;gap:1.5rem;margin-bottom:.75rem;display:flex}.clearcourse-section-heading h2,.clearcourse-compact-heading h2{color:var(--ccourse-navy);letter-spacing:-.018em;margin:.25rem 0 0;font-size:1.05rem;font-weight:650;line-height:1.2}.clearcourse-section-heading>p{max-width:22rem;color:var(--ccourse-muted);text-align:right;margin:0;font-size:.78rem;line-height:1.45}.clearcourse-continue-card,.clearcourse-progress-card,.clearcourse-library-card,.clearcourse-kai{box-sizing:border-box;border:1px solid var(--ccourse-border);border-radius:var(--ccourse-radius);background:var(--ccourse-card);box-shadow:var(--ccourse-shadow);position:relative;overflow:hidden}.clearcourse-accent{inset-inline:0;background:var(--ccourse-accent);opacity:.88;height:4px;position:absolute;top:0}.clearcourse-continue-card{align-items:center;min-height:12.25rem;padding:1.5rem;display:grid}.clearcourse-empty,.clearcourse-continue-card__active{align-items:center;gap:1rem;display:flex}.clearcourse-feature-icon,.clearcourse-library-mark,.clearcourse-compact-heading__icon{color:var(--ccourse-blue);background:#1e90ff14;border:1px solid #1e90ff1f;flex:none;place-items:center;display:grid}.clearcourse-feature-icon{border-radius:50%;width:3.5rem;height:3.5rem}.clearcourse-empty h3,.clearcourse-continue-card__active h3,.clearcourse-course-list h3,.clearcourse-kai__capabilities h3{color:var(--ccourse-navy);letter-spacing:-.012em;margin:0;font-size:.95rem;font-weight:650;line-height:1.3}.clearcourse-empty p,.clearcourse-continue-card__active p,.clearcourse-course-list p{color:var(--ccourse-muted);margin:.35rem 0 0;font-size:.84rem;line-height:1.55}.clearcourse-continue-card__copy{width:100%;min-width:0}.clearcourse-card-kicker{margin-bottom:.35rem}.clearcourse-progress-track{background:#0b1a4512;border-radius:999px;width:100%;height:.4rem;margin-top:.9rem;overflow:hidden}.clearcourse-progress-track span{border-radius:inherit;background:var(--ccourse-accent);min-width:0;height:100%;display:block}.clearcourse-next-lesson{font-weight:600;font-size:.75rem!important}.clearcourse-learning-workspace__lower{gap:1.25rem;display:grid}.clearcourse-progress-card,.clearcourse-library-card{min-height:13rem;padding:1.25rem}.clearcourse-compact-heading{align-items:center;gap:.7rem;display:flex}.clearcourse-compact-heading__icon{border-radius:.7rem;width:2.25rem;height:2.25rem}.clearcourse-compact-heading h2{font-size:.95rem}.clearcourse-progress-score{align-items:baseline;gap:.45rem;margin-top:1.15rem;display:flex}.clearcourse-progress-score strong{color:var(--ccourse-navy);letter-spacing:-.04em;font-size:1.65rem;font-weight:650}.clearcourse-progress-score span{color:var(--ccourse-muted);white-space:nowrap;font-size:.72rem}.clearcourse-progress-track--overview{margin-top:.4rem}.clearcourse-progress-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:1rem 0 0;display:grid}.clearcourse-progress-stats div{border-radius:var(--ccourse-radius-inner);background:var(--ccourse-soft);padding:.65rem}.clearcourse-progress-stats dt{color:var(--ccourse-muted);white-space:nowrap;align-items:center;gap:.3rem;font-size:.66rem;line-height:1.2;display:flex}.clearcourse-progress-stats dd{color:var(--ccourse-navy);margin:.35rem 0 0;font-size:1rem;font-weight:650}.clearcourse-empty--library{border-radius:var(--ccourse-radius-inner);background:var(--ccourse-soft);min-height:7.5rem;margin-top:.85rem;padding:1rem}.clearcourse-library-mark{border-radius:.75rem;width:2.75rem;height:2.75rem}.clearcourse-course-list{gap:.65rem;margin:.85rem 0 0;padding:0;list-style:none;display:grid}.clearcourse-course-list li{border-radius:var(--ccourse-radius-inner);background:var(--ccourse-soft);color:var(--ccourse-blue);gap:.75rem;padding:.85rem;display:flex}.clearcourse-kai{padding:1.4rem}.clearcourse-kai__brand{align-items:center;gap:.85rem;padding-top:.15rem;display:flex}.clearcourse-kai__mark{background:linear-gradient(145deg,#1e90ff1a,#f053230f);border:1px solid #1e90ff26;border-radius:50%;flex:none;place-items:center;width:3.35rem;height:3.35rem;display:grid;position:relative}.clearcourse-kai__mark img{object-fit:contain;width:3rem;height:3rem}.clearcourse-kai__spark{border:2px solid var(--ccourse-card);background:var(--ccourse-blue);color:#fff;border-radius:50%;place-items:center;width:1.35rem;height:1.35rem;display:grid;position:absolute;bottom:-.05rem;right:-.15rem}.clearcourse-kai__brand h2{font-family:var(--clearity-wordmark-font,"Glacial Indifference", sans-serif);letter-spacing:-.025em;color:var(--ccourse-navy);margin:.2rem 0 0;font-size:1.65rem;font-weight:400;line-height:1}.clearcourse-kai__welcome{border-radius:var(--ccourse-radius-inner);background:linear-gradient(145deg,#1e90ff12,#1e90ff06);border:1px solid #1e90ff1f;margin-top:1.25rem;padding:1rem;position:relative}.clearcourse-kai__welcome:before{content:"";background:#f7fbff;border-top:1px solid #1e90ff1f;border-left:1px solid #1e90ff1f;width:.7rem;height:.7rem;position:absolute;top:-.38rem;left:1.25rem;transform:rotate(45deg)}.clearcourse-kai__welcome p{color:#52627c;margin:0;font-size:.84rem;line-height:1.6}.clearcourse-kai__capabilities{margin-top:1.25rem}.clearcourse-kai__capabilities ul{gap:.8rem;margin:.85rem 0 0;padding:0;list-style:none;display:grid}.clearcourse-kai__capabilities li{align-items:flex-start;gap:.7rem;display:flex}.clearcourse-kai__capabilities li>span{width:1.9rem;height:1.9rem;color:var(--ccourse-blue);background:#1e90ff14;border-radius:.6rem;flex:none;place-items:center;display:grid}.clearcourse-kai__capabilities h3{font-size:.8rem}.clearcourse-kai__capabilities li p{color:var(--ccourse-muted);margin:.2rem 0 0;font-size:.72rem;line-height:1.45}.clearcourse-kai__context{border-top:1px solid var(--ccourse-border);align-items:center;gap:.5rem;margin-top:1.3rem;padding-top:1rem;display:flex}.clearcourse-kai__status{background:var(--ccourse-blue);border-radius:50%;flex:none;width:.45rem;height:.45rem;box-shadow:0 0 0 3px #1e90ff1a}.clearcourse-kai__context p{color:var(--ccourse-muted);margin:0;font-size:.68rem;line-height:1.4}@media (width>=680px){.clearcourse-learning-workspace__lower{grid-template-columns:minmax(13.5rem,.7fr) minmax(0,1.3fr)}}@media (width>=960px){.clearcourse-layout{grid-template-columns:minmax(0,1fr) 18rem}.clearcourse-kai{position:sticky;top:1.5rem}}@media (width<=679px){.clearcourse-section-heading{display:block}.clearcourse-section-heading>p{text-align:left;margin-top:.4rem}}@media (width<=460px){.clearcourse-continue-card{padding:1.2rem}.clearcourse-empty,.clearcourse-continue-card__active{flex-direction:column;align-items:flex-start}.clearcourse-progress-stats dt{white-space:normal}}.dark .clearcourse{--ccourse-navy:var(--clearity-dark-heading);--ccourse-muted:var(--clearity-dark-muted);--ccourse-soft:#1b2438d1;--ccourse-card:var(--clearity-dark-card);--ccourse-border:var(--clearity-dark-border);--ccourse-shadow:0 12px 32px #00000021;color:var(--clearity-dark-ink)}.dark .clearcourse-intro h1{color:var(--clearity-dark-heading);background:0 0}.dark .clearcourse-eyebrow,.dark .clearcourse-section-heading__eyebrow,.dark .clearcourse-card-kicker,.dark .clearcourse-compact-heading p,.dark .clearcourse-kai__role,.dark .clearcourse-kai__label{color:#85c7fd}.dark .clearcourse-feature-icon,.dark .clearcourse-library-mark,.dark .clearcourse-compact-heading__icon,.dark .clearcourse-kai__capabilities li>span{color:#85c7fd;background:#38a8ff1a;border-color:#85c7fd38}.dark .clearcourse-kai__welcome{background:#38a8ff12;border-color:#85c7fd33}.dark .clearcourse-kai__welcome:before{background:#213047;border-color:#85c7fd33}.dark .clearcourse-kai__welcome p,.dark .clearcourse-empty p,.dark .clearcourse-continue-card__active p,.dark .clearcourse-course-list p,.dark .clearcourse-kai__capabilities li p,.dark .clearcourse-kai__context p,.dark .clearcourse-intro__lead,.dark .clearcourse-section-heading>p,.dark .clearcourse-progress-score span,.dark .clearcourse-progress-stats dt{color:var(--clearity-dark-muted)}.dark .clearcourse-kai__spark{border-color:var(--clearity-dark-card);color:#111827;background:#38a8ff}.dark .clearcourse-progress-track{background:#93a6c929}@media (prefers-reduced-motion:reduce){.clearcourse-kai,.clearcourse-continue-card,.clearcourse-progress-card,.clearcourse-library-card{scroll-behavior:auto}}.clearnotes-shell{width:100%;max-width:56rem;margin-inline:auto}.clearnotes-card{cursor:default;flex-direction:column;min-height:0;display:flex}.clearnotes-card>.clearity-resource-accent{inset-inline:unset;top:unset;border-radius:1rem 1rem 0 0;flex-shrink:0;position:relative}.clearnotes-inner{flex-direction:column;flex:1;display:flex}.clearnotes-float-banner{background:#1e90ff0d;border-bottom:1px solid #1e90ff1a;flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .875rem;display:flex}.clearnotes-float-banner-label{color:#64748b;font-family:Inter,system-ui,sans-serif;font-size:.75rem}.clearnotes-float-banner-btn{color:#1e90ff;cursor:pointer;background:0 0;border:none;border-radius:.375rem;flex-shrink:0;padding:.25rem .625rem;font-family:Inter,system-ui,sans-serif;font-size:.75rem;font-weight:600;transition:background .12s}.clearnotes-float-banner-btn:hover{background:#1e90ff14}.clearnotes-toolbar{z-index:2;background:#fafbfd;border-bottom:1px solid #0b1a4512;border-radius:0;flex-wrap:wrap;align-items:center;gap:2px;padding:.5rem .75rem;display:flex;position:sticky;top:0}.clearnotes-toolbar-btn{color:#475569;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.375rem;justify-content:center;align-items:center;min-width:1.875rem;height:1.875rem;padding:0 .25rem;font-family:Inter,system-ui,sans-serif;font-size:.75rem;font-weight:500;line-height:1;transition:background .14s,border-color .14s,color .14s;display:inline-flex}.clearnotes-toolbar-btn:hover:not(:disabled){color:#0b1a45;background:#1e90ff14;border-color:#1e90ff2e}.clearnotes-toolbar-btn.is-active{color:#1e90ff;background:#1e90ff1f;border-color:#1e90ff47}.clearnotes-toolbar-btn:disabled{opacity:.35;cursor:not-allowed}.clearnotes-toolbar-divider{background:#0b1a451a;flex-shrink:0;width:1px;height:1.25rem;margin:0 .25rem;display:block}.clearnotes-toolbar-select{color:#475569;cursor:pointer;background:#fff;border:1px solid #0b1a451a;border-radius:.375rem;height:1.875rem;padding:0 .25rem;font-family:Inter,system-ui,sans-serif;font-size:.75rem;transition:border-color .14s}.clearnotes-toolbar-select:focus{border-color:#1e90ff73;outline:none;box-shadow:0 0 0 2px #1e90ff1a}.clearnotes-toolbar-select--narrow{width:3.5rem}.clearnotes-toolbar-group{background:#fff;border:1px solid #0b1a451a;border-radius:.375rem;align-items:center;gap:0;display:inline-flex;overflow:hidden}.clearnotes-toolbar-label{color:#0b1a45;pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;height:1.875rem;padding:0 .375rem;font-family:Inter,system-ui,sans-serif;font-size:.8125rem;font-weight:700;display:inline-flex}.clearnotes-toolbar-color-select{color:#475569;cursor:pointer;background:#fff;border:none;border-left:1px solid #0b1a451a;height:1.875rem;padding:0 .25rem;font-family:Inter,system-ui,sans-serif;font-size:.75rem}.clearnotes-toolbar-color-select:focus{outline:none}.clearnotes-link-bar{background:#f8faff;border-bottom:1px solid #1e90ff1f;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.clearnotes-link-input{color:#0b1a45;background:#fff;border:1px solid #1e90ff4d;border-radius:.375rem;flex:1;min-width:0;height:1.875rem;padding:0 .625rem;font-family:Inter,system-ui,sans-serif;font-size:.8125rem}.clearnotes-link-input:focus{border-color:#1e90ff8c;outline:none;box-shadow:0 0 0 2px #1e90ff1a}.clearnotes-link-apply,.clearnotes-link-cancel{cursor:pointer;border:1px solid #0000;border-radius:.375rem;height:1.875rem;padding:0 .75rem;font-family:Inter,system-ui,sans-serif;font-size:.75rem;font-weight:600;transition:background .14s}.clearnotes-link-apply{color:#fff;background:linear-gradient(90deg,#0b1a45,#1e90ff)}.clearnotes-link-apply:hover{filter:brightness(1.08)}.clearnotes-link-cancel{color:#64748b;background:0 0;border-color:#0b1a451f}.clearnotes-link-cancel:hover{background:#0b1a450a}.clearnotes-editor-wrap{flex-direction:column;flex:1;display:flex}.clearnotes-editor-area{color:#1e293b;word-break:break-word;overflow-wrap:break-word;outline:none;flex:1;min-height:24rem;padding:1rem 1.25rem 1.5rem;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:.9375rem;line-height:1.6}.clearnotes-editor-area .is-editor-empty:first-child:before{content:attr(data-placeholder);color:#94a3b8;pointer-events:none;float:left;height:0}.clearnotes-editor-area h1{color:#0b1a45;margin:0 0 .75rem;font-size:1.5rem;font-weight:700;line-height:1.25}.clearnotes-editor-area h2{color:#0b1a45;margin:.5rem 0;font-size:1.1875rem;font-weight:700;line-height:1.3}.clearnotes-editor-area h3{color:#0b1a45;margin:.5rem 0 .375rem;font-size:1rem;font-weight:600;line-height:1.35}.clearnotes-editor-area p{margin:0 0 .5rem}.clearnotes-editor-area p:last-child{margin-bottom:0}.clearnotes-editor-area ul,.clearnotes-editor-area ol{margin:.25rem 0 .5rem;padding-left:1.5rem}.clearnotes-editor-area li{margin-bottom:.2rem}.clearnotes-editor-area blockquote{color:#475569;border-left:3px solid #1e90ff66;margin:.5rem 0;padding-left:.875rem;font-style:italic}.clearnotes-editor-area code{color:#1e90ff;background:#0b1a450f;border-radius:.25rem;padding:.1em .35em;font-family:Courier New,Courier,monospace;font-size:.875em}.clearnotes-editor-area pre{background:#f1f5f9;border-radius:.5rem;margin:.5rem 0;padding:.75rem 1rem;overflow-x:auto}.clearnotes-editor-area pre code{color:#0b1a45;background:0 0;padding:0;font-size:.8125rem}.clearnotes-editor-area hr{border:none;border-top:1px solid #0b1a451a;margin:1rem 0}.clearnotes-editor-area a{color:#1e90ff;text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}.clearnotes-editor-area a:hover{color:#0b1a45}.clearnotes-editor-area ::selection{background:#1e90ff26}.clearnotes-editor-area .ProseMirror-selectednode{outline-offset:2px;border-radius:.25rem;outline:2px solid #1e90ff59}.clearnotes-toolbar--extended{border-top:1px solid #0b1a450d}.clearnotes-toolbar--extended.clearnotes-toolbar--compact{background:#f4f7ff;animation:.14s clearnotes-extended-in}@keyframes clearnotes-extended-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.clearnotes-toolbar-more{color:#1e90ff;min-width:1.625rem;font-size:1rem;font-weight:700}.clearnotes-toolbar-more:hover:not(:disabled){background:#1e90ff1a;border-color:#1e90ff38}@media (prefers-reduced-motion:reduce){.clearnotes-toolbar-btn,.clearnotes-toolbar-select,.clearnotes-link-apply,.clearnotes-link-cancel{transition:none}}.dark .clearnotes-float-banner{background:#1e90ff1a;border-bottom-color:#1e90ff33}.dark .clearnotes-float-banner-label{color:oklch(70.4% .04 256.788)}.dark .clearnotes-toolbar,.dark .clearnotes-toolbar--extended.clearnotes-toolbar--compact{background:oklch(18% .04 265);border-color:#ffffff14}.dark .clearnotes-toolbar-btn{color:oklch(70.4% .04 256.788)}.dark .clearnotes-toolbar-btn:hover:not(:disabled){color:oklch(98.4% .003 247.858);background:#1e90ff24;border-color:#1e90ff47}.dark .clearnotes-toolbar-btn.is-active{color:#60a5fa;background:#1e90ff2e;border-color:#1e90ff59}.dark .clearnotes-toolbar-divider{background:#ffffff1f}.dark .clearnotes-toolbar-select,.dark .clearnotes-toolbar-group,.dark .clearnotes-toolbar-color-select{color:oklch(70.4% .04 256.788);background:oklch(20.8% .042 265.755);border-color:#ffffff1f}.dark .clearnotes-toolbar-label{color:oklch(98.4% .003 247.858)}.dark .clearnotes-editor-area{color:oklch(92.9% .013 255.508)}.dark .clearnotes-editor-area .is-editor-empty:first-child:before{color:oklch(55.1% .027 264.364)}.dark .clearnotes-editor-area h1,.dark .clearnotes-editor-area h2,.dark .clearnotes-editor-area h3{color:oklch(98.4% .003 247.858)}.dark .clearnotes-editor-area ::selection{background:#1e90ff47}.dark .clearnotes-link-bar{background:oklch(18% .04 265);border-color:#ffffff14}.dark .clearnotes-link-input{color:oklch(98.4% .003 247.858);background:oklch(20.8% .042 265.755);border-color:#ffffff1f}.dark .clearnotes-link-cancel:hover{background:#ffffff0f}.clearnotes-float{z-index:9999;resize:both;background:#fff;border-radius:1rem;flex-direction:column;min-width:280px;min-height:200px;animation:.18s cubic-bezier(.22,1,.36,1) clearnotes-float-in;display:flex;position:fixed;top:0;left:0;overflow:hidden;box-shadow:0 8px 32px #0b1a452e,0 2px 8px #0b1a451a}.clearnotes-float.is-launch-opening{transform-origin:50%;animation:.24s cubic-bezier(.22,1,.36,1) clearnotes-launch-out}.clearnotes-float.is-launch-closing{pointer-events:none;transform-origin:50%;animation:.18s cubic-bezier(.55,0,1,.45) forwards clearnotes-launch-in}.clearnotes-float.is-minimized{resize:none;border-radius:.75rem;min-height:auto}@keyframes clearnotes-float-in{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes clearnotes-launch-out{0%{opacity:0;transform:translate(var(--clearnotes-launch-x), var(--clearnotes-launch-y)) scale(.12)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes clearnotes-launch-in{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--clearnotes-launch-x), var(--clearnotes-launch-y)) scale(.12)}}.clearnotes-float-titlebar{cursor:grab;-webkit-user-select:none;user-select:none;border-radius:1rem 1rem 0 0;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.clearnotes-float.is-minimized .clearnotes-float-titlebar{cursor:grab;border-radius:.75rem}.clearnotes-float-titlebar:active{cursor:grabbing}.clearnotes-float-accent{opacity:.82;background:linear-gradient(90deg,#0b1a45,#1e90ff,#ff5a1f);flex-shrink:0;height:4px;position:relative;overflow:hidden}.clearnotes-float-accent:after{content:"";background-image:linear-gradient(90deg,#0000 0% 23%,#ffffff80 28%,#ffffffc7 32%,#ffffff80 36%,#0000 41% 100%);background-position:130% 0;background-size:320% 100%;animation:9.5s cubic-bezier(.45,0,.55,1) infinite clearityShimmer;position:absolute;inset:0}.clearnotes-float-titlebar-content{background:#fafbfd;border-bottom:1px solid #0b1a4512;justify-content:space-between;align-items:center;padding:.375rem .625rem .375rem .75rem;display:flex}.clearnotes-float-title{font-family:var(--clearity-wordmark-font,"Glacial Indifference", sans-serif);font-synthesis:none;letter-spacing:-.01em;background-image:var(--clearity-wordmark-gradient,linear-gradient(92deg, #001545 0%, #042572 42%, #006af8 100%));color:#0000;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-background-clip:text;background-clip:text;font-size:.875rem;font-weight:400}.clearnotes-float-controls{align-items:center;gap:4px;display:flex}.clearnotes-float-ctrl{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:.3125rem;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.625rem;line-height:1;transition:background .12s,color .12s;display:inline-flex}.clearnotes-float-ctrl:hover{color:#0b1a45;background:#0b1a4512}.clearnotes-float-ctrl--close:hover{color:#ef4444;background:#ef44441a}.clearnotes-float-body{pointer-events:auto;-webkit-user-select:text;user-select:text;cursor:text;touch-action:auto;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.clearnotes-float-body .clearnotes-toolbar{z-index:2;flex-wrap:wrap;padding:.375rem .5rem;position:sticky;top:0}.clearnotes-float-body .clearnotes-toolbar--compact{gap:1px}.clearnotes-float-editor-wrap{pointer-events:auto;-webkit-user-select:text;user-select:text;cursor:text;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.clearnotes-float-editor-wrap .clearnotes-editor-area,.clearnotes-float-editor-wrap .ProseMirror{pointer-events:auto;-webkit-user-select:text;user-select:text;caret-color:auto;cursor:text;outline:none;flex:1;min-height:0;padding:.75rem 1rem 1rem;font-size:.875rem}@media (prefers-reduced-motion:reduce){.clearnotes-float,.clearnotes-float-accent{transition:none;animation:none}}.dark .clearnotes-float{background:var(--clearity-dark-surface);box-shadow:0 8px 32px #00000073,0 2px 8px #0000004d}.dark .clearnotes-float-title{background-image:var(--clearity-wordmark-dark-gradient)}.dark .clearnotes-float-titlebar-content{background:oklch(18% .04 265);border-bottom-color:#ffffff14}.dark .clearnotes-float-ctrl{color:oklch(70.4% .04 256.788)}.dark .clearnotes-float-ctrl:hover{color:oklch(98.4% .003 247.858);background:#ffffff14}.dark .clearnotes-float-ctrl--close:hover{color:#f87171;background:#ef44442e}.dark .clearnotes-float-body .clearnotes-toolbar,.dark .clearnotes-float-body .clearnotes-toolbar--extended.clearnotes-toolbar--compact{background:oklch(18% .04 265);border-color:#ffffff14}.dark .clearnotes-float-editor-wrap .clearnotes-editor-area{color:oklch(92.9% .013 255.508)}.clearconnect{--cc-navy:#0b1a45;--cc-blue:#1e90ff;--cc-blue-soft:#85c7fd;--cc-blue-outline:#1e90ff80;--cc-blue-muted:#1e90ff42;--cc-blue-ghost:#1e90ff1a;--cc-surface:#fafbfd;--cc-field-surface:#fff;--cc-preview-bg:#fff;--cc-preview-border:#1e90ff42;--cc-text:#0b1a45;--cc-border-grad:linear-gradient(135deg, #0b1a45 0%, #1a3f8f 38%, #1e90ff 72%, #f05323b8 100%);--cc-ease:cubic-bezier(.22, 1, .36, 1);--cc-ease-soft:cubic-bezier(.25, .1, .25, 1);--cc-z:40;z-index:var(--cc-z);box-sizing:border-box;font-feature-settings:"cv11", "ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-family:Inter,system-ui,sans-serif;position:fixed;top:50%;right:24px;transform:translateY(-50%)}.clearconnect *,.clearconnect :before,.clearconnect :after{box-sizing:border-box}.clearconnect[data-disabled=true]{pointer-events:none;opacity:.4}.clearconnect--triggered{--cc-z:45;bottom:auto;left:auto;transform:none}.clearconnect--triggered[data-state=idle],.clearconnect--triggered[data-state=hover]{pointer-events:none;display:none}.clearconnect--triggered[data-state=expanding],.clearconnect--triggered[data-state=open],.clearconnect--triggered[data-state=collapsing]{pointer-events:auto;display:block}.clearconnect__shell{width:var(--cc-w,48px);height:var(--cc-h,48px);max-height:var(--cc-max-h,48px);padding:var(--cc-pad,0px);border-radius:var(--cc-r,24px);border:1px solid var(--cc-blue-outline);background:var(--cc-surface);box-shadow:0 3px 12px #181d6214, 0 0 0 3px var(--cc-blue-ghost);transition:width .28s var(--cc-ease), height .28s var(--cc-ease), max-height .28s var(--cc-ease), border-radius .28s var(--cc-ease), padding .28s var(--cc-ease), box-shadow .28s var(--cc-ease);outline:none;flex-direction:column;display:flex;position:relative;overflow:hidden}.clearconnect[data-state=idle] .clearconnect__shell{--cc-w:48px;--cc-h:48px;--cc-max-h:48px;--cc-r:24px;--cc-pad:0px;cursor:pointer;transition-duration:.22s}.clearconnect[data-state=hover] .clearconnect__shell{--cc-w:158px;--cc-h:48px;--cc-max-h:48px;--cc-r:24px;--cc-pad:0px;cursor:pointer;transition-duration:.28s}.clearconnect[data-state=expanding] .clearconnect__shell,.clearconnect[data-state=open] .clearconnect__shell{--cc-w:256px;--cc-h:auto;--cc-max-h:min(450px, calc(100dvh - 56px));min-height:38px;max-height:var(--cc-max-h);--cc-r:13px;--cc-pad:13px 13px 10px;background:linear-gradient(var(--cc-surface), var(--cc-surface)) padding-box, var(--cc-border-grad) border-box;border:1px solid #0000;transition-duration:.56s;overflow:hidden;box-shadow:0 12px 48px #181d620e}.clearconnect--triggered[data-state=expanding] .clearconnect__shell,.clearconnect--triggered[data-state=open] .clearconnect__shell{--cc-max-h:min(416px, calc(100dvh - var(--cc-pos-top,74px) - 16px));max-height:var(--cc-max-h)}.clearconnect[data-menu-open=true] .clearconnect__shell,.clearconnect[data-tip-open=true] .clearconnect__shell{overflow:visible}.clearconnect[data-state=collapsing] .clearconnect__shell{--cc-w:48px;--cc-h:48px;--cc-max-h:48px;--cc-r:24px;--cc-pad:0px;min-height:0;max-height:48px;transition-duration:.4s;overflow:hidden}.clearconnect__shell:focus-visible{box-shadow:0 3px 12px #181d6214, 0 0 0 2px #fff, 0 0 0 4px var(--cc-blue)}.clearconnect__header{flex-shrink:0;align-items:center;gap:9px;min-height:29px;display:flex}.clearconnect[data-state=idle] .clearconnect__header,.clearconnect[data-state=hover] .clearconnect__header,.clearconnect[data-state=collapsing] .clearconnect__header{align-items:center;height:100%;padding-inline:10px 12px}.clearconnect[data-state=idle] .clearconnect__header{justify-content:center;padding-inline:0}.clearconnect[data-state=idle] .clearconnect__title-block{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.clearconnect__label{letter-spacing:.01em;color:var(--cc-blue);margin:0 0 5px;font-size:10px;font-weight:600;line-height:12px;display:block}.clearconnect[data-state=expanding] .clearconnect__header,.clearconnect[data-state=open] .clearconnect__header{align-items:center}.clearconnect__title-block{flex-direction:column;gap:2px;min-width:0;padding-top:0;display:flex}.clearconnect__title{font-family:var(--clearity-wordmark-font);letter-spacing:-.012em;white-space:nowrap;background-image:var(--clearity-wordmark-gradient);color:#0000;filter:drop-shadow(.4px 0 #0b1a456b)drop-shadow(-.4px 0 #0b1a456b)drop-shadow(0 .35px #1e90ff52)drop-shadow(0 -.35px #1e90ff47);opacity:0;transition:opacity .28s var(--cc-ease-soft), transform .28s var(--cc-ease);-webkit-background-clip:text;background-clip:text;margin:0;font-size:18px;font-weight:400;line-height:21px;transform:translate(6px)}.clearconnect[data-state=hover] .clearconnect__title,.clearconnect[data-state=expanding] .clearconnect__title,.clearconnect[data-state=open] .clearconnect__title{opacity:1;transform:translate(0)}.clearconnect[data-state=collapsing] .clearconnect__title{opacity:0;transition-duration:.18s}.clearconnect__tagline{letter-spacing:.005em;color:var(--cc-blue);opacity:0;margin:0;font-family:Inter,system-ui,sans-serif;font-size:10px;font-weight:500;line-height:12px;transform:translateY(3px)}.clearconnect[data-state=expanding] .clearconnect__tagline,.clearconnect[data-state=open] .clearconnect__tagline{animation:ccTaglineIn .24s var(--cc-ease-soft) .12s both}.clearconnect[data-state=collapsing] .clearconnect__tagline{opacity:0}@keyframes ccTaglineIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.cc-mark{flex-shrink:0;width:28px;height:28px;display:inline-flex;position:relative}.clearconnect[data-state=expanding] .cc-mark,.clearconnect[data-state=open] .cc-mark{width:30px;height:30px}.cc-mark__img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.cc-mark__eye{pointer-events:none;border-radius:50%;width:16%;height:16%;position:absolute;top:38.9%;left:49.6%;overflow:hidden;transform:translate(-50%,-50%)}.cc-mark__lid{transform-origin:top;background:#85c7fd;position:absolute;inset:0;transform:scaleY(0)}.cc-mark__eye--blink .cc-mark__lid{animation:.14s ease-in-out ccEyeBlink}@keyframes ccEyeBlink{0%,to{transform:scaleY(0)}45%,55%{transform:scaleY(1)}}.clearconnect__body{flex-direction:column;flex:auto;min-height:0;margin-top:12px;display:flex}.clearconnect[data-state=idle] .clearconnect__body,.clearconnect[data-state=hover] .clearconnect__body,.clearconnect[data-state=collapsing] .clearconnect__body{display:none}.clearconnect__cascade{opacity:0;transform:translateY(5px)}.clearconnect[data-state=expanding] .clearconnect__cascade,.clearconnect[data-state=open] .clearconnect__cascade{animation:ccCascadeIn .22s var(--cc-ease-soft) both}@keyframes ccCascadeIn{to{opacity:1;transform:translateY(0)}}.clearconnect__section{margin-bottom:9px}.clearconnect__section--recipient{margin-bottom:8px}.clearconnect__section--type{z-index:8;margin-bottom:6px;position:relative}.clearconnect[data-menu-open=true] .clearconnect__section--type{z-index:50}.clearconnect__section--attachments{z-index:2;justify-content:flex-end;min-height:13px;margin-bottom:6px;display:flex;position:relative;overflow:visible}.clearconnect[data-tip-open=true] .clearconnect__section--attachments{z-index:70}.clearconnect__type-picker{position:relative}.clearconnect__segment{background:linear-gradient(var(--cc-field-surface), var(--cc-field-surface)) padding-box, var(--cc-border-grad) border-box;border:1px solid #0000;border-radius:999px;grid-template-columns:1fr 1fr;height:27px;padding:2px;display:grid;position:relative}.clearconnect__segment-pill{width:calc(50% - 2px);transition:left .22s var(--cc-ease);pointer-events:none;background:linear-gradient(135deg,#0b1a45 0%,#1e4a9a 55%,#1e90ff 140%);border-radius:999px;position:absolute;top:2px;bottom:2px}.clearconnect__segment-pill[data-channel=text]{left:2px}.clearconnect__segment-pill[data-channel=email]{left:50%}.clearconnect__segment-btn{z-index:1;color:var(--cc-blue);cursor:pointer;transition:color .16s var(--cc-ease-soft);background:0 0;border:0;border-radius:999px;font-size:11px;font-weight:600;line-height:13px;position:relative}.clearconnect__segment-btn[data-active=true]{color:#fff}.clearconnect__segment-btn:focus-visible{outline:2px solid var(--cc-blue);outline-offset:1px}.clearconnect__field{background:linear-gradient(var(--cc-field-surface), var(--cc-field-surface)) padding-box, var(--cc-border-grad) border-box;width:100%;height:30px;color:var(--cc-blue);border:1px solid #0000;border-radius:8px;align-items:center;gap:7px;padding:0 10px;display:flex;position:relative}.clearconnect__field:focus-within{box-shadow:0 0 0 2px var(--cc-blue-ghost)}.clearconnect__field input{appearance:none;color:#3d4f78;background:0 0;border:0;outline:none;flex:1;min-width:0;height:100%;margin:0;padding:0;font-family:inherit;font-size:11px;font-weight:400;line-height:15px}.clearconnect__field input::placeholder{color:#3d4f7873;font-weight:400}.clearconnect__field[data-invalid=true]{box-shadow:0 0 0 1.5px #c23b2273}.clearconnect__hint{color:#b4533c;margin:5px 0 0;font-size:11px;font-weight:500;line-height:14px}.clearconnect__type-btn{background:linear-gradient(var(--cc-field-surface), var(--cc-field-surface)) padding-box, var(--cc-border-grad) border-box;color:#3d4f78;cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:5px;width:100%;height:30px;padding:0 10px;font-size:11px;font-weight:400;display:flex;position:relative}.clearconnect__type-btn:focus-visible{outline:2px solid var(--cc-blue);outline-offset:1px}.clearconnect__type-btn .cc-type-selected{text-align:left;flex:auto;justify-content:flex-start;align-items:center;gap:6px;min-width:0;display:inline-flex}.clearconnect__type-btn .cc-type-selected__label{white-space:nowrap;flex:0 auto;min-width:0;overflow:visible}.clearconnect__type-btn .cc-type-selected__icon{color:var(--cc-navy);flex-shrink:0;line-height:0;display:inline-flex}.clearconnect__type-btn .cc-type-chevron{color:var(--cc-blue-soft);flex-shrink:0}.cc-type-icon{width:12px;height:12px;color:var(--cc-navy);opacity:1;flex-shrink:0;display:block}.cc-type-icon--asset{background-color:var(--cc-navy);width:12px;height:12px;-webkit-mask-image:var(--cc-type-mask);-webkit-mask-image:var(--cc-type-mask);mask-image:var(--cc-type-mask);display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.clearconnect__type-menu{z-index:30;background:linear-gradient(#fff, #fff) padding-box, var(--cc-border-grad) border-box;animation:ccCascadeIn .16s var(--cc-ease-soft) both;border:1px solid #0000;border-radius:7px;margin-top:3px;padding:3px;position:absolute;left:0;right:0;box-shadow:0 6px 16px #181d6224}.clearconnect__type-menu:before{content:"";height:10px;position:absolute;top:-10px;left:0;right:0}.clearconnect__type-option{width:100%;height:27px;color:var(--cc-text);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:0 7px;font-size:11px;font-weight:500;display:flex}.clearconnect__type-option .cc-type-icon{color:var(--cc-navy)}.clearconnect__type-option:hover{background:#1e90ff14}.clearconnect__type-option:focus-visible{outline:2px solid var(--cc-blue);outline-offset:-2px;background:0 0}.clearconnect__type-option:focus-visible:hover{background:#1e90ff14}.clearconnect__attachments{color:var(--cc-blue);cursor:pointer;background:0 0;border:0;padding:0;font-size:10px;font-weight:600;line-height:12px}.clearconnect__attachments[aria-expanded=true]{opacity:1}.clearconnect__attachments:hover,.clearconnect__attachments:focus-visible{opacity:.85;outline:none}.clearconnect__tooltip{z-index:80;color:#0b1a45;text-align:left;pointer-events:auto;cursor:default;opacity:0;background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(135deg,#0b1a45 0%,#1a3f8f 38%,#1e90ff 72%,#f05323b8 100%) border-box;border:1px solid #0000;border-radius:8px;width:max-content;max-width:132px;margin-right:0;padding:7px 9px;font-family:Inter,system-ui,sans-serif;font-size:11px;font-weight:500;line-height:15px;transition:opacity .16s;position:absolute;bottom:calc(100% + 6px);left:auto;right:0;box-shadow:0 10px 28px #181d621f}.clearconnect__tooltip[data-visible=true]{opacity:1}.clearconnect__preview-wrap{z-index:1;flex-direction:column;flex:auto;gap:10px;min-height:0;margin-bottom:0;display:flex;position:relative}.clearconnect__preview{background:linear-gradient(var(--cc-preview-bg), var(--cc-preview-bg)) padding-box, var(--cc-border-grad) border-box;border:1px solid #0000;border-radius:8px;flex-direction:column;flex:auto;min-height:150px;max-height:min(198px,36dvh);padding:0;display:flex;position:relative;overflow:hidden}.clearconnect__preview-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#0b1a4547 transparent;flex:auto;width:100%;min-height:0;padding:10px 12px 10px 10px;overflow:hidden auto}.clearconnect__preview-scroll::-webkit-scrollbar{width:5px}.clearconnect__preview-scroll::-webkit-scrollbar-button{width:0;height:0;display:none}.clearconnect__preview-scroll::-webkit-scrollbar-track{background:0 0;margin-block:7px}.clearconnect__preview-scroll::-webkit-scrollbar-thumb{background:#0b1a4547 padding-box padding-box;border:1px solid #0000;border-radius:999px}.clearconnect__preview-scroll::-webkit-scrollbar-thumb:hover{background:#0b1a4566 padding-box padding-box}.clearconnect__preview-text{color:var(--cc-text);opacity:.92;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;transition:opacity .14s var(--cc-ease-soft);margin:0;font-family:Inter,system-ui,sans-serif;font-size:11px;font-weight:400;line-height:1.45}.clearconnect__send-row{flex:none;justify-content:flex-end;align-items:center;min-height:26px;padding:0 2px;display:flex}.clearconnect__send-wrap{pointer-events:none;flex-direction:column;align-items:center;gap:3px;display:flex;position:relative}.clearconnect__send-wrap .clearconnect__send,.clearconnect__send-wrap .clearconnect__duplicate{pointer-events:auto}.clearconnect__sent-label{letter-spacing:.04em;color:var(--cc-blue);animation:ccCascadeIn .18s var(--cc-ease-soft) both;font-size:10px;font-weight:600;line-height:12px}.clearconnect__send{background:linear-gradient(var(--cc-field-surface), var(--cc-field-surface)) padding-box, var(--cc-border-grad) border-box;width:24px;min-width:24px;height:24px;min-height:24px;color:var(--cc-blue);cursor:pointer;transition:opacity .12s var(--cc-ease-soft), background .28s var(--cc-ease), border-color .28s var(--cc-ease), color .28s var(--cc-ease);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:relative}.clearconnect__send:before{content:"";border-radius:999px;position:absolute;inset:-10px}.clearconnect__send:focus-visible{outline:2px solid var(--cc-blue);outline-offset:2px}.clearconnect__send[data-pending=true]{opacity:.55;pointer-events:none}.clearconnect__send[data-sent=true]{background:var(--cc-blue);border:1px solid var(--cc-blue);color:#fff}.clearconnect__error{color:#c23b22;margin:6px 0 0;font-size:11px;font-weight:500}.clearconnect__duplicate{border:1px solid var(--cc-blue-muted);width:168px;animation:ccCascadeIn .16s var(--cc-ease-soft) both;background:#fff;border-radius:10px;padding:10px;box-shadow:0 8px 20px #181d6224}.clearconnect__duplicate-title{color:var(--cc-navy);text-align:center;margin:0 0 8px;font-size:12px;font-weight:600}.clearconnect__duplicate-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.clearconnect__duplicate-actions button{cursor:pointer;border-radius:8px;height:30px;font-size:12px;font-weight:600}.clearconnect__duplicate-actions button[data-variant=ghost]{border:1px solid var(--cc-blue-muted);color:var(--cc-navy);background:#fff}.clearconnect__duplicate-actions button[data-variant=primary]{background:var(--cc-navy);color:#fff;border:0}@media (width<=767px){.clearconnect:not(.clearconnect--triggered){top:auto;bottom:24px;right:16px;transform:none}.clearconnect:not(.clearconnect--triggered)[data-state=expanding] .clearconnect__shell,.clearconnect:not(.clearconnect--triggered)[data-state=open] .clearconnect__shell{--cc-w:min(256px, calc(100vw - 32px));max-height:calc(100dvh - 32px)}.clearconnect:not(.clearconnect--triggered)[data-state=idle] .clearconnect__shell{--cc-w:48px;--cc-h:48px;--cc-r:24px}.clearconnect--triggered[data-state=expanding] .clearconnect__shell,.clearconnect--triggered[data-state=open] .clearconnect__shell{--cc-w:min(256px, calc(100vw - 32px))}}@media (height<=820px){.clearconnect--triggered[data-state=expanding] .clearconnect__shell,.clearconnect--triggered[data-state=open] .clearconnect__shell{--cc-max-h:min(360px, calc(100dvh - var(--cc-pos-top,74px) - 12px));max-height:var(--cc-max-h);--cc-pad:10px 10px 8px}.clearconnect__preview{min-height:120px;max-height:min(156px,28dvh)}.clearconnect__body{margin-top:9px}.clearconnect__section{margin-bottom:7px}}@media (height<=820px) and (width<=1400px){.clearconnect[data-state=expanding] .clearconnect__shell,.clearconnect[data-state=open] .clearconnect__shell,.clearconnect--triggered[data-state=expanding] .clearconnect__shell,.clearconnect--triggered[data-state=open] .clearconnect__shell{--cc-w:240px}}@media (prefers-reduced-motion:reduce){.clearconnect__shell,.clearconnect__title,.clearconnect__segment-pill,.clearconnect__send,.clearconnect__cascade,.clearconnect__tagline{transition:none!important;animation:none!important}.clearconnect[data-state=expanding] .clearconnect__cascade,.clearconnect[data-state=open] .clearconnect__cascade{opacity:1;animation:none;transform:none}.cc-mark__eye--blink .cc-mark__lid{animation:none}}.dark .clearconnect{--cc-navy:#181d62;--cc-blue:#38a8ff;--cc-blue-soft:#85c7fd;--cc-surface:var(--clearity-dark-surface);--cc-field-surface:#e8f0fe;--cc-preview-bg:#e8f0fe;--cc-preview-border:#85c7fd;--cc-text:#181d62}.dark .clearconnect__title,.dark .clearconnect-rc__title{color:var(--clearity-dark-heading);filter:none;-webkit-text-fill-color:var(--clearity-dark-heading);background:0 0}.dark .clearconnect-rc{--cc-rc-surface:var(--clearity-dark-surface);--cc-rc-text:var(--clearity-dark-ink-strong)}.dark .clearconnect__field input,.dark .clearconnect__type-btn,.dark .clearconnect__tooltip,.dark .clearconnect__duplicate-title{color:#181d62}.dark .clearconnect__field input::placeholder{color:#64748b}.dark .clearconnect__type-menu,.dark .clearconnect__tooltip,.dark .clearconnect__duplicate,.dark .clearconnect__duplicate-actions button[data-variant=ghost]{color:#181d62}.dark .clearconnect__type-menu,.dark .clearconnect__tooltip{background:linear-gradient(#e8f0fe, #e8f0fe) padding-box, var(--cc-border-grad) border-box;box-shadow:0 12px 30px #0000006b}.dark .clearconnect__duplicate,.dark .clearconnect__duplicate-actions button[data-variant=ghost]{background:#e8f0fe}.dark .clearconnect__preview-scroll{scrollbar-color:#94a3b866 transparent}.dark .clearconnect__preview-scroll::-webkit-scrollbar-thumb{background:#94a3b866}.dark .clearconnect-rc__check{background:#e8f0fe;border-color:#85c7fd}.dark .clearconnect__error{color:#fca5a5}.demo-shell{--clearity-dark-page:var(--demo-page);--clearity-dark-ink:var(--demo-ink);--clearity-dark-ink-strong:var(--demo-heading);--clearity-dark-heading:var(--demo-heading);--clearity-dark-muted:var(--demo-muted);--clearity-dark-border:var(--demo-border);--clearity-dark-card:var(--demo-surface);--clearity-dark-surface:var(--demo-surface);--clearity-dark-search:var(--demo-surface);--clearity-dark-search-ink:var(--demo-ink);--clearity-dark-search-muted:var(--demo-muted)}.demo-remaining-utility{outline:none;width:100%}.demo-connect-scope{text-align:center;color:var(--demo-muted);margin-block:1.5rem}.clearity-logo-link{cursor:pointer;line-height:0;text-decoration:none;transition:filter .22s,drop-shadow .22s;display:inline-block}.clearity-logo-link:hover{filter:drop-shadow(0 6px 18px #1e90ff47)}.clearity-logo-link:focus-visible{filter:drop-shadow(0 6px 18px #1e90ff47);border-radius:.25rem;outline:none;box-shadow:0 0 0 2px #1e90ff,0 0 0 4px #fafbfd}.clearity-logo-mark,.clearity-logo-mark:hover{cursor:default;filter:none}.clearity-logo-link__wrap{line-height:0;display:inline-block;position:relative}.dark{--clearity-wordmark-dark-gradient:linear-gradient(90deg, #85c7fd 0%, #85c7fd 69%, #b5d7ee 82%, #dbe4f0 100%)}.dark .clearity-logo-link__wrap{isolation:isolate}.dark .clearity-logo-link__img{opacity:0;filter:none}.dark .clearity-logo-link__wrap--hero .clearity-logo-link__img{opacity:0}.dark .clearity-logo-link__wrap:before,.dark .clearity-logo-link__wrap:after{content:"";pointer-events:none;position:absolute;inset:0}.dark .clearity-logo-link__wrap:before{z-index:0;background:var(--clearity-wordmark-dark-gradient);-webkit-mask:url(/clearity-logo.png) 50%/contain no-repeat;mask:url(/clearity-logo.png) 50%/contain no-repeat}.dark .clearity-logo-link__wrap:after{z-index:1;clip-path:ellipse(5.15% 16.5% at 52.2% 49.9%);background:url(/clearity-logo.png) 50%/contain no-repeat}.dark .clearity-logo-link:hover,.dark .clearity-logo-link:focus-visible{filter:none;transform:none}.clearity-logo-link__wrap--animate-in{animation:.8s cubic-bezier(.22,1,.36,1) both clearityLogoIn}.clearity-logo-link__img{opacity:.9;width:auto;height:2rem;display:block}.clearity-logo-link__wrap--hero .clearity-logo-link__img{opacity:1;height:4.125rem}@media (width>=640px){.clearity-logo-link__img{height:2.25rem}.clearity-logo-link__wrap--hero .clearity-logo-link__img{height:4.9375rem}}@media (width>=768px){.clearity-logo-link__wrap--hero .clearity-logo-link__img{height:5.75rem}}@keyframes clearityLogoIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.clearity-eye{pointer-events:none;border-radius:50%;width:10.1%;height:32.3%;position:absolute;top:49.9%;left:52.2%;overflow:hidden;transform:translate(-50%,-50%)}.dark .clearity-eye{z-index:2}.dark .clearity-eye:after{content:"";z-index:1;aspect-ratio:1;background:#bfe2ff;border-radius:50%;width:16.5%;position:absolute;top:20%;left:58%}.clearity-lid{transform-origin:top;background:#85c7fd;animation:60s linear infinite clearityBlink;position:absolute;inset:0;transform:scaleY(0)}.dark .clearity-lid{z-index:2}@keyframes clearityBlink{0%,3.203%,3.463%,7.703%,7.963%,13.537%,13.797%,18.37%,18.63%,29.203%,29.463%,34.703%,34.963%,39.037%,39.297%,45.703%,45.963%,50.703%,50.963%,51.433%,57.037%,57.297%,61.703%,61.963%,72.537%,72.797%,77.87%,78.13%,83.87%,84.13%,88.703%,88.963%,93.87%,94.13%,98.037%,98.297%,to{transform:scaleY(0)}3.333%,7.833%,13.667%,18.5%,29.333%,34.833%,39.167%,45.833%,50.833%,51.303%,57.167%,61.833%,72.667%,78%,84%,88.833%,94%,98.167%{transform:scaleY(1)}}.clearity-resource-page-header{align-items:center;max-width:72rem;margin-inline:auto;padding:1.25rem 1.5rem;display:flex}@media (width>=640px){.clearity-resource-page-header{padding-inline:2.5rem}}@media (prefers-reduced-motion:reduce){.clearity-logo-link__wrap--animate-in{animation:none}.clearity-lid{animation:none;transform:scaleY(0)}}.clearity-admin{background:#f6f8fc}.clearity-admin__badge{color:#1e90ff;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.35rem;font-size:.7rem;font-weight:700;display:inline-flex}.clearity-admin__main{min-width:0}.clearity-admin__title-row{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.clearity-admin__title-row p{color:#1e90ff;letter-spacing:.18em;text-transform:uppercase;margin:0 0 .35rem;font-size:.68rem;font-weight:700}.clearity-admin__title-row h1{letter-spacing:-.045em;color:#0000;background:linear-gradient(90deg,#0b1a45,#1e90ff 70%,#ff5a1f);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.8rem,4vw,2.5rem)}.clearity-admin__title-row div>span{color:#64748b;margin-top:.4rem;font-size:.84rem;display:block}.clearity-admin__nav{background:#ffffffb3;border:1px solid #0b1a450f;border-radius:.8rem;gap:.35rem;width:fit-content;margin-top:2rem;padding:.3rem;display:flex}.clearity-admin__nav a,.clearity-admin__nav>span{color:#64748b;border-radius:.62rem;justify-content:center;align-items:center;gap:.45rem;min-width:7rem;min-height:2.4rem;font-size:.78rem;font-weight:650;text-decoration:none;display:inline-flex}.clearity-admin__nav .clearity-admin__nav-active{color:#0b1a45;background:#fff;box-shadow:0 6px 18px -12px #0b1a4566}.clearity-admin__nav>span>span{color:#94a3b8;letter-spacing:.06em;text-transform:uppercase;margin-left:.2rem;font-size:.55rem}.clearity-admin__summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.clearity-admin__summary article{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffbd;border:1px solid #ffffffd9;border-radius:1rem;align-items:center;gap:.8rem;padding:1rem;display:flex;box-shadow:0 16px 36px -30px #0b1a4573}.clearity-admin__summary article>span{color:#1e90ff;background:linear-gradient(145deg,#0b1a4514,#1e90ff1f);border-radius:.72rem;place-items:center;width:2.3rem;height:2.3rem;display:grid}.clearity-admin__summary strong{font-size:1.25rem}.clearity-admin__summary p{color:#64748b;margin:.08rem 0 0;font-size:.69rem}.clearity-admin__directory{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffc9;border:1px solid #ffffffdb;border-radius:1rem;margin-top:1.25rem;overflow:hidden;box-shadow:0 28px 70px -48px #0b1a4580}.clearity-admin__directory-head{border-bottom:1px solid #0b1a450f;padding:1.15rem 1.25rem}.clearity-admin__directory-head h2{margin:0;font-size:.95rem}.clearity-admin__directory-head p{color:#94a3b8;margin:.18rem 0 0;font-size:.68rem}.clearity-admin__table-wrap{overscroll-behavior-inline:contain;width:100%;min-width:0;overflow-x:auto}.clearity-admin table{border-collapse:collapse;width:100%;min-width:78rem}.clearity-admin th{color:#64748b;letter-spacing:.05em;text-align:left;text-transform:uppercase;background:#f6f8fccc;padding:.7rem .8rem;font-size:.62rem;font-weight:700}.clearity-admin td{color:#475569;white-space:nowrap;border-top:1px solid #0b1a450b;padding:.75rem .8rem;font-size:.73rem}.clearity-admin tr[data-suspended=true]{opacity:.66}.clearity-admin__identity{align-items:center;gap:.65rem;display:flex}.clearity-admin__identity div{flex-direction:column;gap:.08rem;display:flex}.clearity-admin__identity strong{color:#0b1a45;font-size:.76rem}.clearity-admin__identity div span{color:#94a3b8;font-size:.65rem}.clearity-admin__avatar{background:var(--clearity-profile-ring);color:#fff;border-radius:50%;flex:none;place-items:center;width:2.25rem;height:2.25rem;padding:1.65px;font-size:.62rem;font-weight:700;display:grid;overflow:hidden}.clearity-admin__avatar img{object-fit:contain;background:#edf4fb;border-radius:50%;width:100%;height:100%}.clearity-admin__status{text-transform:capitalize;align-items:center;gap:.35rem;display:flex}.clearity-admin__status i{background:#94a3b8;border-radius:50%;width:.45rem;height:.45rem}.clearity-admin__status i[data-status=active]{background:#22c55e;box-shadow:0 0 0 3px #22c55e1f}.clearity-admin__status i[data-status=online]{background:#1e90ff}.clearity-admin__status i[data-status=idle]{background:#f59e0b}.clearity-admin__actions{justify-content:flex-end;gap:.35rem;display:flex}.clearity-admin__actions button{color:#475569;cursor:pointer;background:#fff;border:1px solid #0b1a4514;border-radius:.55rem;align-items:center;gap:.3rem;min-height:1.9rem;padding:0 .55rem;font-size:.64rem;font-weight:650;display:inline-flex}.clearity-admin__actions .clearity-admin__danger{color:#c2410c;border-color:#c2410c1f}.clearity-admin__actions .clearity-admin__success{color:#15803d;border-color:#15803d1f}.clearity-admin__loading{color:#64748b;justify-content:center;align-items:center;gap:.55rem;min-height:15rem;font-size:.8rem;display:flex}.clearity-admin__error{color:#b91c1c;background:#ef444414;border-radius:.75rem;margin:1rem 0 0;padding:.7rem .85rem;font-size:.75rem}.clearity-admin__modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b1a4547;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.clearity-admin__modal{background:#fffffff0;border:1px solid #fffc;border-radius:1.15rem;width:min(100%,34rem);padding:1.5rem;position:relative;box-shadow:0 36px 90px -34px #0b1a458c}.clearity-admin__modal-close{color:#64748b;cursor:pointer;background:#0b1a450a;border:0;border-radius:.6rem;place-items:center;width:2rem;height:2rem;display:grid;position:absolute;top:.8rem;right:.8rem}.clearity-admin__modal-profile{align-items:center;gap:1rem;display:flex}.clearity-admin__avatar--large{width:4rem;height:4rem;font-size:.9rem}.clearity-admin__modal-profile p{color:#1e90ff;letter-spacing:.1em;text-transform:uppercase;margin:0 0 .2rem;font-size:.62rem;font-weight:700}.clearity-admin__modal-profile h2{margin:0;font-size:1.35rem}.clearity-admin__modal-profile div>span{color:#64748b;font-size:.74rem}.clearity-admin__modal dl{grid-template-columns:1fr 1fr;gap:.7rem;margin:1.35rem 0 0;display:grid}.clearity-admin__modal dl div{background:#fafbfd;border:1px solid #0b1a450f;border-radius:.7rem;padding:.65rem .75rem}.clearity-admin__modal dt{color:#94a3b8;letter-spacing:.05em;text-transform:uppercase;font-size:.6rem;font-weight:700}.clearity-admin__modal dd{color:#0b1a45;text-transform:capitalize;margin:.25rem 0 0;font-size:.78rem}.clearity-admin__modal-time{color:#94a3b8;align-items:center;gap:.4rem;margin-top:1rem;font-size:.66rem;display:flex}.clearity-admin__spin{animation:.8s linear infinite clearityAdminSpin}@keyframes clearityAdminSpin{to{transform:rotate(360deg)}}@media (width<=850px){.clearity-admin__summary{grid-template-columns:1fr 1fr}}@media (width<=600px){.clearity-admin__title-row{align-items:flex-start}.clearity-admin__title-row>button{padding:.5rem}.clearity-admin__summary{gap:.6rem}.clearity-admin__summary article{padding:.8rem}.clearity-admin__modal dl{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.clearity-admin__spin{animation:none}}.clearity-analytics__loading{color:#64748b;justify-content:center;align-items:center;gap:.55rem;min-height:22rem;font-size:.8rem;display:flex}.clearity-analytics__platform{grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem;margin-top:1rem;display:grid}.clearity-analytics__platform article{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffc7;border:1px solid #ffffffdb;border-radius:.9rem;min-width:0;padding:1rem;box-shadow:0 18px 42px -34px #0b1a457a}.clearity-analytics__platform svg{color:#1e90ff;width:1rem;height:1rem}.clearity-analytics__platform strong{text-overflow:ellipsis;margin-top:.55rem;font-size:1.25rem;display:block;overflow:hidden}.clearity-analytics__platform span{color:#94a3b8;margin-top:.12rem;font-size:.65rem;display:block}.clearity-analytics__products{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;display:grid}.clearity-analytics__product{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffc;border:1px solid #ffffffe0;border-radius:1rem;padding:1.25rem;position:relative;overflow:hidden;box-shadow:0 26px 64px -45px #0b1a4580}.clearity-analytics__product:before{content:"";background:var(--analytics-accent);height:3px;position:absolute;inset:0 0 auto}.clearity-analytics__product--fix{--analytics-accent:linear-gradient(90deg, #0b1a45, #ff5a1f)}.clearity-analytics__product--key{--analytics-accent:linear-gradient(90deg, #1e90ff, #ff5a1f)}.clearity-analytics__product--task{--analytics-accent:linear-gradient(90deg, #0b1a45, #1e90ff)}.clearity-analytics__product--course{--analytics-accent:linear-gradient(90deg, #1e90ff, #7c3aed)}.clearity-analytics__product>header{align-items:center;gap:.75rem;display:flex}.clearity-analytics__product>header>span{color:#1e90ff;background:linear-gradient(145deg,#0b1a4514,#1e90ff1a);border-radius:.75rem;flex:none;place-items:center;width:2.4rem;height:2.4rem;display:grid}.clearity-analytics__product>header svg{width:1.1rem}.clearity-analytics__product header p{color:#1e90ff;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .12rem;font-size:.62rem;font-weight:700}.clearity-analytics__product header h2{margin:0;font-size:.95rem}.clearity-analytics__product header>strong{text-align:right;margin-left:auto;font-size:1.35rem}.clearity-analytics__product header>strong small{color:#94a3b8;letter-spacing:.05em;text-transform:uppercase;font-size:.55rem;font-weight:650;display:block}.clearity-analytics__meter{background:#0b1a450f;border-radius:999px;height:.35rem;margin-top:1rem;overflow:hidden}.clearity-analytics__meter i{border-radius:inherit;background:var(--analytics-accent);height:100%;transition:width .5s cubic-bezier(.22,1,.36,1);display:block}.clearity-analytics__metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:1rem;display:grid}.clearity-analytics__metric{background:#fafbfd;border:1px solid #0b1a450e;border-radius:.7rem;min-width:0;padding:.65rem .7rem}.clearity-analytics__metric span{color:#94a3b8;letter-spacing:.035em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.58rem;font-weight:650;display:block;overflow:hidden}.clearity-analytics__metric strong{color:#0b1a45;text-overflow:ellipsis;white-space:nowrap;margin-top:.28rem;font-size:.84rem;display:block;overflow:hidden}.clearity-analytics__generated{color:#94a3b8;text-align:right;margin:1rem 0 0;font-size:.62rem}@media (width<=1100px){.clearity-analytics__platform{grid-template-columns:repeat(3,1fr)}}@media (width<=800px){.clearity-analytics__products{grid-template-columns:1fr}}@media (width<=520px){.clearity-analytics__platform,.clearity-analytics__metrics{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.clearity-analytics__meter i{transition:none}}.zolstice-admin{color:#10204e;background:#f5f7fb;min-height:100vh}.zolstice-admin-header{background:#ffffffc9;border-bottom:1px solid #e7ebf2;align-items:center;gap:24px;height:108px;padding:25px 40px;display:flex}.zolstice-admin-header button{cursor:pointer;background:0 0;border:0;padding:0}.zolstice-admin-header img{width:145px;height:auto}.zolstice-admin .clearity-admin__main{max-width:1536px;margin:0 auto;padding:40px 44px}.zolstice-admin .clearity-shell-control{color:inherit;cursor:pointer;background:0 0;border:1px solid #409cf0;border-radius:10px;align-items:center;gap:8px;padding:10px 15px;display:inline-flex}.zolstice-admin-back{position:absolute;top:140px;left:22px}.zolstice-admin .clearity-admin__nav button{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:14px;align-items:center;gap:8px;padding:12px 20px;display:flex}.zolstice-admin .clearity-admin__nav button.clearity-admin__nav-active{background:var(--demo-surface,#fff);box-shadow:0 5px 18px #1020600c}.zolstice-ai-analytics,.zolstice-impact{margin-top:22px}.zolstice-analytics-breakdowns{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px;display:grid}.zolstice-analytics-breakdowns section{background:#f8faff;border:1px solid #dbe7f6;border-radius:17px;padding:18px}.zolstice-analytics-breakdowns h3{text-transform:uppercase;letter-spacing:.04em;font-size:14px;font-weight:500}.zolstice-analytics-breakdowns p{color:#69809f;justify-content:space-between;gap:15px;font-size:14px;display:flex}.zolstice-analytics-breakdowns strong{color:#2052a6}.zolstice-analytics-note{color:#7b8fac;margin-top:20px;font-size:12px}.zolstice-admin table{text-align:left;border-collapse:collapse;width:100%;margin-top:24px}.zolstice-admin th,.zolstice-admin td{border-bottom:1px solid #dbe7f6;padding:14px}.zolstice-admin.dark{color:#e2e8f0;background:#111827}.zolstice-admin.dark .zolstice-admin-header,.zolstice-admin.dark .zolstice-analytics-breakdowns section{background:#1b2438;border-color:#334155}@media (width<=1600px){.zolstice-admin .clearity-admin__main{margin-left:100px}}@media (width<=800px){.zolstice-admin .clearity-admin__main{margin:0;padding:80px 20px 30px}.zolstice-analytics-breakdowns{grid-template-columns:1fr}.zolstice-admin-header{height:90px;padding:20px}.zolstice-admin-back{top:108px}}.clearity-account-chrome{--clearity-account-avatar-size:3.9375rem;z-index:50;width:max-content;max-width:max-content;height:var(--clearity-account-avatar-size);position:fixed;top:1rem;right:1rem}@media (width>=640px){.clearity-account-chrome{top:1.25rem;right:1.25rem}}.clearity-account-cluster{flex-direction:row;align-items:center;gap:.625rem;width:max-content;max-width:max-content;height:100%;display:inline-flex}.clearity-account-greeting{white-space:nowrap;pointer-events:none;opacity:0;letter-spacing:.01em;background:linear-gradient(92deg,#102060 0%,#1284ee 100%);color:#0000;-webkit-background-clip:text;background-clip:text;flex:none;max-width:0;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:.875rem;font-weight:500;line-height:1;transition:max-width .2s cubic-bezier(.22,1,.36,1),opacity .2s cubic-bezier(.22,1,.36,1),transform .2s cubic-bezier(.22,1,.36,1);overflow:hidden;transform:translate(.35rem)}.clearity-account-cluster:hover .clearity-account-greeting,.clearity-account-cluster:focus-within .clearity-account-greeting{opacity:1;max-width:12rem;transform:translate(0,0)}.clearity-account-photo{flex:none}@media (prefers-reduced-motion:reduce){.clearity-account-greeting{transition:none}}.clearity-account-avatar-ring{border-radius:9999px;flex-shrink:0;transition:box-shadow .16s,transform .16s;display:inline-flex}.clearity-account-trigger{border-radius:9999px;outline:none;display:block}.clearity-account-trigger:focus-visible .clearity-account-avatar-ring{box-shadow:0 0 0 3px #fafbfd,0 0 0 5px #1e90ff73}.clearity-account-trigger[data-state=open] .clearity-account-avatar-ring,.clearity-account-trigger:hover .clearity-account-avatar-ring{transform:translateY(-.5px)}.clearity-account-avatar{box-sizing:border-box;height:var(--clearity-account-avatar-size,3.9375rem);width:var(--clearity-account-avatar-size,3.9375rem);color:#0b1a45;letter-spacing:.02em;background:0 0;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:.75rem;font-weight:600;display:flex;overflow:hidden}.clearity-account-avatar:not(:has(img)){background:#f4f7fb;overflow:hidden}.clearity-account-avatar img{object-fit:contain;object-position:center;transform-origin:50%;flex-shrink:0;width:100%;height:100%;display:block}.clearity-account-avatar[data-profile=rachael] img{transform:scale(1)}.clearity-account-avatar[data-profile=guest] img{transform:scale(.977)}.clearity-account-avatar--joel{overflow:visible}.clearity-account-avatar--joel img{object-fit:contain;object-position:center center;clip-path:none;transform-origin:50%;border-radius:0;max-width:none;transform:scale(.82);-webkit-mask-image:none;mask-image:none}.clearity-account-avatar--custom{background:var(--clearity-profile-ring);padding:2.5px;box-shadow:0 10px 24px -14px #1e90ffbf}.clearity-account-avatar--custom img{object-fit:contain;background:#edf4fb;border-radius:50%}.clearity-account-menu{color:#0b1a45;-webkit-backdrop-filter:blur(16px);background:#ffffffe0;border:1px solid #0b1a4514;border-radius:1rem;min-width:14.5rem;padding:.4rem;overflow:hidden;box-shadow:0 18px 40px -24px #0b1a4573,inset 0 1px #ffffffb3}.clearity-account-menu__identity{flex-direction:column;gap:.15rem;padding:.65rem .75rem .7rem;display:flex}.clearity-account-menu__name{color:#0b1a45;font-size:.875rem;font-weight:600}.clearity-account-menu__email{text-overflow:ellipsis;white-space:nowrap;color:#64748b;font-size:.75rem;overflow:hidden}.clearity-account-menu__sep{background:#0b1a4514;height:1px;margin:.15rem .35rem}.clearity-account-menu__item{cursor:default;color:#334155;border-radius:.65rem;outline:none;align-items:center;width:100%;padding:.55rem .75rem;font-size:.8125rem;font-weight:500;transition:background-color .12s,color .12s;display:flex}.clearity-account-menu__item[data-highlighted]{color:#0b1a45;background:#1e90ff14}.clearity-account-menu__item--disabled{cursor:not-allowed;color:#94a3b8}.clearity-account-menu__item--disabled[data-highlighted]{color:#94a3b8;background:0 0}.clearity-account-menu__item--danger{color:#64748b}.clearity-account-menu__item--admin{color:#1e90ff}.clearity-account-menu__item--admin[data-highlighted]{color:#0b1a45;background:#1e90ff14}.clearity-account-menu__item--danger[data-highlighted]{color:#c2410c;background:#f0532314}.clearity-account-menu__soon{letter-spacing:.04em;text-transform:uppercase;color:#94a3b8;margin-left:auto;font-size:.65rem;font-weight:600}.clearity-account-menu__appearance{gap:.55rem}.clearity-account-menu__theme-icon{color:#1e90ff;flex:none;width:1rem;height:1rem}.clearity-account-menu__theme-value{color:#64748b;margin-left:auto;font-size:.75rem;font-weight:600}.dark .clearity-account-greeting{background:linear-gradient(92deg,#dbeafe 0%,#38a8ff 100%);-webkit-background-clip:text;background-clip:text}.dark .clearity-account-trigger:focus-visible .clearity-account-avatar-ring{box-shadow:0 0 0 3px #111827,0 0 0 5px #38a8ff8c}.dark .clearity-account-avatar--custom img{color:#f1f5f9;background:#1e293b}.dark .clearity-account-avatar:not(:has(img)){color:#f1f5f9;background:#1e293b}.dark .clearity-account-menu{color:#f1f5f9;background:#1e293bf0;border-color:#334155;box-shadow:0 22px 48px -20px #000000b3,inset 0 1px #ffffff0f}.dark .clearity-account-menu__name{color:#f1f5f9}.dark .clearity-account-menu__email,.dark .clearity-account-menu__theme-value,.dark .clearity-account-menu__item--danger{color:#94a3b8}.dark .clearity-account-menu__sep{background:#94a3b82e}.dark .clearity-account-menu__item{color:#cbd5e1}.dark .clearity-account-menu__item[data-highlighted],.dark .clearity-account-menu__item--admin[data-highlighted]{color:#fff;background:#1e90ff29}.dark .clearity-account-menu__item--admin,.dark .clearity-account-menu__theme-icon{color:#38a8ff}.dark .clearity-account-menu__item--danger[data-highlighted]{color:#fdba74;background:#f0532324}.demo-home-account{align-items:center;gap:1rem;display:flex}.demo-account-shortcut{background:var(--demo-surface,#fff);color:var(--demo-heading,#0b1a45);border:1px solid #0b1a451a;border-radius:.65rem;align-items:center;gap:.5rem;padding:.55rem .75rem;font:500 .8125rem Inter,sans-serif;display:inline-flex}.demo-account-shortcut:hover{background:#eaf4ff}.demo-account-shortcut:focus-visible{outline-offset:3px;outline:2px solid #1e90ff}.demo-home-account .clearity-account-trigger{background:0 0;border:0;padding:0}.demo-account-portrait img{object-fit:cover}.demo-account-dropdown{z-index:60}.demo-account-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b1a4540;position:fixed;inset:0}.demo-account-dialog{z-index:101;color:#0b1a45;background:#fafbfd;border:1px solid #dce5ef;border-radius:1rem;width:min(28rem,100vw - 2rem);padding:2rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #0b1a4533}.demo-account-dialog.dark{color:#f1f5f9;background:#1b2438}.demo-account-dialog h2{margin:0 0 .75rem}.demo-account-dialog p{line-height:1.6}.demo-account-close{color:inherit;background:0 0;border:0;position:absolute;top:.75rem;right:.75rem}.demo-account-profile{align-items:center;gap:1rem;display:flex}.demo-account-profile img{object-fit:cover;border-radius:50%;width:63px;height:63px}.demo-account-role{gap:.5rem;display:grid}.demo-account-role select{color:inherit;background:0 0;border:1px solid #94a3b8;border-radius:.5rem;padding:.75rem}.dark .demo-account-shortcut:hover{background:#253b56}.demo-shell[data-view=landing]>.demo-ambient{display:none}.demo-shell[data-view=landing]>.demo-main{padding-top:6rem}@media (width<=540px){.demo-home-account{gap:.4rem}.demo-account-shortcut{padding:.45rem;font-size:.75rem}.demo-home-account .clearity-account-greeting{display:none}}.demo-account-portrait{background:linear-gradient(135deg,#102060,#1e90ff 60%,#8ecbff);padding:2px;box-shadow:0 3px 10px #1e90ff30}.demo-account-portrait img{border:2px solid var(--demo-page,#fafbfd);border-radius:50%}.demo-shell[data-full-page=true]>.demo-main{width:100%;max-width:none;min-height:100dvh;margin:0;padding:0}.demo-shell[data-full-page=true]>.demo-footer,.demo-shell[data-full-page=true]>.demo-ambient{display:none}.demo-shell[data-full-page=true] iframe{display:block}@property --intake-angle{syntax:"<angle>";inherits:false;initial-value:0deg}:root{--clearity-intake-max-width:30rem;--clearity-intake-lens-max-width:27.75rem;--clearity-intake-radius:.875rem;--clearity-intake-border:2px;--clearity-intake-flow-duration:4.6s;--clearity-navy:#0b1a45;--clearity-blue:#1e90ff;--clearity-orange:#ff5a1f;--clearity-intake-surface:#fff;--ring-border-opacity:.78}.clearity-intake-width{width:100%;max-width:var(--clearity-intake-max-width);margin-inline:auto}.clearity-intake-lens-width{width:100%;max-width:var(--clearity-intake-lens-max-width);margin-inline:auto}.clearity-intake-lens--suggestions-active{z-index:2;pointer-events:auto;position:relative}.clearity-intake-focus-portal{z-index:60;isolation:isolate}.clearity-intake-focus-elevated{z-index:60;isolation:isolate;position:relative}.clearity-intake-ring-anchor{width:100%}.clearity-intake-ring-placeholder{pointer-events:none;visibility:hidden;width:100%}.clearity-intake-suggestion-backdrop{z-index:40;pointer-events:none;opacity:0;background:#161c2473;border:none;margin:0;padding:0;transition:opacity .2s ease-out;position:fixed;inset:0}.clearity-intake-suggestion-backdrop--visible{opacity:1}.clearity-intake-ring{--intake-angle:0deg;--ring-border-opacity:.78;isolation:isolate;border-radius:var(--clearity-intake-radius);padding:var(--clearity-intake-border);background:0 0;flex-direction:column;transition:box-shadow .42s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:visible}.clearity-intake-ring:before{content:"";z-index:0;border-radius:inherit;pointer-events:none;padding:var(--clearity-intake-border);background-image:linear-gradient(90deg, transparent 0%, transparent 37%, #ffffff8c 43%, #c4e4ffa6 50%, #ffffff94 57%, transparent 63%, transparent 100%), linear-gradient(to right, var(--clearity-navy), var(--clearity-blue), var(--clearity-orange));opacity:var(--ring-border-opacity);-webkit-mask-composite:xor;background-position:130% 0,0 0;background-size:320% 100%,100% 100%;transition:opacity .42s cubic-bezier(.22,1,.36,1);animation:9.5s cubic-bezier(.45,0,.55,1) infinite clearityShimmer;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.clearity-intake-ring:after{content:"";border-radius:calc(var(--clearity-intake-radius) + 6px);background:linear-gradient(90deg, color-mix(in srgb, var(--clearity-navy) 14%, transparent), color-mix(in srgb, var(--clearity-blue) 18%, transparent), color-mix(in srgb, var(--clearity-orange) 12%, transparent));filter:blur(16px);opacity:.45;z-index:-1;pointer-events:none;transition:opacity .42s cubic-bezier(.22,1,.36,1);position:absolute;inset:-6px}.clearity-intake-ring--idle{--ring-border-opacity:.68;box-shadow:0 1px 2px #0b1a4508,0 6px 22px -12px #0b1a4514}.clearity-intake-ring--idle:after{opacity:.28}.clearity-intake-ring--focused{--clearity-intake-surface:#fff;--ring-border-opacity:.92;box-shadow:0 1px 2px #0b1a450d,0 12px 36px -12px #1e90ff2e}.clearity-intake-ring--focused .clearity-intake-surface,.clearity-intake-ring--focused .clearity-intake-inner{background:#fff}.clearity-intake-inner{background:#fff}.clearity-intake-ring--focused:after{opacity:.52}.clearity-intake-ring--browse-open{--ring-border-opacity:.94;box-shadow:0 1px 2px #0b1a450d,0 14px 40px -12px #0b1a451f}.clearity-intake-ring--browse-open:after{opacity:.5}.clearity-intake-ring--expanded{box-shadow:0 1px 2px #0b1a450d,0 16px 44px -12px #0b1a4524}.clearity-intake-ring--expanded:after{opacity:.55}.clearity-intake-ring--thinking{--clearity-intake-flow-duration:1.75s;--ring-border-opacity:1;box-shadow:0 0 0 1px #1e90ff24,0 0 28px -6px #1e90ff6b,0 0 56px -12px #ff5a1f38,0 14px 40px -10px #1e90ff47}.clearity-intake-ring--thinking:before{background-image:none;background:conic-gradient(from var(--intake-angle) at 50% 50%, var(--clearity-navy) 0deg, var(--clearity-blue) 125deg, var(--clearity-orange) 250deg, var(--clearity-navy) 360deg);opacity:1;animation:clearityIntakeBorderFlow var(--clearity-intake-flow-duration) linear infinite;background-position:50%;background-size:auto}.clearity-intake-ring--thinking:after{opacity:.72;animation:clearityThinkingGlow var(--clearity-intake-flow-duration) ease-in-out infinite alternate}.clearity-intake-ring--clarifying,.clearity-intake-ring--recommending,.clearity-intake-ring--dual-pick{--ring-border-opacity:.88;box-shadow:0 1px 2px #0b1a450d,0 10px 32px -12px #0b1a451c}.clearity-intake-ring--recommending[data-pillar=fix]:before{background-image:linear-gradient(90deg, transparent 0%, transparent 37%, #ffffff8c 43%, #c4e4ffa6 50%, #ffffff94 57%, transparent 63%, transparent 100%), linear-gradient(to right, var(--clearity-navy), var(--clearity-orange));--ring-border-opacity:1;background-position:130% 0,0 0;background-size:320% 100%,100% 100%;animation:9.5s cubic-bezier(.45,0,.55,1) infinite clearityShimmer}.clearity-intake-ring--recommending[data-pillar=key]:before{background-image:linear-gradient(90deg, transparent 0%, transparent 37%, #ffffff8c 43%, #c4e4ffa6 50%, #ffffff94 57%, transparent 63%, transparent 100%), linear-gradient(to right, var(--clearity-blue), var(--clearity-orange));--ring-border-opacity:1;background-position:130% 0,0 0;background-size:320% 100%,100% 100%;animation:9.5s cubic-bezier(.45,0,.55,1) infinite clearityShimmer}.clearity-intake-ring--recommending[data-pillar=way]:before{background-image:linear-gradient(90deg, transparent 0%, transparent 37%, #ffffff8c 43%, #c4e4ffa6 50%, #ffffff94 57%, transparent 63%, transparent 100%), linear-gradient(to right, var(--clearity-navy), var(--clearity-blue), var(--clearity-orange));--ring-border-opacity:1;background-position:130% 0,0 0;background-size:320% 100%,100% 100%;animation:9.5s cubic-bezier(.45,0,.55,1) infinite clearityShimmer}.clearity-intake-ring--empty-shake{animation:.42s cubic-bezier(.36,.07,.19,.97) clearityIntakeShake}@keyframes clearityIntakeBorderFlow{to{--intake-angle:360deg}}@keyframes clearityThinkingGlow{0%{opacity:.5;filter:blur(14px)}to{opacity:.82;filter:blur(22px)}}@keyframes clearityIntakeShake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.clearity-intake-inner{border-radius:calc(var(--clearity-intake-radius) - var(--clearity-intake-border));background:var(--clearity-intake-surface);align-items:center;gap:.625rem;min-height:2.875rem;padding:.5rem .75rem .5rem .875rem;display:flex;box-shadow:inset 0 1px #fffc}.clearity-intake-surface{z-index:1;border-radius:calc(var(--clearity-intake-radius) - var(--clearity-intake-border));background:var(--clearity-intake-surface);flex:1;width:100%;min-height:0;position:relative;overflow:visible;box-shadow:inset 0 1px #ffffffd9}.clearity-intake-search-wrap{position:relative}.clearity-intake-suggestions{border-radius:var(--clearity-intake-radius);background:#fff;border:1px solid #0b1a4514;margin:0;padding:.375rem;list-style:none;box-shadow:0 4px 6px -2px #0b1a450f,0 12px 28px -8px #0b1a4524}.clearity-intake-suggestions--overlay{z-index:70;animation:.17s cubic-bezier(.22,1,.36,1) both clearitySuggestionIn;position:fixed;box-shadow:0 8px 16px -4px #00000038,0 24px 48px -16px #00000047,0 2px 6px #0b1a4514}@keyframes clearitySuggestionIn{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}.clearity-intake-suggestion{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.5rem;align-items:flex-start;gap:.5rem;width:100%;padding:.5625rem .625rem;font-family:inherit;transition:background .16s,color .16s;display:flex}.clearity-intake-suggestion--active{background:#1e90ff14}.clearity-intake-suggestion-text{color:#0b1a45;font-size:.8125rem;font-weight:500;line-height:1.35;display:block}.clearity-intake-suggestion-body{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.clearity-intake-suggestion-likely{letter-spacing:.01em;font-size:.6875rem;font-weight:600;line-height:1.25;display:block}.clearity-intake-suggestion--active .clearity-intake-suggestion-text{color:#0b1a45}.clearity-suggestion-pillar{text-align:center;flex-shrink:0;width:2rem;height:1.5rem;margin-top:.125rem;font-size:.75rem;line-height:1}.clearity-suggestion-pillar--fix{color:#1e90ff}.clearity-suggestion-pillar--key{color:#5eb3ff}.clearity-suggestion-pillar--way{color:#0b1a45}.clearity-intake-search-row{align-items:center;gap:.4375rem;min-height:2.4375rem;padding:.40625rem .625rem .40625rem .75rem;display:flex}.clearity-intake-input{resize:none;min-width:0;color:var(--clearity-navy);box-shadow:none;background:0 0;border:none;outline:none;flex:1;font-size:.875rem;font-weight:500;line-height:1.4}.clearity-intake-input::placeholder{color:#64748b;font-weight:500}.clearity-intake-submit{width:1.75rem;height:1.75rem;color:var(--clearity-navy);background:#fff;border:1px solid #0b1a451a;border-radius:.4375rem;flex-shrink:0;justify-content:center;align-items:center;transition:background .22s,border-color .22s,transform .22s,box-shadow .22s;display:inline-flex;box-shadow:0 1px 2px #0b1a450d}.clearity-intake-clear{color:#0b1a458c;background:#ffffffb8;border:1px solid #0b1a4514;border-radius:.4375rem;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;transition:background .22s,border-color .22s,color .22s,box-shadow .22s;display:inline-flex;box-shadow:0 1px 2px #0b1a450a}.clearity-intake-clear:hover:not(:disabled){border-color:color-mix(in srgb, var(--clearity-blue) 32%, #0b1a451a);color:#0b1a45c7;background:#fff;box-shadow:0 2px 10px -3px #1e90ff2e}.clearity-intake-clear:focus-visible{border-color:color-mix(in srgb, var(--clearity-blue) 40%, #0b1a451f);outline:none;box-shadow:0 0 0 2px #1e90ff47}.clearity-intake-clear:disabled{opacity:.5;cursor:not-allowed}.clearity-intake-submit:hover:not(:disabled){border-color:color-mix(in srgb, var(--clearity-blue) 40%, #0b1a451f);background:#fff;box-shadow:0 2px 10px -3px #1e90ff38}.clearity-intake-submit:disabled{opacity:.5;cursor:not-allowed}.clearity-intake-input:focus{box-shadow:none;outline:none}.clearity-intake-mark{color:var(--clearity-blue);opacity:1;-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:.6875rem;line-height:1}.demo-search{width:min(100%,30rem);margin-top:3rem}.demo-search__anchor{width:min(100%,27.75rem);margin-inline:auto;position:relative}.demo-search__anchor[data-focused=true]{z-index:60}.demo-search__results{z-index:70;text-align:left;max-height:min(22rem,50vh);position:absolute;inset:calc(100% + 6px) 0 auto;overflow-y:auto}.demo-search .clearity-intake-input{padding:0;font-family:inherit}.demo-search .clearity-intake-input:focus-visible{outline:none}.demo-search .clearity-intake-suggestion img{object-fit:contain;width:2rem;height:1.5rem}.demo-search__empty{color:var(--demo-muted);margin:0;padding:1rem;font-size:.8125rem}.demo-search__hint{color:var(--demo-muted);text-align:center;margin:.5rem 0 0;font-size:.625rem}.demo-search-backdrop{pointer-events:auto;z-index:5}.demo-shell:has(.demo-search__anchor[data-focused=true]) .demo-main{z-index:6}.dark .clearity-intake-suggestions{background:#1e293b;border-color:#334155}.dark .clearity-intake-suggestion-text{color:#d3e0f7}.dark .clearity-intake-suggestion--active{background:#1e90ff29}.dark .clearity-intake-suggestion--active .clearity-intake-suggestion-text{color:#e8f0fe}@keyframes clearityShimmer{0%{background-position:130% 0,0 0}47.37%{background-position:-30% 0,0 0}47.38%,to{background-position:130% 0,0 0}}@media (prefers-reduced-motion:reduce){.clearity-intake-ring:before,.clearity-intake-suggestions{animation:none}.clearity-intake-ring,.clearity-intake-suggestion-backdrop{transition:none}}.clearity-home-utilities{flex-direction:column;align-items:center;width:100%;margin-top:18px;display:flex}.clearity-home-utilities__row{--util-neighbor-shift:0px;justify-content:center;align-items:center;gap:20px;min-height:48px;display:flex;overflow:visible}.clearity-utility-pill[data-utility-position="1"]{order:1}.clearity-utility-pill[data-utility-position="2"]{order:2}.clearity-utility-pill[data-utility-position="3"]{order:3}.clearity-utility-pill[data-utility-position="4"]{order:4}.clearity-utility-pill[data-utility-position="5"]{order:5}.clearity-utility-pill[data-utility-position="6"]{order:6}.clearity-utility-pill{--util-h:48px;--util-idle-w:48px;--util-open-w:148px;--util-label-gap:10px;--util-ease:cubic-bezier(.22, 1, .36, 1);--util-duration:.28s;--util-glow-duration:.36s;height:var(--util-h);width:var(--util-idle-w);cursor:pointer;transition:width var(--util-duration) var(--util-ease), margin var(--util-duration) var(--util-ease), transform var(--util-duration) var(--util-ease), border-color var(--util-duration) var(--util-ease), box-shadow var(--util-duration) var(--util-ease), background-color var(--util-duration) var(--util-ease);will-change:width, margin, transform;background:0 0;border:1px solid #0000;border-radius:999px;outline:none;margin:0;padding:0;display:block;position:relative;overflow:visible}.clearity-utility-pill:disabled{opacity:.45;cursor:not-allowed}.clearity-utility-pill__icon{z-index:1;width:var(--util-h);height:var(--util-h);isolation:isolate;pointer-events:none;border-radius:999px;place-items:center;display:grid;position:absolute;top:0;overflow:visible}.clearity-utility-pill__icon img{object-fit:contain;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none;background:#fff;border-radius:999px;flex-shrink:0;width:44px;height:44px;display:block;overflow:visible}.clearity-utility-pill__icon:after{content:"";pointer-events:none;width:44px;height:44px;-webkit-mask-image:var(--util-icon-mask);-webkit-mask-image:var(--util-icon-mask);mask-image:var(--util-icon-mask);mix-blend-mode:screen;background-image:linear-gradient(90deg,#0000 0% 37%,#ffffff8c 43%,#c4e4ffa6 50%,#ffffff94 57%,#0000 63% 100%);background-position:130% 0;background-size:320% 100%;animation:9.5s cubic-bezier(.45,0,.55,1) infinite clearityShimmer;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.clearity-utility-pill__label{font-family:var(--clearity-wordmark-font);font-synthesis:none;letter-spacing:-.012em;white-space:nowrap;opacity:0;pointer-events:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;transition:opacity .22s var(--util-ease), transform .3s var(--util-ease);align-items:center;font-size:15px;font-weight:500;line-height:1;display:flex;position:absolute;top:0;bottom:0}.clearity-utility-pill--outward-left .clearity-utility-pill__icon,.clearity-utility-pill--push-left .clearity-utility-pill__icon{right:0}.clearity-utility-pill--outward-left .clearity-utility-pill__label,.clearity-utility-pill--push-left .clearity-utility-pill__label{right:calc(var(--util-h) + var(--util-label-gap));transform:translate(6px)}.clearity-utility-pill--outward-right .clearity-utility-pill__icon,.clearity-utility-pill--push-right .clearity-utility-pill__icon,.clearity-utility-pill--anchor-right .clearity-utility-pill__icon{left:0}.clearity-utility-pill--outward-right .clearity-utility-pill__label,.clearity-utility-pill--push-right .clearity-utility-pill__label,.clearity-utility-pill--anchor-right .clearity-utility-pill__label{left:calc(var(--util-h) + var(--util-label-gap));transform:translate(-6px)}.clearity-home-utilities__row[data-neighbor-shift=left][data-neighbor-position="2"] .clearity-utility-pill[data-utility-position="1"],.clearity-home-utilities__row[data-neighbor-shift=left][data-neighbor-position="3"] .clearity-utility-pill:is([data-utility-position="1"],[data-utility-position="2"]),.clearity-home-utilities__row[data-neighbor-shift=left][data-neighbor-position="4"] .clearity-utility-pill:is([data-utility-position="1"],[data-utility-position="2"],[data-utility-position="3"]),.clearity-home-utilities__row[data-neighbor-shift=left][data-neighbor-position="5"] .clearity-utility-pill:is([data-utility-position="1"],[data-utility-position="2"],[data-utility-position="3"],[data-utility-position="4"]),.clearity-home-utilities__row[data-neighbor-shift=left][data-neighbor-position="6"] .clearity-utility-pill:not([data-utility-position="6"]){transform:translateX(calc(-1 * var(--util-neighbor-shift)))}.clearity-home-utilities__row[data-neighbor-shift=right][data-neighbor-position="1"] .clearity-utility-pill:not([data-utility-position="1"]),.clearity-home-utilities__row[data-neighbor-shift=right][data-neighbor-position="2"] .clearity-utility-pill:is([data-utility-position="3"],[data-utility-position="4"],[data-utility-position="5"],[data-utility-position="6"]),.clearity-home-utilities__row[data-neighbor-shift=right][data-neighbor-position="3"] .clearity-utility-pill:is([data-utility-position="4"],[data-utility-position="5"],[data-utility-position="6"]),.clearity-home-utilities__row[data-neighbor-shift=right][data-neighbor-position="4"] .clearity-utility-pill:is([data-utility-position="5"],[data-utility-position="6"]),.clearity-home-utilities__row[data-neighbor-shift=right][data-neighbor-position="5"] .clearity-utility-pill[data-utility-position="6"]{transform:translateX(var(--util-neighbor-shift))}@media (hover:hover) and (pointer:fine){.clearity-utility-pill[data-expanded=true]:not(:disabled){width:var(--util-open-w);transition:width var(--util-duration) var(--util-ease), margin var(--util-duration) var(--util-ease), transform var(--util-duration) var(--util-ease), border-color var(--util-glow-duration) var(--util-ease), box-shadow var(--util-glow-duration) var(--util-ease), background-color var(--util-duration) var(--util-ease);background:#fff;border-color:#1884ee8f;overflow:hidden;box-shadow:inset 0 0 0 1px #c6e2ff73,0 0 12px #1284ee29,0 0 24px #185ddc14,0 10px 24px #181d621f}.clearity-utility-pill--outward-left[data-expanded=true]:not(:disabled),.clearity-utility-pill--push-left[data-expanded=true]:not(:disabled){margin-left:calc(var(--util-idle-w) - var(--util-open-w))}.clearity-utility-pill--outward-right[data-expanded=true]:not(:disabled),.clearity-utility-pill--push-right[data-expanded=true]:not(:disabled),.clearity-utility-pill--anchor-right[data-expanded=true]:not(:disabled){margin-right:calc(var(--util-idle-w) - var(--util-open-w))}.clearity-utility-pill[data-expanded=true]:not(:disabled) .clearity-utility-pill__label{opacity:1;transform:translate(0)}}.clearity-utility-pill:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px #1e90ff}@media (prefers-reduced-motion:reduce){.clearity-utility-pill,.clearity-utility-pill__label,.clearity-utility-pill--anchor-right~.clearity-utility-pill{transition:none!important}.clearity-utility-pill__icon:after{opacity:0;animation:none}}.dark .clearity-utility-pill__icon:after{display:none}.dark .clearity-utility-pill__label{color:#85c7fd;-webkit-text-fill-color:#85c7fd;background:0 0}.dark .clearity-utility-pill[data-expanded=true]{background:#1e293b}@media (width<=30rem){.clearity-home-utilities__row{gap:clamp(0px,2vw,12px)}}@media (hover:none),(width<=40rem){.clearity-utility-pill[data-expanded=true]{width:var(--util-idle-w)!important;margin:0!important}.clearity-home-utilities__row .clearity-utility-pill{transform:none!important}.clearity-utility-pill[data-expanded=true] .clearity-utility-pill__label{display:none}}@media (width<=22rem){.clearity-home-utilities__row{gap:4px}.clearity-utility-pill{--util-h:40px;--util-idle-w:40px}.clearity-utility-pill__icon img,.clearity-utility-pill__icon:after{width:36px;height:36px}}.zolstice-simulator{justify-items:center;gap:1rem;padding:1rem 0 2rem;display:grid}.simulator-controls{color:var(--demo-ink);flex-wrap:wrap;justify-content:center;align-items:center;gap:.65rem;display:flex}.simulator-controls button{color:var(--demo-ink);background:linear-gradient(var(--demo-surface), var(--demo-surface)) padding-box, linear-gradient(90deg, #38a8ff, #f06824) border-box;cursor:pointer;border:1px solid #0000;border-radius:.6rem;padding:.4rem .85rem}.simulator-controls button:disabled{opacity:.45;cursor:default}.simulator-controls button:focus-visible{outline-offset:3px;outline:2px solid #38a8ff}.simulator-controls [role=status]{min-width:11rem;font-size:.85rem}.simulator-handset{width:min(464px,78vw,35.8455svh)}.simulator-handset .key-display-phone{width:100%}.zolstice-simulator .zolstice-settings-wallpaper img{width:390px;max-width:none}.simulator-note{color:var(--demo-ink-muted);text-align:center;font-size:.8rem}.zolstice-simulator button[aria-disabled=false]{cursor:pointer}.key-simulator-entry{background:var(--demo-surface);width:100%;color:var(--demo-ink);text-align:left;cursor:pointer;border:1px solid #38a8ff;border-radius:1rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin:0 0 1.25rem;padding:1rem 1.25rem;display:flex;box-shadow:0 4px 18px #389cff15}.key-simulator-entry strong{color:#1284ee;font-size:1.1rem}.key-simulator-entry span{font-size:.85rem}.key-simulator-entry:focus-visible{outline-offset:3px;outline:2px solid #f06824}.simulator-tablet{width:min(100%,1200px);margin:0 auto}.tablet-fit{aspect-ratio:3/2;width:100%;position:relative;container-type:inline-size}.tablet-frame{zoom:calc(100cqw / 960px);background:url(/assets/tablet-reference-DPsu72X_.png) 50%/100% 100%;border-radius:55px;width:960px;height:640px;position:absolute;inset:0;overflow:hidden}.tablet-display{isolation:isolate;color:#f3f6fa;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#010101;border-radius:21px;width:884px;height:560px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;position:absolute;top:40px;left:38px;overflow:hidden}.tablet-display *,.tablet-display :before,.tablet-display :after{box-sizing:border-box}.tablet-display button{font-family:inherit}.tablet-display button[aria-disabled=false],.tablet-display a{cursor:pointer}.tablet-display :is(button,a,input):focus-visible{outline-offset:2px;outline:2px solid #c5e5ff}.tablet-display .zolstice-status{top:11px;left:15px;right:15px}.tablet-display .zolstice-wallpaper img{width:410px;top:55px;left:243px}.tablet-display .zolstice-date{width:440px;font-size:13px;top:37px;left:25px;right:auto}.tablet-display .zolstice-clock{width:432px;font-size:92px;top:180px;left:28px;right:auto}.tablet-display .zolstice-search-area{width:312px;top:293px;left:85px;right:auto}.tablet-display .zolstice-search,.tablet-display .zolstice-search:focus-within{width:312px}.tablet-display .zolstice-app-grid{row-gap:11px;top:70px;left:485px;right:12px}.tablet-display .zolstice-app-grid .zolstice-app{gap:5px}.tablet-display .zolstice-app-grid .zolstice-disc{width:61px;height:61px}.tablet-display .zolstice-dock{height:94px;bottom:9px;left:202px;right:202px}.tablet-display .zolstice-dock .zolstice-app-label{font-size:11px}.tablet-display .zolstice-settings-wallpaper img{width:430px;max-width:none;top:-265px;left:628px}.tablet-display :is(.zolstice-settings-title,.zolstice-network-title,.key-display-phone-title){letter-spacing:-1px;margin:0;font-size:50px;font-weight:200;line-height:1.2;top:45px;left:84px}.tablet-display .key-display-phone-title{font-size:48px}.tablet-display .key-display-phone-title br{display:none}.tablet-display .tablet-back{color:#e8f3ff;place-items:center;width:40px;height:40px;padding:0;display:grid;position:absolute;top:54px;left:25px}.tablet-display .tablet-back svg{width:25px;height:25px}.tablet-display .zolstice-network-back{display:none}.tablet-display :is(.zolstice-settings-search,.zolstice-network-search,.key-display-search){color:#b2cce0;width:455px;height:43px;font-size:16px;top:110px;left:25px;right:auto}.tablet-display .zolstice-settings-profile{height:89px;top:165px;left:25px;right:25px}.tablet-display .zolstice-settings-subtitle{max-width:none}.tablet-display .zolstice-settings-groups{grid-template-rows:repeat(4,65px);grid-template-columns:1fr 1fr;grid-auto-flow:column;gap:3px 15px;display:grid;top:264px;left:25px;right:25px}.tablet-display .zolstice-settings-group{display:contents}.tablet-display .zolstice-settings-row,.tablet-display .zolstice-settings-group:last-child .zolstice-settings-row{background:linear-gradient(145deg,#657e9340,#0b1720db 29%,#061017ed 76%,#29455950);border:1px solid #9bb6cb65;border-radius:14px;height:65px;padding:0 17px;box-shadow:inset 0 1px 2px #dbedfc42,inset 0 -1px 2px #9cbdd825}.tablet-display .zolstice-network-content{grid-template-columns:1fr 1fr;align-items:start;gap:10px 15px;display:grid;top:165px;left:25px;right:25px}.tablet-display .zolstice-connectivity-content>:first-child{grid-area:1/1}.tablet-display .zolstice-connectivity-content>:nth-child(2){grid-area:2/1}.tablet-display .zolstice-connectivity-content>:nth-child(3){grid-area:1/2}.tablet-display .zolstice-connectivity-content>:nth-child(4){grid-area:2/2}.tablet-display .zolstice-connectivity-content .zolstice-network-row{height:91px}.tablet-display .zolstice-wifi-content{grid-template-rows:90px 87px 80px auto}.tablet-display .zolstice-wifi-content>:first-child{grid-area:1/1;height:90px}.tablet-display .zolstice-wifi-current{grid-area:2/1;height:87px}.tablet-display .zolstice-network-add{grid-area:3/1;height:80px;margin:0}.tablet-display .zolstice-other-networks-title{grid-area:1/2;margin:4px 10px;font-size:12px}.tablet-display .zolstice-network-list{grid-area:1/2/5;margin-top:26px}.tablet-display .zolstice-wifi-network{height:50px}.tablet-display .key-display-settings{grid-template-rows:118px 72px 160px;grid-template-columns:1fr 1fr;gap:10px 15px;display:grid;top:165px;left:25px;right:25px}.tablet-display .key-display-settings>:first-child{grid-area:1/1}.tablet-display .key-display-settings>:nth-child(2){grid-area:2/1;height:72px}.tablet-display .key-display-settings>:nth-child(3){grid-area:3/1}.tablet-display .key-display-settings>:nth-child(4){grid-area:1/2/3}.tablet-display .key-display-settings>:nth-child(5){grid-area:3/2}.tablet-display .key-display-settings .zolstice-network-row{height:80px}.tablet-display .key-display-settings>:nth-child(4) .zolstice-network-row{height:100px}.tablet-display .key-display-settings .zolstice-network-disc{width:54px;height:54px}.tablet-display .key-display-settings .zolstice-network-disc svg{width:35px;height:35px}.tablet-display .key-display-settings>.zolstice-network-card:nth-child(n+3){box-shadow:none;background:0 0;border:0;flex-direction:column;gap:3px;padding:0;display:flex}.tablet-display .key-display-settings>.zolstice-network-card:nth-child(n+3)>.zolstice-network-row{background:linear-gradient(145deg,#657e9340,#0b1720db 29%,#061017ed 76%,#29455950);border:1px solid #9bb6cb65;border-radius:15px;flex:1;padding:0 14px;box-shadow:inset 0 1px 2px #dbedfc42,inset 0 -1px 2px #9cbdd825}.tablet-display .key-display-settings>.zolstice-network-card:nth-child(n+3)>.zolstice-network-row:before{display:none}.clearity-resources-shell{width:100%}.clearity-resources-intro{text-align:center;max-width:36rem;margin-inline:auto}.clearity-resources-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#1e90ff;margin:0;font-size:.6875rem;font-weight:600}.clearity-resources-title{letter-spacing:-.02em;color:#0b1a45;margin:.5rem 0 0;font-size:1.75rem;font-weight:600}@media (width>=640px){.clearity-resources-title{font-size:2rem}}.clearity-resources-lead{color:#64748b;margin:.625rem auto 0;font-size:.9375rem;line-height:1.5}.clearity-resources-search{max-width:36rem;margin:1.5rem auto 0}.clearity-resources-search-label{letter-spacing:.12em;text-transform:uppercase;color:#1e90ff;margin-bottom:.375rem;font-size:.6875rem;font-weight:600;display:block}.clearity-resources-search-input{color:#0b1a45;background:#fff;border:1px solid #0b1a451a;border-radius:.75rem;width:100%;padding:.75rem 1rem;font-size:.9375rem;transition:border-color .18s,box-shadow .18s;box-shadow:0 1px 2px #0b1a450a}.clearity-resources-search-input:focus{border-color:#1e90ff73;outline:none;box-shadow:0 0 0 3px #1e90ff1f}.clearity-resources-section-hits{background:#1e90ff0d;border:1px solid #1e90ff1f;border-radius:.75rem;margin-top:.875rem;padding:.875rem 1rem}.clearity-resources-section-hits-label{letter-spacing:.12em;text-transform:uppercase;color:#0b1a45;margin:0 0 .5rem;font-size:.6875rem;font-weight:700}.clearity-resources-section-hits-list{margin:0;padding:0;list-style:none}.clearity-resources-section-hits-list li+li{margin-top:.375rem}.clearity-resources-section-hit-link{border-radius:.5rem;flex-direction:column;gap:.125rem;padding:.5rem .625rem;text-decoration:none;transition:background .18s;display:flex}.clearity-resources-section-hit-link:hover{background:#ffffffb3}.clearity-resources-section-hit-guide{letter-spacing:.06em;text-transform:uppercase;color:#1e90ff;font-size:.6875rem;font-weight:600}.clearity-resources-section-hit-title{color:#0b1a45;font-size:.9375rem;font-weight:600}.clearity-resources-search-empty{color:#64748b;margin:.75rem 0 0;font-size:.875rem}.clearity-resources-search-count{color:#94a3b8;text-align:center;margin:.625rem 0 0;font-size:.75rem}.clearity-resources-grid{grid-template-columns:1fr;gap:1rem;margin-top:1.75rem;padding:0;list-style:none;display:grid}@media (width>=768px){.clearity-resources-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.125rem}}@media (width>=1024px){.clearity-resources-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}}.clearity-resource-card-wrap{min-width:0}.clearity-resource-card{text-align:left;background:#fff;border:1px solid #0000000d;border-radius:1rem;flex-direction:column;min-height:9.5rem;text-decoration:none;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1),border-color .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0b1a450a}.clearity-resource-card--available:focus-visible{outline:none}.clearity-resource-accent{inset-inline:0;opacity:.82;background:linear-gradient(90deg,#0b1a45,#1e90ff,#ff5a1f);height:4px;transition:opacity .22s;position:absolute;top:0;overflow:hidden}.clearity-resource-accent:after{content:"";background-image:linear-gradient(90deg,#0000 0% 23%,#ffffff80 28%,#ffffffc7 32%,#ffffff80 36%,#0000 41% 100%);background-position:130% 0;background-size:320% 100%;animation:9.5s cubic-bezier(.45,0,.55,1) infinite clearityShimmer;position:absolute;inset:0}.clearity-resource-card--available:hover,.clearity-resource-card--available:focus-visible{border-color:#00000014;transform:translateY(-4px);box-shadow:0 18px 40px -18px #0b1a4538}.clearity-resource-card--available:hover .clearity-resource-accent,.clearity-resource-card--available:focus-visible .clearity-resource-accent{opacity:1}.clearity-resource-card--available:hover .clearity-resource-badge--open,.clearity-resource-card--available:focus-visible .clearity-resource-badge--open{filter:brightness(1.1);transform:scale(1.03)}.clearity-resource-card--soon{cursor:default;opacity:.78}.clearity-resource-card--soon .clearity-resource-accent{opacity:.35}.clearity-resource-card--soon .clearity-resource-accent:after{opacity:0;animation:none}.clearity-resource-card-body{flex:1;padding:1rem 1rem .75rem}.clearity-resource-card-eyebrow{letter-spacing:.04em;text-transform:uppercase;color:#1e90ff;margin:0 0 .25rem;font-size:.6875rem;font-weight:600}.clearity-resource-card-title{letter-spacing:-.01em;color:#0b1a45;margin:0;font-size:.9375rem;font-weight:600;line-height:1.35}@media (width>=640px){.clearity-resource-card-title{font-size:1rem}}.clearity-resource-card-desc{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.375rem 0 0;font-size:.8125rem;line-height:1.45;display:-webkit-box;overflow:hidden}.clearity-resource-card-footer{align-items:center;gap:.5rem;margin-top:auto;padding:.625rem 1.5rem 1.375rem;display:flex}.clearity-resource-access-label{letter-spacing:.1em;text-transform:uppercase;color:#94a3b8;background:#0b1a450a;border:1px solid #0b1a450f;border-radius:9999px;flex-shrink:0;align-items:center;padding:.2rem .5rem;font-size:.5625rem;font-weight:600;display:inline-flex}.clearity-resource-badge{letter-spacing:.08em;text-transform:uppercase;border-radius:9999px;flex-shrink:0;align-items:center;margin-left:auto;padding:.25rem .625rem;font-size:.625rem;font-weight:600;transition:transform .22s cubic-bezier(.22,1,.36,1),filter .22s;display:inline-flex}.clearity-resource-badge--open{color:#fff;background:linear-gradient(90deg,#0b1a45,#1e90ff,#ff5a1f)}.clearity-resource-badge--soon{color:#94a3b8;background:#0b1a450f}.clearity-home-resources-link{letter-spacing:.02em;color:#0b1a45;cursor:pointer;border-bottom:1px solid #0000;align-items:center;font-size:.8125rem;font-weight:600;text-decoration:none;transition:color .22s,border-color .22s,opacity .22s;display:inline-flex}.clearity-home-resources-link:hover{color:#1e90ff;opacity:.95;border-bottom-color:#1e90ff59}.dark .clearity-resources-page{background:var(--clearity-dark-page);color:var(--clearity-dark-ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.dark .clearity-resources-title,.dark .clearity-resources-section-hits-label,.dark .clearity-resources-section-hit-title,.dark .clearity-resource-card-title{color:var(--clearity-dark-heading)}.dark .clearity-resources-lead,.dark .clearity-resources-search-empty,.dark .clearity-resources-search-count,.dark .clearity-resource-card-desc{color:var(--clearity-dark-muted)}.dark .clearity-resources-search-input{background:var(--clearity-dark-search);color:var(--clearity-dark-search-ink);border-color:#85c7fd7a}.dark .clearity-resources-search-input::placeholder{color:var(--clearity-dark-search-muted)}.dark .clearity-resources-section-hits{border-color:var(--clearity-dark-border);background:var(--clearity-dark-card)}.dark .clearity-resources-section-hit-link:hover{background:#85c7fd1a}.dark .clearity-resources-page .clearity-resource-card,.dark .clearity-module-page .clearity-resource-card{border-color:var(--clearity-dark-border);background:var(--clearity-dark-surface);box-shadow:0 14px 36px -22px #000000b8}.dark .clearity-resources-page .clearity-resource-card:hover,.dark .clearity-module-page .clearity-resource-card:hover{border-color:#38a8ff6b;box-shadow:0 18px 42px -20px #000c}.dark .clearity-resources-page .clearity-resource-access-label,.dark .clearity-module-page .clearity-resource-access-label,.dark .clearity-resources-page .clearity-resource-badge--soon,.dark .clearity-module-page .clearity-resource-badge--soon{border-color:var(--clearity-dark-border);background:var(--clearity-dark-card);color:var(--clearity-dark-muted)}@media (prefers-reduced-motion:reduce){.clearity-resource-card--available:hover,.clearity-resource-card--available:focus-visible,.clearity-resource-card--available:hover .clearity-resource-badge--open,.clearity-resource-card--available:focus-visible .clearity-resource-badge--open{transform:none}.clearity-resource-accent:after{opacity:0;animation:none}.clearity-intake-suggestions{animation:none}}.clearview-shell{width:100%}.clearview-intro{text-align:center;max-width:56rem;margin-inline:auto}.clearview-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#1e90ff;margin:0;font-size:.6875rem;font-weight:600}.clearview-title{letter-spacing:-.02em;color:#0b1a45;margin:.375rem 0 0;font-size:1.75rem;font-weight:600}@media (width>=640px){.clearview-title{font-size:2rem}}.clearview-lead{color:#64748b;margin:.625rem auto 0;font-size:.9375rem;line-height:1.5}.clearview-toolbar{flex-direction:column;gap:.5rem;max-width:48rem;margin:1rem auto 0;display:flex}.clearview-toolbar__filters{grid-template-columns:1fr;align-items:start;gap:.75rem;display:grid}@media (width>=640px){.clearview-toolbar__filters{grid-template-columns:minmax(0,7fr) minmax(0,3fr);gap:.75rem}}.clearview-toolbar__search,.clearview-toolbar__category{flex-direction:column;min-width:0;display:flex}.clearview-search-label,.clearview-filter-label{letter-spacing:.12em;text-transform:uppercase;color:#1e90ff;margin-bottom:.375rem;font-size:.6875rem;font-weight:600;line-height:1;display:block}.clearview-search-input,.clearview-select{box-sizing:border-box;color:#0b1a45;background:#fff;border:1px solid #0b1a451a;border-radius:.75rem;width:100%;height:2.875rem;padding:0 1rem;font-family:Inter,system-ui,sans-serif;font-size:.9375rem;line-height:1.25;box-shadow:0 1px 2px #0b1a450a}.clearview-search-input:focus,.clearview-select:focus{border-color:#1e90ff73;outline:none;box-shadow:0 0 0 3px #1e90ff1f}.clearview-count{color:#64748b;text-align:center;margin:0;font-size:.8125rem}.clearview-empty{text-align:center;color:#64748b;max-width:28rem;margin:1.5rem auto 0;font-size:.9375rem}.clearview-results{grid-template-columns:1fr;gap:1rem;margin:0;padding:0;list-style:none;display:grid}.clearview-category-section{margin-top:1.75rem}.clearview-category-heading{letter-spacing:.14em;text-transform:uppercase;color:#1e90ff;text-align:left;margin:0 0 1rem;font-size:.75rem;font-weight:700}.clearview-not911{letter-spacing:.08em;text-transform:uppercase;color:#f05323;background:#f053231f;border:1px solid #f053232e;border-radius:999px;align-items:center;margin:.35rem 0 0;padding:.12rem .45rem;font-size:.625rem;font-weight:700;display:inline-flex}.clearview-note--emergency{background:#f053230f;border-color:#f0532338;margin-top:1rem}@media (width>=768px){.clearview-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.125rem}}@media (width>=1024px){.clearview-results{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}}.clearview-card-head{align-items:flex-start;gap:.75rem;display:flex}.clearview-card-logo{letter-spacing:-.02em;color:#181d62;background:#fff;border:1px solid #0b1a450f;border-radius:.65rem;flex-shrink:0;place-items:center;width:44px;height:44px;font-family:Inter,system-ui,sans-serif;font-size:.75rem;font-weight:700;display:grid;overflow:hidden}.clearview-card-logo img{object-fit:contain;object-position:center;width:78%;height:78%;display:block}.clearview-logo--lumen-centurylink img,.clearview-detail__logo.clearview-logo--lumen-centurylink img{width:156%;height:156%}.clearview-card-copy{min-width:0}.clearview-card-footer{justify-content:space-between}.clearview-card-phone{color:#0b1a45;letter-spacing:normal;white-space:nowrap;font-family:Inter,system-ui,sans-serif;font-size:.875rem;font-weight:500}.clearview-card-phone-empty{flex:1}.clearview-directory-intro{text-align:center;color:#64748b;max-width:56rem;margin:.5rem auto 0;font-size:.9375rem;line-height:1.45}.clearview-row__meta{color:#64748b;margin:.15rem 0 0;font-family:Inter,system-ui,sans-serif;font-size:.8125rem}.clearview-row__logo{letter-spacing:-.02em;color:#181d62;background:#fff;border:1px solid #0b1a450f;border-radius:.65rem;flex-shrink:0;place-items:center;width:44px;height:44px;font-family:Inter,system-ui,sans-serif;font-size:.75rem;font-weight:700;display:grid;overflow:hidden}.clearview-row__logo img{object-fit:contain;object-position:center;width:78%;height:78%;display:block}.clearview-routes{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.clearview-route{background:#fff;border:1px solid #0b1a4514;border-radius:.85rem;padding:1rem}.clearview-route__header{margin-bottom:.25rem}.clearview-route__title{color:#0b1a45;margin:0;font-size:1rem;font-weight:600}.clearview-phone,.clearview-row__phone{font-variant-numeric:normal;letter-spacing:normal;font-feature-settings:"tnum" 0, "lnum" 1;color:#0b1a45;white-space:nowrap;font-family:Inter,system-ui,sans-serif;font-size:.875rem;font-weight:600}.clearview-badge{letter-spacing:.06em;text-transform:uppercase;vertical-align:middle;border-radius:999px;align-items:center;margin-left:.4rem;padding:.1rem .4rem;font-size:.625rem;font-weight:700;display:inline-flex}.clearview-badge--verified{color:#1e90ff;background:#1e90ff1f}.clearview-badge--caution{color:#f05323;background:#f053231f}.clearview-detail{max-width:42rem;margin:0 auto}.clearview-detail__header{align-items:flex-start;gap:1rem;display:flex}.clearview-detail__logo{color:#181d62;background:#fff;border:1px solid #0b1a450f;border-radius:.75rem;flex-shrink:0;place-items:center;width:56px;height:56px;font-family:Inter,system-ui,sans-serif;font-size:.875rem;font-weight:700;display:grid;overflow:hidden}.clearview-detail__logo img{object-fit:contain;object-position:center;width:78%;height:78%;display:block}.clearview-detail__actions{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.clearview-action{letter-spacing:normal;color:#0b1a45;cursor:pointer;background:#fff;border:1px solid #0b1a451f;border-radius:.65rem;padding:.55rem .85rem;font-family:Inter,system-ui,sans-serif;font-size:.875rem;font-weight:600;text-decoration:none}.clearview-action:hover,.clearview-action:focus-visible{border-color:#1e90ff66;outline:none}.clearview-section{border-top:1px solid #0b1a4514;margin-top:1.5rem;padding-top:1.25rem}.clearview-section h2{letter-spacing:.14em;text-transform:uppercase;color:#1e90ff;margin:0 0 .75rem;font-size:.75rem;font-weight:700}.clearview-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.clearview-list li{color:#0b1a45;justify-content:space-between;align-items:baseline;gap:1rem;font-family:Inter,system-ui,sans-serif;font-size:.9375rem;display:flex}.clearview-list a{color:#1e90ff;font-weight:500;text-decoration:none}.clearview-list a:hover{text-decoration:underline}.clearview-list .clearview-phone{color:#1e90ff;font-size:.9375rem;font-weight:500}.clearview-note{color:#0b1a45;background:#181d620a;border:1px solid #181d6214;border-radius:.75rem;margin:0;padding:.875rem 1rem;font-size:.875rem;line-height:1.5}.clearview-admin-hint{text-align:center;color:#94a3b8;margin:.75rem auto 0;font-size:.75rem}.dark .clearity-module-page .clearview-title,.dark .clearity-module-page .clearview-category-heading,.dark .clearity-module-page .clearview-route__title{color:var(--clearity-dark-heading)}.dark .clearity-module-page .clearview-lead,.dark .clearity-module-page .clearview-directory-intro,.dark .clearity-module-page .clearview-count,.dark .clearity-module-page .clearview-empty,.dark .clearity-module-page .clearview-row__meta,.dark .clearity-module-page .clearview-note,.dark .clearity-module-page .clearview-admin-hint{color:var(--clearity-dark-muted)}.dark .clearity-module-page .clearview-search-input,.dark .clearity-module-page .clearview-select,.dark .clearity-module-page .clearview-action{background:var(--clearity-dark-search);color:var(--clearity-dark-search-ink);border-color:#85c7fd7a}.dark .clearity-module-page .clearview-search-input::placeholder{color:var(--clearity-dark-search-muted)}.dark .clearity-module-page .clearview-card-phone,.dark .clearity-module-page .clearview-phone,.dark .clearity-module-page .clearview-row__phone,.dark .clearity-module-page .clearview-list li{color:var(--clearity-dark-ink-strong)}.dark .clearity-module-page .clearview-route{border-color:var(--clearity-dark-border);background:var(--clearity-dark-surface)}.dark .clearity-module-page .clearview-section{border-top-color:var(--clearity-dark-border)}.dark .clearity-module-page .clearview-note{border-color:var(--clearity-dark-border);background:var(--clearity-dark-card)}.dark .clearity-module-page .clearview-note--emergency{background:#f053231a;border-color:#f0532357}@media (prefers-reduced-motion:reduce){.clearity-resource-card--available:hover,.clearity-resource-card--available:focus-visible{transform:none}.clearity-resource-accent:after{opacity:0;animation:none}}.demo-scoped-utilities{--clearity-dark-page:var(--demo-page);--clearity-dark-ink:var(--demo-ink);--clearity-dark-ink-strong:var(--demo-heading);--clearity-dark-heading:var(--demo-heading);--clearity-dark-muted:var(--demo-muted);--clearity-dark-border:var(--demo-border);--clearity-dark-card:var(--demo-surface);--clearity-dark-surface:var(--demo-surface);--clearity-dark-search:var(--demo-surface);--clearity-dark-search-ink:var(--demo-ink);--clearity-dark-search-muted:var(--demo-muted);outline:none;width:100%}.demo-approved-guide{margin-top:1.5rem}.demo-approved-guide object{border:1px solid var(--demo-border);border-radius:1rem;width:100%;height:70vh;margin-top:1rem;display:block}.demo-scoped-utilities .clearity-utility-heading+.clearity-resources-eyebrow{margin-top:.5rem}@font-face{font-family:Glacial Indifference;src:url(/assets/GlacialIndifference-Regular-DGv3nTe0.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Glacial Indifference;src:url(/assets/GlacialIndifference-Bold-CA37gqBj.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}:root{--clearity-wordmark-font:"Glacial Indifference", sans-serif;--clearity-wordmark-gradient:linear-gradient(92deg, #001545 0%, #042572 42%, #006af8 100%)}.clearity-wordmark{font-family:var(--clearity-wordmark-font)}.clearity-wordmark--gradient{background-image:var(--clearity-wordmark-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.clearity-utility-heading{font-family:var(--clearity-wordmark-font);letter-spacing:-.02em;background-image:var(--clearity-wordmark-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.75rem,2.5vw,2.25rem);font-weight:400;line-height:1.15;display:inline-block}.clearity-utility-description{letter-spacing:-.01em;color:#64748b;margin:.55rem 0 0;font-size:1rem;font-weight:500}.dark .clearity-utility-heading{background-image:var(--clearity-wordmark-dark-gradient,linear-gradient(92deg, #85c7fd, #38a8ff))}.dark .clearity-utility-description{color:#b5c4da}@font-face{font-family:Inter;src:url(/assets/Inter-Regular-BMa5IoM-.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/Inter-Medium-DvphOyYU.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/Inter-SemiBold-BEUPqj-s.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/Inter-Bold-DJlYPwri.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/Inter-ExtraBold-Cfj_m2VG.ttf)format("truetype");font-weight:800;font-style:normal;font-display:swap}:root{--demo-page:#fafbfd;--demo-surface:#fff;--demo-heading:#0b1a45;--demo-ink:#181d62;--demo-muted:#64748b;--demo-blue:#1e90ff;--demo-focus:#1e90ff;--demo-border:#0b1a4514}.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--demo-page:#111827;--demo-surface:#1b2438;--demo-heading:#cbd8f4;--demo-ink:#d3e0f7;--demo-muted:#93a6c9;--demo-blue:#38a8ff;--demo-border:#27324a}:root{color:var(--demo-ink);background:var(--demo-page);font-synthesis:none;text-rendering:optimizelegibility;font-feature-settings:"cv11", "ss01";-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:0;min-height:100%;margin:0}body{overflow-x:hidden}button,select,input{font:inherit;outline-color:var(--demo-focus,#1e90ff);outline-offset:3px}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--demo-focus,#1e90ff)}.demo-shell :is(h1,h2)[tabindex="-1"]:focus{outline:none}button{cursor:pointer}button:disabled{cursor:not-allowed}.demo-shell{isolation:isolate;min-height:100vh;color:var(--demo-ink,#181d62);background:var(--demo-page,#fafbfd);position:relative;overflow:hidden}.demo-ambient{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.demo-ambient span{display:block;position:absolute}.demo-ambient__blue{background:radial-gradient(closest-side,#1e90ff1f,#0000);border-radius:999px;width:min(56.25rem,100vw);height:37.5rem;top:-10rem;left:50%;transform:translate(-50%)}.demo-ambient__orange{background:radial-gradient(closest-side,#f0532312,#0000);border-radius:999px;width:min(31.25rem,72vw);height:min(31.25rem,72vw);bottom:0;right:0}.demo-ambient__fade{background:linear-gradient(#fff0 0%,#fafbfdcc 60%,#fafbfd 100%);inset:0}.demo-main,.demo-footer{width:min(100%,72rem);margin-inline:auto;padding-inline:1.5rem}.demo-toolbar{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fafbfde0;border-bottom:1px solid #00000014;width:100%;min-height:2.75rem;position:relative}.demo-toolbar__inner{justify-content:space-between;align-items:center;gap:1rem;width:min(100%,72rem);min-height:2.75rem;margin-inline:auto;padding-inline:1.5rem;display:flex}.demo-toolbar__context,.demo-toolbar__controls,.demo-tenant-context,.demo-persona-control{align-items:center;display:flex}.demo-toolbar__context{gap:.75rem;min-width:0}.demo-toolbar__brand .clearity-logo-link__img{height:1.625rem}.demo-toolbar__brand{border-right:1px solid #0000001a;padding-right:.75rem;display:flex}.demo-toolbar__controls{justify-content:flex-end;gap:.625rem}.demo-tenant-context{min-width:0;color:var(--demo-muted);white-space:nowrap;gap:.35rem;line-height:1}.demo-tenant-context strong{color:var(--demo-ink);font-size:.75rem;font-weight:700}.demo-tenant-context span{color:var(--demo-muted);font-size:.6875rem}.demo-persona-control label{color:var(--demo-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.625rem;font-weight:700}.demo-persona-control{gap:.35rem}.demo-persona-control select{max-width:9.25rem;min-height:1.875rem;color:var(--demo-ink);background:#fff;border:1px solid #00000029;border-radius:999px;padding:.25rem 1.5rem .25rem .55rem;font-size:.75rem;font-weight:650}.demo-reset{min-height:1.875rem;color:var(--demo-ink);white-space:nowrap;background:#fff;border:1px solid #0000001f;border-radius:999px;padding:.3rem .65rem;font-size:.7rem;font-weight:700}.demo-reset:hover{border-color:var(--demo-blue,#1e90ff);box-shadow:0 5px 16px -10px #00000073}.demo-main{z-index:1;min-height:calc(100vh - 10rem);padding-block:1.5rem 3.5rem;position:relative}.demo-main--landing{min-height:0;padding-top:3.125rem;padding-bottom:0}.demo-home{flex-direction:column;align-items:center;display:flex}.demo-home-hero{text-align:center;flex-direction:column;align-items:center;display:flex}.demo-home-hero__descriptor{color:var(--demo-blue);letter-spacing:.32em;text-transform:uppercase;margin:2rem 0 0;font-size:.75rem;font-weight:600;line-height:1rem;animation:.6s ease-out .4s both demoFadeUp}.demo-home-hero__headline{max-width:42rem;color:var(--demo-heading,#0b1a45);letter-spacing:-.025em;text-wrap:balance;margin:.5rem 0 0;font-size:1.875rem;font-weight:600;line-height:1.2;animation:.6s ease-out .5s both demoFadeUp}.demo-home-hero__primary{color:var(--demo-heading,#0b1a45)}.demo-home-hero__accent{color:#0000;background-image:linear-gradient(90deg, transparent 0%, transparent 37%, #ffffff8c 43%, #c4e4ffa6 50%, #ffffff94 57%, transparent 63%, transparent 100%), linear-gradient(to right, var(--demo-heading,#0b1a45), var(--demo-blue,#1e90ff), #ff5a1f);background-position:130% 0,0 0;background-size:320% 100%,100% 100%;-webkit-background-clip:text;background-clip:text;animation:9.5s cubic-bezier(.45,0,.55,1) infinite demoShimmer}.demo-home-divider{color:#777;justify-content:center;align-items:center;gap:.5rem;width:min(100%,30rem);margin-top:1.625rem;animation:.6s ease-out .65s both demoFadeUp;display:flex}.demo-home-divider>span{background:linear-gradient(90deg,#0000,#00000024);width:5.5rem;height:1px}.demo-home-divider>span:last-child{background:linear-gradient(270deg,#0000,#00000024)}.demo-home-divider b{color:#0000;background:linear-gradient(to right, var(--demo-heading,#0b1a45), var(--demo-blue,#1e90ff));-webkit-background-clip:text;background-clip:text;font-size:.5625rem;font-weight:400;line-height:1}.demo-home-divider b:nth-of-type(2){background-image:linear-gradient(to left, var(--demo-heading,#0b1a45), var(--demo-blue,#1e90ff))}.demo-home-divider small{letter-spacing:.22em;font-size:.625rem;font-weight:600}.demo-module-grid{grid-template-columns:1fr;gap:1.25rem;width:100%;margin-top:1.25rem;display:grid}.demo-module-card-wrap{isolation:isolate;position:relative}.demo-module-card{border:1px solid var(--demo-border);background:#fff;border-radius:1rem;flex-direction:column;min-width:0;height:100%;padding:1rem 1.5rem;transition:transform .3s,border-color .3s,box-shadow .3s;animation:.8s ease-out both demoFadeUp;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0b1a4508}.demo-module-card-wrap:first-child .demo-module-card{animation-delay:.15s}.demo-module-card-wrap:nth-child(2) .demo-module-card{animation-delay:.25s}.demo-module-card-wrap:nth-child(3) .demo-module-card{animation-delay:.35s}.demo-module-card:has(.demo-module-card__open:is(:hover,:focus-visible)){box-shadow:0 18px 40px -24px color-mix(in srgb, var(--demo-card-end) 35%, transparent);border-color:#0000001a;transform:translateY(-.25rem)}.demo-module-card__accent{background:linear-gradient(to right, var(--demo-card-start), var(--demo-card-end), var(--demo-card-outline));opacity:.82;height:.25rem;position:absolute;inset:0 0 auto}.demo-module-card__accent:after{content:"";background:linear-gradient(90deg,#0000 0% 23%,#ffffff80 28%,#ffffffc7 32%,#ffffff80 36%,#0000 41% 100%) 130% 0/320% 100%;animation:9.5s cubic-bezier(.45,0,.55,1) infinite demoShimmer;position:absolute;inset:0}.demo-module-card__glow{z-index:-1;background:linear-gradient(to right, var(--demo-card-start), var(--demo-card-end), var(--demo-card-outline));filter:blur(2.5rem);opacity:0;border-radius:999px;height:4rem;position:absolute;bottom:0;left:1.5rem;right:1.5rem}.demo-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.demo-module-brand{text-align:center;flex-direction:column;align-items:center;display:flex}.demo-module-brand__wordmark{object-fit:contain;object-position:center;width:min(100%,16.625rem);height:3.5rem;display:block;overflow:visible}.demo-module-brand__wordmark--themed{max-width:20.5rem}.demo-module-brand__alpha-mask{mask-type:alpha}.demo-module-brand__purpose{color:var(--demo-heading);letter-spacing:-.025em;margin:.625rem 0 0;font-size:1rem;font-weight:600;line-height:1.5556}.demo-module-brand__tagline{margin:.25rem 0 0;font-size:.8125rem;font-weight:400;line-height:1.4286}.demo-module-brand__tagline span:first-child,.demo-module-brand__tagline span:last-child{color:var(--demo-muted)}.demo-module-card__fallback-brand{text-align:center;min-height:8rem}.demo-module-card__state{color:var(--demo-muted);white-space:nowrap;margin-left:auto;font-size:.625rem;font-weight:650;line-height:1.25}.demo-module-card__footer{justify-content:space-between;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.demo-module-card__badge{color:#fff;background:linear-gradient(to right, var(--demo-card-start), var(--demo-card-end), #ff5a1f);letter-spacing:.05em;text-transform:uppercase;border:0;border-radius:999px;padding:.25rem .75rem;font-size:.625rem;font-weight:600;display:inline-flex}.demo-module-card__open{min-height:1.5rem;color:var(--demo-card-start);background:0 0;border:0;align-items:center;gap:.35rem;padding:.25rem 0;font-size:.875rem;font-weight:500;display:inline-flex}.demo-module-card__open:hover{gap:.55rem}.demo-breadcrumbs ol{color:var(--demo-muted);flex-wrap:wrap;gap:.4rem;margin:0 0 1rem;padding:0;font-size:.85rem;list-style:none;display:flex}.demo-breadcrumbs li:not(:last-child):after{color:var(--demo-muted);content:"/";margin-left:.4rem}.demo-breadcrumbs [aria-current=page]{color:var(--demo-heading,#0b1a45);font-weight:700}.demo-back{min-height:2.25rem;color:var(--demo-ink);background:0 0;border:0;margin-bottom:1rem;padding:0;font-size:.9rem}.demo-back:hover{color:var(--demo-blue,#1e90ff)}.demo-view{background:#fffffff0;border:1px solid #00000012;border-radius:1.25rem;width:min(100%,52rem);margin-inline:auto;padding:clamp(1.35rem,4vw,2.5rem);box-shadow:0 1px 2px #0000000a,0 28px 70px -42px #0000005c}.demo-view h1:not(.demo-visually-hidden){max-width:44rem;color:var(--demo-ink);letter-spacing:-.035em;margin:0;font-size:clamp(1.8rem,5vw,3rem);line-height:1.08}.demo-eyebrow{color:var(--demo-blue,#1e90ff);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .5rem;font-size:.75rem;font-weight:750}.demo-view--module .demo-module-brand{text-align:left;align-items:flex-start}.demo-view--module .demo-module-brand__wordmark{object-position:left center;width:min(100%,24rem);height:5rem}.demo-view--module .demo-module-brand__purpose{font-size:1.3rem}.demo-view>p{color:var(--demo-muted);line-height:1.65}.demo-path-card{color:#fff;background:linear-gradient(135deg, var(--demo-heading,#0b1a45), var(--demo-blue,#1e90ff));text-align:left;border:1px solid #00000014;border-radius:.875rem;width:min(100%,34rem);min-height:4.5rem;margin-top:1.5rem;padding:.9rem 1rem;display:grid;box-shadow:0 18px 42px -28px #0009}.demo-path-card:hover{transform:translateY(-1px);box-shadow:0 22px 48px -28px #000000b3}.demo-path-card span{color:#fff;margin-top:.3rem;font-size:.85rem}.demo-primary-action{color:#fff;background:var(--demo-heading,#0b1a45);border:0;border-radius:.65rem;min-height:2.75rem;margin-top:1rem;padding:.65rem 1rem;font-weight:700}.demo-primary-action:hover{background:var(--demo-blue,#1e90ff)}.demo-view--workflow{width:min(100%,60rem);box-shadow:none;background:0 0;border:0;padding:0}.demo-view--workflow>h1{width:min(100%,52rem);margin:0 auto 1rem;font-size:clamp(1.4rem,3vw,2rem)}.demo-view--workflow .workflow-runner{border-color:#00000014;border-radius:1.25rem;box-shadow:0 1px 2px #0000000a,0 28px 70px -42px #0000005c}.demo-footer{z-index:1;color:var(--demo-muted);text-align:center;padding-top:2.5rem;padding-bottom:2.5rem;position:relative}.demo-footer__statement{width:100%;color:var(--demo-muted);white-space:nowrap;margin:0;font-size:.6875rem;line-height:1.625}.demo-footer__domain{color:var(--demo-muted);letter-spacing:.28em;margin-top:1.5rem;font-size:.75rem;line-height:1rem}.demo-footer__disclaimer{color:var(--demo-muted);margin:.5rem 0 0;font-size:.625rem;line-height:1.4}.demo-error__brand{text-align:center;gap:.75rem;width:min(42rem,100% - 2rem);margin:2rem auto 0;display:grid}.demo-error{background:#fff;border:1px solid #d8aaa5;border-radius:1rem;max-width:42rem;margin:3rem auto;padding:2rem}@keyframes demoFadeUp{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}@keyframes demoShimmer{0%{background-position:130% 0,0 0}47.37%{background-position:-30% 0,0 0}47.38%,to{background-position:130% 0,0 0}}@media (width>=40rem){.demo-home-hero__headline{font-size:2.25rem;line-height:1.1111}.demo-module-brand__purpose{font-size:1.125rem;line-height:1.4}.demo-footer__statement{font-size:.875rem}}@media (width>=48rem){.demo-home-hero__headline{font-size:3rem;line-height:1}.demo-home-divider{margin-top:1.875rem}.demo-module-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.75rem}.demo-footer__statement{font-size:1rem}}@media (width<=40rem){.demo-toolbar__inner{flex-direction:column;gap:.375rem;padding-block:.4rem}.demo-toolbar__context,.demo-toolbar__controls{justify-content:center;width:100%}.demo-toolbar__brand .clearity-logo-link__img{height:1.5rem}}@media (width<=34rem){.demo-footer__statement{white-space:normal;font-size:.6875rem}.demo-home-divider>span{max-width:3.5rem}.demo-view{padding:1.25rem}.demo-view--workflow{padding:0}.workflow-runner__header{grid-template-columns:1fr;display:grid}.workflow-runner__outcome dl{grid-template-columns:1fr}}@media (width<=22rem){.demo-persona-control label{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.demo-persona-control select{min-width:0;max-width:7.4rem}}@media (prefers-reduced-motion:reduce){.demo-home-hero__descriptor,.demo-home-hero__headline,.demo-home-hero__accent,.demo-home-divider,.demo-module-card,.demo-module-card__accent:after{animation:none}.demo-module-card,.demo-path-card{transition:none}}.demo-toolbar{background:color-mix(in srgb, var(--demo-page) 88%, transparent);border-color:var(--demo-border)}.demo-persona-control select,.demo-reset,.demo-view,.demo-module-card{background:var(--demo-surface);border-color:var(--demo-border)}.demo-home-hero__accent{background-image:linear-gradient(90deg,#0000 37%,#c4e4ffa6 50%,#0000 63%),linear-gradient(90deg,#0b1a45,#1e90ff,#ff5a1f)}.demo-module-card__open{color:var(--demo-heading)}.demo-module-card__open:after{content:"";position:absolute;inset:0}.demo-module-card:has(.demo-module-card__open:hover) .demo-module-brand__wordmark{transform:scale(1.03)}.demo-module-brand__wordmark{transition:transform .3s}.demo-module-card-wrap:has(.demo-module-card__open:hover) .demo-module-card__glow{opacity:.12}.demo-back{background:linear-gradient(var(--demo-surface), var(--demo-surface)) padding-box, linear-gradient(90deg, #181d62, #38a8ff) border-box;border:1px solid #0000;border-radius:.625rem;padding:.4rem .8rem}.demo-view--workflow{background:0 0}.demo-view--workflow .workflow-runner{color:var(--demo-ink);background:var(--demo-surface);border-color:var(--demo-border);--workflow-runner-accent:#181d62;--workflow-runner-focus:#1e90ff}.demo-view--workflow .workflow-runner textarea,.demo-view--workflow .workflow-runner select{border:1px solid var(--demo-border);color:#181d62;background:#fff;border-radius:.625rem}.demo-view--workflow .workflow-runner__progress{border:1px solid var(--demo-border);border-radius:.875rem;padding:1rem}.demo-path-card{background:linear-gradient(135deg,#181d62,#1284ee)}.dark .demo-ambient__fade{background:linear-gradient(#0000,#111827d1 60%,#111827)}.dark .demo-home-hero__accent{background-image:linear-gradient(90deg,#0000 37%,#e8f0fe9e 50%,#0000 63%),linear-gradient(90deg,#82b0ec 0% 66%,#93bcf1 71%,#ef6a3d 79%,#f05323 100%)}.dark .demo-module-card__badge{background:#33528c}.dark .demo-view--workflow .workflow-runner{--workflow-runner-accent:#85c7fd;--workflow-runner-danger:#fca5a5}.dark .demo-view--workflow .workflow-runner button,.dark .demo-primary-action{color:#181d62}@media (width>=40rem){.demo-main--landing{padding-top:4.125rem}}@media (prefers-reduced-motion:reduce){.demo-module-brand__wordmark{transition:none}}.demo-shell.dark{--clearity-wordmark-dark-gradient:linear-gradient(90deg, #cbd8f4 0%, #cbd8f4 62%, #b7d3f7 78%, #85c7fd 100%)}.demo-module-card [data-module-id=fix] .demo-module-brand__wordmark{max-width:234px}.demo-home-hero__headline-clarity,.demo-home-hero__headline-by,.demo-home-hero__headline-default{color:inherit}.dark .demo-home-hero__headline-clarity{color:#4b8fe2}.dark .demo-home-hero__headline-by{color:#93bcf1}.dark .demo-home-hero__headline-default{color:#f05323}.demo-module-card{box-shadow:inset 0 1px #fff,inset 0 -1px #0b1a451f,0 3px 5px #0000001a}.demo-module-card:before{border-radius:inherit;pointer-events:none;content:"";background:linear-gradient(#ffffffbd,#0000 14% 86%,#0b1a4506);position:absolute;inset:1px;box-shadow:inset 0 0 0 1px #ffffff52,inset 0 2px 2px #ffffffa8,inset 0 -2px 3px #0b1a4514}.demo-module-card>:not(.demo-module-card__accent){z-index:1}.demo-module-card:has(.demo-module-card__open:is(:hover,:focus-visible)){border-color:var(--demo-border);transform:translateY(-5px);box-shadow:0 2px 5px #0000001f,0 8px 16px -10px #0003}.demo-module-card__glow{filter:blur(30px);border-radius:1rem;height:auto;transition:opacity .22s,translate .22s cubic-bezier(.22,1,.36,1);inset:9px -5px -5px}.demo-module-card-wrap:has(.demo-module-card__open:is(:hover,:focus-visible)) .demo-module-card__glow{opacity:.36;translate:0 -5px}.dark .demo-module-card{box-shadow:inset 0 1px #ffffff3d,inset 1px 0 #ffffff1a,inset -1px 0 #ffffff0a,inset 0 -1px #0000006b,inset 0 -5px 10px #0000001f,0 3px 5px #00000057,0 28px 56px -30px #000000d1}@media (prefers-reduced-motion:reduce){.demo-module-card:has(.demo-module-card__open:is(:hover,:focus-visible)){transform:none}.demo-module-card__glow{transition:none;translate:none!important}}