.services-screen{isolation:isolate;--art-x:0px;--art-y:0px;position:relative;overflow:clip}.services-intro{z-index:2;position:relative}.services-eyebrow{align-items:center;gap:var(--gap-16);color:#aabdd6;text-transform:uppercase;display:flex}.services-eyebrow>span{background:#68819d;width:40px;height:1px}.services-intro h2>span{color:var(--blue)}.services-process-badge{top:var(--gap-80);right:var(--section-gutter);align-items:center;gap:var(--gap-12);padding:var(--gap-12) var(--gap-24);border-radius:var(--radius-32);color:#ceddec;font-size:var(--text-14);background:#061b30a3;border:1px solid #155386;margin:0;line-height:20px;display:flex;position:absolute}.services-process-badge>span{background:#32d5e6;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #32d5e642}.service-tabs{display:grid}.service-tabs button{text-align:left;background:linear-gradient(110deg,#091b2dd9,#06131ed9);border:1px solid #18354e;align-items:center;width:100%;transition:border-color .18s,background .18s,box-shadow .18s;display:flex;position:relative}.service-tabs button:hover{background:#0b2239dd;border-color:#31628c}.service-tabs button:before{content:"";opacity:0;background:#4ecfff;border-radius:4px;width:3px;transition:opacity .18s;position:absolute;inset:12px auto 12px -1px}.service-tabs button[aria-selected=true]{background:linear-gradient(105deg,#0a3b73e6,#07254bdb 70%,#06213b)}.service-tabs button[aria-selected=true]:before{opacity:1;box-shadow:0 0 16px #209cff}.service-tab-number{color:#7c9bb8;font-size:var(--text-18);font-variant-numeric:tabular-nums;flex-shrink:0;line-height:24px}.service-tabs button[aria-selected=true] .service-tab-number{color:#75d5ff}.service-tab-icon{flex:none;place-items:center;width:48px;height:48px;transition:background .18s,color .18s;display:grid}.service-tab-copy{min-width:0}.service-tab-copy strong{letter-spacing:-.02em;white-space:normal;font-weight:500;display:block}.service-tab-copy small{color:#99adc2;margin-top:var(--gap-4);display:block}.service-tabs button>svg{color:#7e9fb9;flex:none;width:24px;height:24px;margin-left:auto;transition:color .18s,transform .18s}.service-tabs button:hover>svg{transform:translate(4px)}.service-tabs button[aria-selected=true]>svg{color:#30c2ff}.service-panel-content{height:100%;position:relative}.service-heading>p{gap:var(--gap-8);color:#83a5c5;font-variant-numeric:tabular-nums;display:flex}.service-heading>p span{color:#49647e}.service-heading h3{text-wrap:balance}.service-heading,.service-actions,.service-discover,.service-benefits{z-index:1;position:relative}.service-actions{align-items:stretch;gap:var(--gap-16);display:flex}.service-actions :is(button,a){justify-content:center;align-items:center;gap:var(--gap-16);text-decoration:none;transition:transform .18s,background .18s,box-shadow .18s,border-color .18s;display:inline-flex}.service-actions svg,.service-discover svg{flex:none;width:20px;height:20px}.service-actions :is(button,a):hover{transform:translateY(-2px)}.service-art{pointer-events:none;overflow-clip-margin:0;transform:translate(var(--art-x),var(--art-y));transition:transform .4s ease-out;overflow:clip}.service-browser-art{object-fit:contain;filter:drop-shadow(0 16px 24px #0059e52b);width:100%;height:100%;position:relative}.service-art-halo{background:radial-gradient(#076fe72e,#0000 68%);position:absolute;inset:8% -4% -8%}.service-art-orbit{border:1px solid #148dff6b;border-radius:50%;position:absolute;inset:8% -2% 10%;transform:rotate(-18deg)scaleY(.63);box-shadow:0 0 16px #006cff12,inset 0 0 12px #006cff0a}.service-benefits{display:grid}.service-benefit{border:1px solid var(--border);background:linear-gradient(120deg,#071a2bba,#05121ebf);align-items:flex-start;transition:border-color .18s;display:flex}.service-benefit:hover{border-color:#285b84}.service-benefit-icon{flex:none;place-items:center;width:40px;height:40px;display:grid}.service-benefit p{white-space:normal;margin:0}.services-technologies{align-items:center;display:flex}.services-technologies:before{content:"";background:linear-gradient(90deg,#193b54,#245f9099,#193b54);height:1px;position:absolute;top:0}.services-tech-intro{flex:none}.services-tech-intro h3{font-size:var(--text-16);margin:0 0 var(--gap-4);font-weight:500;line-height:24px}.services-tech-intro p{color:var(--muted);font-size:var(--text-14);margin:0;line-height:20px}.services-technologies ul{flex:1;margin:0;padding:0;list-style:none;display:flex}.services-technologies li{white-space:nowrap;background:#07182a80;border:1px solid #18354e;flex:1;justify-content:center;align-items:center;display:flex}.services-technologies li>span:not(.service-tech-name){width:28px;height:28px;font-size:var(--text-14);color:#9dccfa;letter-spacing:-.04em;background:#103254;border-radius:8px;place-items:center;font-weight:600;display:grid}.services-tech-set>button{color:#49b5ff;align-items:center;gap:var(--gap-12);padding:var(--gap-12) 0;font-size:var(--text-16);white-space:nowrap;background:0 0;display:flex}.services-tech-set>button svg{width:24px;height:24px;transition:transform .18s}.services-tech-set>button:hover svg{transform:translate(4px)}.services-visible :is(.services-intro,.services-sidebar,.services-technologies){animation:services-enter .55s var(--ease) both}.services-visible .services-sidebar{animation-delay:60ms}.services-visible .services-technologies{animation-delay:.12s}.services-visible :is(.service-heading,.service-browser-art,.service-benefits){animation:service-change .36s var(--ease) both}.services-visible :is(.service-actions,.service-discover){animation:.24s ease-out both service-fade}.demo-dialog-heading .service-dialog-description{max-width:640px;font-size:var(--text-14);color:#b4c5db;letter-spacing:0;margin:var(--gap-12) 0 0;line-height:1.45}@keyframes services-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes service-change{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes service-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.services-screen *,.demo-dialog[open]{transition:none!important;animation:none!important}.service-art{transform:none}}
.projects-screen{isolation:isolate;background:radial-gradient(at 0 6%,#0a2139 0,#0000 22%),radial-gradient(at 98% 33%,#09244180 0,#0000 22%),#050c10;width:100%;height:100svh;min-height:780px;position:relative;overflow:hidden;container-type:size}.projects-orbits{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.projects-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.projects-heading{position:absolute;top:6.4cqh;left:6.38cqw}.projects-eyebrow{align-items:center;gap:var(--gap-16);color:#9aa9ba;font-size:var(--text-12);letter-spacing:3px;font-weight:400;display:flex}.projects-eyebrow i,.projects-footer i,.projects-section-number i{background:#54616d;width:58px;height:1px;display:inline-block}.projects-heading h2{font-size:var(--text-48);letter-spacing:-.075cqw;margin:var(--gap-16) 0 var(--gap-24);font-weight:600;line-height:1.08}.projects-heading h2 span{color:#bec3ce}.case-button{justify-content:center;align-items:center;gap:var(--gap-12);min-height:62px;padding:0 var(--gap-40);border-radius:var(--radius-16);color:#fff;font-size:var(--text-16);white-space:nowrap;background:#06f;border:1px solid #1682ff;transition:background .2s,box-shadow .2s,transform .2s;display:inline-flex;box-shadow:0 5px 24px #0066ff14}.case-button:hover{background:#1680ff;transform:translateY(-2px);box-shadow:0 6px 28px #0066ff40}.case-button svg{width:17px;height:17px}.projects-all{border-radius:var(--radius-12);min-height:5.65cqh;font-size:var(--text-16);padding:0 var(--gap-32);gap:var(--gap-12)}.projects-all svg{width:14px;height:14px}.projects-intro{color:#b4bbc7;font-size:var(--text-20);margin:0;line-height:1.3;position:absolute;top:12.15cqh;left:41.3cqw}.projects-section-number{align-items:center;gap:var(--gap-16);color:#1399ff;font-size:var(--text-12);letter-spacing:2px;display:flex;position:absolute;top:6.5cqh;right:5.7cqw}.projects-section-number i{width:25px}.projects-controls{gap:var(--gap-32);display:flex;position:absolute;top:12cqh;right:6.4cqw}.projects-controls button{border-radius:var(--radius-12);background:0 0;border:1px solid #677583;place-items:center;width:3.4cqw;height:6.8cqh;min-height:48px;transition:all .2s;display:grid}.projects-controls button:last-child{color:#53adff;background:linear-gradient(140deg,#0066ff08,#0066ff18);border-color:#299aff}.projects-controls button:hover{background:#0066ff26;border-color:#36a8ff;box-shadow:0 0 20px #0066ff24}.projects-controls button:disabled{opacity:.35;cursor:default}.projects-controls svg{width:25px;height:25px}.projects-filters{justify-content:space-between;align-items:center;gap:var(--gap-12);display:flex;position:absolute;top:23.85cqh;left:48.5cqw;right:6.4cqw}.projects-filters button{height:5.7cqh;min-height:44px;padding:0 var(--gap-16);font-size:var(--text-14);color:#b3bcc9;white-space:nowrap;align-items:center;gap:var(--gap-12);background:0 0;border:1px solid #0000;border-radius:100px;transition:color .2s,border-color .2s,background .2s;display:flex}.projects-filters button[aria-pressed=true]{color:#8ad0ff;background:linear-gradient(145deg,#0066ff10,#0066ff0a);border-color:#31a5ff}.projects-filters button:hover{color:#fff;background:#0066ff12}.projects-filters i{background:#0086ff;border-radius:50%;width:8px;height:8px}.projects-stage{outline-offset:-4px;width:100%;height:56.2cqh;position:absolute;top:33.3cqh;left:0}.case-card{border-radius:var(--radius-16);opacity:1;background:linear-gradient(150deg,#0b1923b8,#060d12);border:1px solid #355976;width:17.6cqw;height:49cqh;transition:left .75s cubic-bezier(.22,.8,.22,1),top .75s cubic-bezier(.22,.8,.22,1),width .75s cubic-bezier(.22,.8,.22,1),height .75s cubic-bezier(.22,.8,.22,1),opacity .4s,border-color .6s,box-shadow .6s;position:absolute;top:3.5cqh;left:80.64cqw;overflow:hidden}.case-card[data-position=left]{left:1.78cqw}.case-card[data-position=center]{z-index:2;border-radius:var(--radius-20);border-color:#259aff;width:58.8cqw;height:56.2cqh;top:0;left:20.6cqw;box-shadow:0 5px 25px #0066ff18,inset 0 0 45px #0066ff05}.case-card[data-position=hidden]{opacity:0;pointer-events:none;left:110cqw}.case-compact,.case-expanded{transition:opacity .3s .2s,transform .6s cubic-bezier(.22,.8,.22,1);position:absolute;inset:0}.case-card[data-position=center] .case-compact{opacity:0;pointer-events:none;transition-delay:0s;transform:scale(1.06)}.case-card:not([data-position=center]) .case-expanded{opacity:0;pointer-events:none;transition-delay:0s;transform:translate(25px)}.case-compact .case-cover{object-fit:cover;object-position:center top;opacity:.78;height:70%!important}.case-cover-shade{background:linear-gradient(#07111a10 0%,#07111a00 25%,#060d12d9 52%,#080f14 74%);position:absolute;inset:0}.case-badge{align-items:center;gap:var(--gap-8);padding:var(--gap-12) var(--gap-16);color:#83ccff;font-size:var(--text-14);white-space:nowrap;background:linear-gradient(130deg,#00233f65,#08121b70);border:1px solid #218de0;border-radius:50px;display:inline-flex}.case-badge svg{color:#1799ff;width:15px;height:15px}.case-compact>.case-badge{z-index:2;position:absolute;top:2.5cqh;left:1.17cqw}.case-compact-copy{z-index:2;pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:24.3cqh 1.45cqw 2.65cqh}.case-compact-copy h3{font-size:var(--text-22);letter-spacing:-.025cqw;white-space:pre-line;margin:0 0 var(--gap-16);font-weight:500;line-height:1.2}.case-compact-copy p{font-size:var(--text-16);color:#abb6c4;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;line-height:1.35;display:-webkit-box;overflow:hidden}.case-compact-copy button{pointer-events:auto;align-items:center;gap:var(--gap-8);color:#56baff;font-size:var(--text-16);background:0 0;align-self:flex-start;min-height:28px;margin-top:auto;padding:0;display:flex;position:relative}.case-compact-copy button svg{width:14px;height:14px;transition:transform .2s}.case-compact-copy button:hover svg{transform:translate(2px,-2px)}.case-cover-select{z-index:1;background:0 0;position:absolute;inset:0}.case-card:not([data-position=center]):hover{border-color:#289cff;box-shadow:0 0 24px #0066ff15}.case-expanded{width:58.8cqw;height:56.2cqh}.case-main-copy{width:20.2cqw;position:absolute;top:3.85cqh;left:2.55cqw}.case-main-copy h3{font-size:var(--text-36);letter-spacing:-.04cqw;white-space:pre-line;margin:var(--gap-32) 0 var(--gap-16);font-weight:500;line-height:1.13}.case-main-copy p{font-size:var(--text-18);color:#b0b9c6;max-width:19.7cqw;margin:0;line-height:1.36}.case-main-copy>.case-button{margin-top:var(--gap-32);min-height:6.7cqh;font-size:var(--text-18);padding:0 var(--gap-40);border-radius:var(--radius-16)}.case-screenshot{border-radius:var(--radius-20);height:36.75cqh;padding:var(--gap-8);background:#0b1822;border:1px solid #638fb0;position:absolute;top:3.9cqh;left:23.8cqw;right:1.85cqw;overflow:hidden;box-shadow:inset 0 0 0 6px #a9c8e411}.case-screenshot img{object-fit:cover;object-position:top;border-radius:var(--radius-20);border:8px solid #afc6da15;transition:transform .7s}.case-screenshot:hover img{transform:scale(1.025)}.case-screenshot-hover{align-items:center;gap:var(--gap-12);white-space:nowrap;padding:var(--gap-12) var(--gap-16);font-size:var(--text-14);opacity:0;background:#061324e8;border:1px solid #6aafff70;border-radius:40px;transition:all .25s;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%,8px)}.case-screenshot-hover svg{width:15px;height:15px}.case-screenshot:hover .case-screenshot-hover,.case-screenshot:focus-visible .case-screenshot-hover{opacity:1;transform:translate(-50%)}.case-facts{padding-top:var(--gap-24);border-top:1px solid #344450;grid-template-columns:repeat(4,1fr);display:grid;position:absolute;top:43.9cqh;left:2.55cqw;right:1.85cqw}.case-facts>div{text-align:center;gap:var(--gap-8);border-right:1px solid #43505b;flex-direction:column;display:flex}.case-facts>div:last-child{border:0}.case-facts strong{font-size:var(--text-28);letter-spacing:-.025cqw;color:#219dff;font-weight:500;line-height:1.1}.case-facts span{font-size:var(--text-16);color:#aeb8c5}.projects-footer{font-size:var(--text-12);letter-spacing:2px;color:#9ca7b6;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:5.25cqh;left:6.38cqw;right:6.38cqw}.projects-footer>span{align-items:center;gap:var(--gap-16);display:flex}.projects-footer b{background:#007bff;border-radius:50%;width:8px;height:8px;margin-right:-7px}.projects-footer i{width:45px}.projects-seen .projects-heading,.projects-seen .projects-intro{animation:.75s both projects-enter}.projects-seen .projects-stage{animation:.9s .1s both projects-enter}@keyframes projects-enter{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.case-gallery{color:#f6f8ff;border-radius:var(--radius-24);width:1460px;max-width:none;max-height:88svh;padding:var(--gap-32) var(--gap-40);background:#07111bef;border:1px solid #2d5d86;box-shadow:0 30px 100px #0008}.case-gallery::backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000b}.case-gallery-heading{margin-bottom:var(--gap-24);justify-content:space-between;align-items:center;display:flex}.case-gallery-heading h2{font-size:var(--text-36);margin:var(--gap-12) 0 0;font-weight:500}.case-gallery-heading>button{width:46px;height:46px;font-size:var(--text-28);background:#132130;border:1px solid #45627c;border-radius:50%}.case-gallery-grid{gap:var(--gap-24);grid-template-columns:repeat(3,1fr);display:grid}.case-gallery-grid>button{padding:var(--gap-12) var(--gap-12) var(--gap-16);text-align:left;border-radius:var(--radius-16);background:#0b1825;border:1px solid #30495e;transition:border-color .2s}.case-gallery-grid>button:hover{border-color:#0086ff}.case-gallery-grid>button>div{border-radius:var(--radius-8);height:220px;position:relative;overflow:hidden}.case-gallery-grid img{object-fit:cover;object-position:top}.case-gallery-grid span{font-size:var(--text-20);margin:var(--gap-16) var(--gap-4) var(--gap-8);justify-content:space-between;align-items:center;display:flex}.case-gallery-grid svg{color:#229bff;width:20px;height:20px}.case-gallery-grid small{margin:0 var(--gap-4);color:#a7b8ca}.projects-carousel{animation:projects-view-enter .36s var(--ease) both;position:absolute;inset:0}.project-tiles{gap:var(--gap-24);grid-template-columns:repeat(4,minmax(0,1fr));height:100%;display:grid}.project-tile{border-radius:var(--radius-20);isolation:isolate;min-width:0;height:100%;animation:projects-view-enter .42s var(--ease) both;animation-delay:var(--tile-delay);background:linear-gradient(130deg,#0c2438dd,#050d15f5 64%);border:1px solid #31556d;transition:border-color .2s,box-shadow .22s;position:relative;overflow:hidden}.project-tile:hover,.project-tile:focus-within{border-color:#239eff;box-shadow:0 8px 30px #0075ff26,inset 0 1px #2498ff33}.project-tile-link{border-radius:inherit;display:block;position:absolute;inset:0}.project-tile-link:focus-visible{outline-offset:-5px}.project-tile-meta{left:var(--gap-24);right:var(--gap-24);align-items:center;gap:var(--gap-16);color:#b5c9e0;display:flex;position:absolute;top:2.1cqh}.project-tile-number{font-size:var(--text-16);color:#a4b7cf}.project-tile-category{font-size:var(--text-12);text-transform:uppercase;letter-spacing:.025em;line-height:1.3}.project-tile-copy{z-index:2;left:var(--gap-24);right:var(--gap-24);pointer-events:none;position:absolute;top:25.5cqh}.project-tile h3{font-size:var(--text-22);letter-spacing:-.025cqw;white-space:pre-line;margin:0 0 var(--gap-12);font-weight:500;line-height:1.17}.project-tile-copy p{font-size:var(--text-16);color:#b3c2d4;text-wrap:pretty;margin:0;line-height:1.4}.project-tile-screen{left:var(--gap-24);right:var(--gap-24);border-radius:var(--radius-8);transform-origin:50%;height:18cqh;transition:transform .35s var(--ease),filter .3s;filter:brightness(.82);border:1px solid #4a7595;position:absolute;top:5.9cqh;overflow:hidden;transform:perspective(1100px)rotateY(-7deg)rotate(-2deg);box-shadow:0 12px 25px #0005}.project-tile-screen img{object-fit:cover;object-position:left top}.project-tile:hover .project-tile-screen,.project-tile:focus-within .project-tile-screen{filter:brightness();transform:perspective(1100px)rotateY(0)rotate(0)translateY(-3px)}.project-tile-cta{z-index:2;left:var(--gap-24);align-items:center;gap:var(--gap-16);color:#22b0ff;font-size:var(--text-16);display:flex;position:absolute;bottom:10.2cqh}.project-tile-cta i{background:#041422b8;border:1px solid #168fdb;border-radius:50%;place-items:center;width:2cqw;height:2cqw;transition:background .18s;display:grid}.project-tile-cta svg{width:1.2cqw;height:1.2cqw;transition:transform .18s}.project-tile:hover .project-tile-cta svg{transform:translate(3px)}.project-tile-tags{z-index:2;left:var(--gap-24);right:var(--gap-24);bottom:var(--gap-16);gap:var(--gap-8);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex;position:absolute}.project-tile-tags li{border-radius:var(--radius-8);padding:var(--gap-4) var(--gap-8);font-size:var(--text-12);color:#b8cbe0;background:#06111bea;border:1px solid #31495b;line-height:1.2}.project-tiles-empty{color:#b5c9e0;font-size:var(--text-22);align-self:center}@keyframes projects-view-enter{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.projects-screen *,.case-gallery *{transition:none!important;animation:none!important}.project-tile:hover .project-tile-screen,.project-tile:focus-within .project-tile-screen{transform:perspective(1100px)rotateY(-7deg)rotate(-2deg)}.project-tile:hover .project-tile-cta svg{transform:none}}
.problems-screen{overflow-anchor:none;--problem-line:#2f526e;isolation:isolate;background:radial-gradient(at 1% 10%,#0c2034 0,#0000 28%),radial-gradient(at 98% 7%,#102b4b 0,#0000 24%),radial-gradient(at 44% 49%,#071f36 0,#0000 28%),#050b0f;width:100%;height:100svh;min-height:780px;position:relative;overflow:hidden;container-type:size}.problems-orbits{pointer-events:none;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.problems-heading{text-align:center;width:100%;position:absolute;top:8.1cqh;left:0}.problems-heading h2{color:#f4f5f9;font-size:var(--text-56);letter-spacing:-.09cqw;text-shadow:0 3px #a4b4c21a;margin:0;font-weight:600;line-height:1.13;display:inline-block;position:relative}.problems-heading h2>span{-webkit-text-fill-color:transparent;text-shadow:none;background:linear-gradient(#9fd8ff 0%,#389dff 48%,#005bd6 100%);-webkit-background-clip:text;background-clip:text}.problems-heading-detail{width:4.2cqw;height:1px;margin:var(--gap-8) 0 var(--gap-16) 28.8cqw;opacity:.7;background:linear-gradient(90deg,#8bb0c7 0 43%,#0000 43% 48%,#577f97 48% 64%,#0000 64% 69%,#67899e 69% 78%,#0000 78% 92%,#309fff 92%);display:block}.problems-heading p{font-size:var(--text-22);white-space:pre-line;color:#aebbcf;max-width:61cqw;margin:0 auto;font-weight:400;line-height:1.28}.problems-cards{gap:var(--gap-16);perspective:1500px;height:48.1cqh;transition:grid-template-columns .42s var(--ease);grid-template-columns:repeat(6,1fr);align-items:center;display:grid;position:absolute;top:27.3cqh;left:3.25cqw;right:3.2cqw}.problem-position[data-active=true]{z-index:2}.problem-position{align-items:center;min-width:0;height:100%;display:flex;position:relative}.problem-card{--card-angle:10deg;border:1px solid var(--problem-line);border-radius:var(--radius-20);isolation:isolate;width:100%;height:42.8cqh;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,var(--card-angle)));transition:transform .18s var(--ease),height .42s var(--ease),border-color .22s,box-shadow .3s;background:linear-gradient(142deg,#102337c9 0%,#07111ae8 45%,#0b1720ee 100%);position:relative;box-shadow:inset 0 1px #7bb7ed0d,0 0 25px #0001}.problem-position:nth-child(2) .problem-card{--card-angle:10deg}.problem-position:nth-child(n+4) .problem-card{--card-angle:-10deg}.problem-card[data-active=true]{--card-angle:0deg;border-radius:var(--radius-24);height:48.1cqh;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-4px);z-index:1;background:linear-gradient(132deg,#102e4ea0 0%,#08111de8 53%,#031734b0 100%);border-color:#2ca1ff;box-shadow:0 0 0 1px #004d9155,inset 0 0 20px #005bea20,0 14px 27px -15px #0072ffaa,0 0 28px #006eff25}.problem-card[data-active=true]:before,.problem-card[data-active=true]:after{content:"";filter:drop-shadow(0 0 5px #3b9aff);pointer-events:none;background:linear-gradient(90deg,#0000,#469cff,#c0e9ff,#168cff,#0000);border-radius:100%;width:70%;height:2px;position:absolute;top:-1px;left:3%}.problem-card[data-active=true]:after{width:48%;inset:auto 2% -1px auto}.problem-featured-label{opacity:0;pointer-events:none;z-index:2;gap:var(--gap-8);padding:var(--gap-8) var(--gap-12);color:#eff7ff;font-size:var(--text-12);letter-spacing:.02em;text-transform:uppercase;background:linear-gradient(#184166a8,#122b45a8);border:1px solid #275f92;border-radius:50px;align-items:center;transition:opacity .18s,transform .22s;display:flex;position:absolute;top:2.1cqh;right:1.1cqw;transform:translateY(4px);box-shadow:inset 0 1px 4px #77bfff20,0 0 13px #087aff0a}.problem-card[data-active=true] .problem-featured-label{opacity:1;transition-delay:.12s;transform:none}.problem-pointer-light{border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse 70% 60% at var(--pointer-x,50%) var(--pointer-y,50%),#389bff24,transparent 85%);opacity:0;z-index:1;transition:opacity .22s;position:absolute;inset:0}.problem-card[data-active=true] .problem-pointer-light{opacity:1}.problem-featured-label i{background:#0a8eff;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #0083ff70}.problem-illustration{pointer-events:none;height:25.5cqh;transition:transform .18s var(--ease),filter .22s,top .42s var(--ease),height .42s var(--ease),left .42s var(--ease),right .42s var(--ease);position:absolute;top:1.2cqh;left:0;right:0}.problem-cta .problem-illustration{top:.1cqh}.problem-illustration img{object-fit:contain;filter:drop-shadow(0 14px 16px #0004)}.problem-card[data-active=true] .problem-illustration{height:26cqh;top:2.3cqh;left:2.5cqw;right:2.5cqw}.problem-copy{text-align:center;transition:top .42s var(--ease),left .42s var(--ease),right .42s var(--ease);position:absolute;top:24.75cqh;left:.85cqw;right:.85cqw}.problem-copy h3{font-size:var(--text-22);letter-spacing:-.025cqw;margin:0 0 var(--gap-16);white-space:nowrap;color:#f1f3f8;transition:font-size .42s var(--ease);font-weight:500;line-height:1.18}.problem-copy p{font-size:var(--text-14);color:#a9b6ca;text-wrap:pretty;transition:font-size .42s var(--ease);margin:0;font-weight:400;line-height:1.46}.problem-structure .problem-copy{left:2.2cqw;right:2.2cqw}.problem-card[data-active=true] .problem-copy{text-align:left;top:27.4cqh;left:2.28cqw;right:1.4cqw}.problem-card[data-active=true] .problem-copy h3{font-size:var(--text-28);letter-spacing:-.055cqw;margin-bottom:var(--gap-16);font-weight:500}.problem-card[data-active=true] .problem-copy p{font-size:var(--text-20);color:#b4c1d8;line-height:1.37}.problem-open{border-radius:inherit;z-index:3;outline-offset:5px;background:0 0;position:absolute;inset:0}.problem-open:active{transform:none}.problem-card[data-active=true] .problem-illustration{transform:translate3d(var(--art-x,0px),calc(var(--art-y,0px) - 4px),0);filter:brightness(1.07)}.problems-note{text-align:center;position:absolute;bottom:4.35cqh;left:25.5cqw;right:25.5cqw}.problems-note-rule{justify-content:center;align-items:center;gap:var(--gap-16);margin-bottom:var(--gap-12);display:flex}.problems-note-rule>i{background:linear-gradient(90deg,#0000,#203c56,#306d9f);flex:1;max-width:19.5cqw;height:1px;display:block}.problems-note-rule>i:last-child{transform:rotate(180deg)}.problems-note-rule>span{width:44px;height:44px;font-size:var(--text-28);color:#08f;text-shadow:0 0 8px #0075ff70;background:radial-gradient(at 50% 90%,#08234990,#0000);border:1px solid #0e3355;border-radius:50%;flex:none;place-items:center;font-weight:600;line-height:1;display:grid;box-shadow:0 0 13px #087fff0a}.problems-note p{color:#a4b3c9;font-size:var(--text-18);white-space:pre-line;margin:0;line-height:1.32}.problems-seen .problems-heading{animation:.6s both problem-heading-enter}.problems-seen .problem-position{animation:problem-card-enter .62s var(--ease) both;animation-delay:calc(80ms + var(--problem-index)*65ms)}.problems-seen .problems-note{animation:.6s .33s both problem-heading-enter}@keyframes problem-heading-enter{0%{opacity:0;translate:0 14px}to{opacity:1;translate:0}}@keyframes problem-card-enter{0%{opacity:0;translate:0 25px}to{opacity:1;translate:0}}.problem-dialog{padding:var(--gap-40);border-radius:var(--radius-24);color:#f4f6fb;background:radial-gradient(at 0%,#10345670,#0000 55%),#071019;border:1px solid #34648a;width:1000px;max-width:92vw;max-height:88svh;overflow:auto;box-shadow:0 35px 100px #0008}.problem-dialog::backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#01060bce}.problem-dialog[open]{gap:var(--gap-40);animation:problem-dialog-enter .22s var(--ease);grid-template-columns:270px 1fr;display:grid}@keyframes problem-dialog-enter{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:none}}.problem-dialog-close{width:42px;height:42px;font-size:var(--text-28);z-index:1;background:#0b1927;border:1px solid #49647d;border-radius:50%;font-weight:400;position:absolute;top:20px;right:20px}.problem-dialog-close:hover{background:#193b59}.problem-dialog-art{place-items:center;display:grid}.problem-dialog-art img{object-fit:contain;width:100%;height:auto}.problem-dialog-copy{padding:var(--gap-16) 0 var(--gap-8)}.problem-dialog-eyebrow{font-size:var(--text-12);letter-spacing:2.3px;color:#6caadd}.problem-dialog-copy h2{font-size:var(--text-36);letter-spacing:-.7px;margin:var(--gap-16) 0 var(--gap-24);font-weight:500;line-height:1.15}.problem-dialog-copy>p{color:#acbfd1;font-size:var(--text-16);margin:0 0 var(--gap-24);line-height:1.6}.problem-dialog-copy h3{font-size:var(--text-14);margin:0 0 var(--gap-16);font-weight:500}.problem-dialog-copy ul{margin:0 0 var(--gap-32);gap:var(--gap-12);flex-direction:column;padding:0;list-style:none;display:flex}.problem-dialog-copy li{font-size:var(--text-14);color:#afc0d1;align-items:flex-start;gap:var(--gap-12);line-height:1.5;display:flex}.problem-dialog-copy li svg{color:#36a3ff;border:1px solid #157fe0;border-radius:50%;flex:none;width:20px;height:20px}.problem-discuss{min-height:54px;padding:0 var(--gap-24);justify-content:center;align-items:center;gap:var(--gap-24);border-radius:var(--radius-12);background:#06f;border:1px solid #208aff;transition:background .15s,box-shadow .15s;display:inline-flex}.problem-discuss:hover{background:#1680ff;box-shadow:0 8px 25px #0066ff24}.problem-discuss svg{width:18px;height:18px}@media (prefers-reduced-motion:reduce){.problems-screen *,.problem-dialog,.problem-dialog *{transition:none!important;animation:none!important}.problem-card,.problem-card[data-active=true],.problem-card[data-active=true] .problem-illustration{transform:none}}