@layer components{.matter .wk-hero-dev{margin-top:clamp(40px,6vw,80px)}.matter .wk-hero-dev .fc-fine{text-align:center;margin-top:18px}.matter .dv-laptop{filter:drop-shadow(0 50px 60px #0e143438);width:86%;max-width:1040px;margin:0 auto}.matter .dv-lid{background:linear-gradient(#23252c,#0d0e12);border-radius:clamp(12px,1.8vw,24px) clamp(12px,1.8vw,24px) 4px 4px;padding:2.4% 2.4% 3%;position:relative;box-shadow:0 0 0 1px #08090b,inset 0 0 0 1.5px #3c3f48}.matter .dv-cam{background:radial-gradient(circle at 35% 35%,#4a5068 0 25%,#15161b 60%);border-radius:50%;width:6px;height:6px;position:absolute;top:1%;left:50%;transform:translate(-50%)}.matter .dv-screen{background:#fff;border-radius:4px;overflow:hidden}.matter .dv-screen img,.matter .dv-phone-screen img,.matter .wk-paper img,.matter .wk-feat-ui img{width:100%;height:auto;display:block}.matter .dv-base{background:linear-gradient(#eef0f4 0%,#c9cdd6 55%,#9aa0ac 100%);border-radius:2px 2px 50% 50%/2px 2px 100% 100%;width:116%;height:clamp(10px,1.5vw,20px);margin-left:-8%;position:relative;box-shadow:inset 0 1px #fff}.matter .dv-base:before{content:"";background:linear-gradient(#b4b9c3,#d9dce3);border-radius:0 0 10px 10px;width:15%;height:45%;position:absolute;top:0;left:50%;transform:translate(-50%)}.matter .dv-phone{background:linear-gradient(150deg,#3d4048,#16171b 42%,#2d2f36);border-radius:17%/8%;width:100%;max-width:300px;margin:0 auto;padding:3.6%;position:relative;box-shadow:0 0 0 1px #0a0a0c,inset 0 0 0 2px #555963,0 44px 70px -36px #0e143480}.matter .dv-phone:before,.matter .dv-phone:after{content:"";background:#2a2c32;width:3px;position:absolute}.matter .dv-phone:before{border-radius:0 3px 3px 0;height:11%;top:27%;right:-3px}.matter .dv-phone:after{border-radius:3px 0 0 3px;height:6%;top:21%;left:-3px;box-shadow:0 52px #2a2c32}.matter .dv-phone-screen{background:#fff;border-radius:14%/6.6%;overflow:hidden}.matter .dv-status{color:#111;background:#fff;justify-content:space-between;align-items:center;height:38px;padding:4px 24px 0 28px;font:600 13px/1 -apple-system,Segoe UI,sans-serif;display:flex;position:relative}.matter .dv-island{background:#050506;border-radius:20px;width:31%;height:22px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.matter .dv-sig{align-items:flex-end;gap:2px;display:inline-flex}.matter .dv-sig i{background:#111;border-radius:1px;width:3px}.matter .dv-sig i:first-child{height:5px}.matter .dv-sig i:nth-child(2){height:7px}.matter .dv-sig i:nth-child(3){height:9px}.matter .dv-sig b{background:linear-gradient(90deg,#111 0 70%,#0000 70%) 1px 1px/calc(100% - 2px) calc(100% - 2px) no-repeat;border:1.5px solid #111;border-radius:3px;width:20px;height:10px;margin-left:5px}.matter .wk-bento{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"att att fee""exm exm fee""dia pay par""rep rep rep";gap:16px;margin:clamp(36px,5vw,56px) 0 0;padding:0;list-style:none;display:grid}.matter .wk-att{grid-area:att}.matter .wk-fee{grid-area:fee}.matter .wk-exm{grid-area:exm}.matter .wk-dia{grid-area:dia}.matter .wk-pay{grid-area:pay}.matter .wk-par{grid-area:par}.matter .wk-rep{grid-area:rep}.matter .wk-feat{--pad:clamp(22px, 2.4vw, 30px);padding:var(--pad);background:radial-gradient(120% 90% at 100% 0%, #788cff1a, transparent 60%), rgb(var(--card-rgb) / .8);border:1px solid var(--glass-edge);box-shadow:var(--shadow-soft);border-radius:28px;flex-direction:column;transition:transform .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden}.matter .wk-feat:hover{box-shadow:var(--shadow-lift);transform:translateY(-4px)}.matter .wk-feat.is-text{background:var(--iri-soft), rgb(var(--card-rgb) / .8)}.matter .wk-feat-n{background:rgb(var(--card-rgb) / .9);border:1px solid var(--line-2);font-variant-numeric:tabular-nums;color:var(--cobalt-ink);border-radius:999px;margin-bottom:14px;padding:4px 10px;font-size:.78rem;font-weight:600;display:inline-block}.matter .wk-feat h3{letter-spacing:-.01em;color:var(--ink);margin:0 0 8px;font-size:clamp(1.15rem,1.6vw,1.4rem);font-weight:600}.matter .wk-feat p{max-width:40ch;color:var(--mute);margin:0;line-height:1.5}.matter .wk-feat-ui{border:1px solid var(--line-2);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 30px 60px -30px #0e143459}.matter .wk-att,.matter .wk-exm,.matter .wk-rep{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:end;gap:24px;display:grid}.matter .wk-rep{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.matter .wk-att .wk-feat-copy,.matter .wk-exm .wk-feat-copy,.matter .wk-rep .wk-feat-copy{align-self:start}.matter .wk-att .wk-feat-ui,.matter .wk-exm .wk-feat-ui,.matter .wk-rep .wk-feat-ui{margin:0 calc(-1 * var(--pad)) calc(-1 * var(--pad)) 0;border-bottom:0;border-right:0;border-radius:16px 0 0}.matter .wk-fee .wk-feat-copy{flex:1}.matter .wk-fee .wk-feat-ui{width:86%;max-width:320px;margin:24px auto calc(-1 * var(--pad));border-bottom:0;border-radius:16px 16px 0 0}.matter .wk-pk{background:rgb(var(--card-rgb) / .8);border:1px solid var(--glass-edge);box-shadow:var(--shadow-soft);border-radius:24px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px 32px;margin-top:16px;padding:22px 26px;display:grid}.matter .wk-pk-h{color:var(--ink);margin:0;font-weight:600}.matter .wk-pk ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;margin:0;padding:0;list-style:none;display:grid}.matter .wk-pk li{color:var(--ink-2);align-items:flex-start;gap:10px;font-size:.95rem;line-height:1.4;display:flex}.matter .wk-pk li svg,.matter .okc-copy li svg{color:var(--cobalt-ink);flex:none;margin-top:2px}.matter .wk-phones{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,56px);max-width:1040px;margin:clamp(36px,5vw,56px) auto 0;display:grid}.matter .wk-phones figure{margin:0}.matter .wk-phones figure:nth-child(2){margin-top:-18px}.matter .wk-phones figcaption{text-align:center;color:var(--mute);margin-top:18px;font-size:.95rem}.matter .wk-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px 64px;display:grid}.matter .wk-split .t-l{max-width:44ch;margin-top:18px}.matter .wk-papers{justify-self:end;width:100%;max-width:520px;padding:0 4% 8% 0;position:relative}.matter .wk-paper{background:#fff;border-radius:6px;margin:0;overflow:hidden;box-shadow:0 1px 2px #0e143414,0 36px 70px -32px #0e143473}.matter .wk-paper-report{width:76%;transform:rotate(-2.5deg)}.matter .wk-paper-challan{width:36%;position:absolute;bottom:0;right:0;transform:rotate(4deg)}.matter .wk-trust{background:radial-gradient(60% 80% at 0% 0%, #e3a4cb1f, transparent 60%), radial-gradient(60% 80% at 100% 100%, #5570dc1f, transparent 60%), rgb(var(--card-rgb) / .8);border:1px solid var(--glass-edge);box-shadow:var(--shadow-lift);border-radius:36px;padding:clamp(28px,4vw,56px)}.matter .wk-trust-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px 40px;display:flex}.matter .wk-trust-head .t-l{max-width:34ch;margin:0}.matter .wk-trust-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,24px);margin:clamp(28px,4vw,44px) 0 0;padding:0;list-style:none;display:grid}.matter .wk-trust-grid h3{color:var(--ink);margin:18px 0 6px;font-size:1.08rem;font-weight:600}.matter .wk-trust-grid p{color:var(--mute);margin:0;font-size:.95rem;line-height:1.5}.matter .vz{background:var(--iri-soft), rgb(var(--card-rgb) / .6);border:1px solid var(--line);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:132px;margin:0;padding:16px;list-style:none;display:flex;position:relative;overflow:hidden}.matter .vz-dev{flex-direction:row;align-items:flex-end;gap:0}.matter .vz-laptop,.matter .vz-phone{background:#fff;flex-direction:column;gap:5px;display:flex;box-shadow:0 0 0 3px #1b1d24,0 14px 24px -12px #0e143480}.matter .vz-laptop{border-radius:6px;width:116px;height:70px;padding:9px}.matter .vz-phone{border-radius:9px;width:34px;height:64px;margin:0 0 -6px -14px;padding:8px 5px}.matter .vz-laptop i,.matter .vz-phone i{background:#dfe6f5;border-radius:3px;height:6px;display:block}.matter .vz-laptop i:first-child,.matter .vz-phone i:first-child{background:#1f6f9f;width:60%}.matter .vz-laptop i:nth-child(3){background:linear-gradient(90deg,#e6f0f8 0 48%,#0000 48% 52%,#e6f0f8 52%);flex:1}.matter .vz-roles{align-items:stretch;gap:6px}.matter .vz-roles li{color:#4a5374;background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:6px 10px;font-size:.78rem;display:flex;box-shadow:0 6px 14px -10px #0e143466}.matter .vz-roles b{color:#3346b8;background:#eef1ff;border-radius:999px;padding:2px 8px;font-weight:600}.matter .vz-url,.matter .vz-live{white-space:nowrap;border-radius:999px;align-items:center;gap:8px;display:inline-flex}.matter .vz-url{color:#1d2342;background:#fff;padding:9px 16px;font-size:.92rem;font-weight:600;box-shadow:0 10px 20px -12px #0e143473}.matter .vz-url i{background:radial-gradient(circle at 35% 30%, #fff 0 14%, transparent 36%), conic-gradient(from 180deg, var(--pink), var(--lilac), var(--cobalt), #dfe8ff, var(--pink));border-radius:50%;width:14px;height:14px}.matter .vz-live{background:var(--ok-bg);color:var(--ok-fg);padding:4px 10px;font-size:.76rem;font-weight:600}.matter .vz-live i{background:currentColor;border-radius:50%;width:6px;height:6px}.matter .vz-team{flex-direction:row;gap:12px}.matter .vz-mark{border-radius:12px;width:44px;height:44px;box-shadow:0 12px 22px -12px #0e143499}.matter .vz-team span{color:var(--mute);flex-direction:column;gap:2px;font-size:.8rem;display:flex}.matter .vz-team b{color:var(--ink);font-size:.98rem}.matter .okc{background:rgb(var(--card-rgb) / .72);border:1px solid var(--glass-edge);box-shadow:var(--shadow-lift);border-radius:32px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:32px clamp(32px,5vw,64px);padding:clamp(18px,2.4vw,28px);display:grid}.matter .okc-pic{border:1px solid var(--line);border-radius:22px;margin:0;overflow:hidden}.matter .okc-pic img{width:100%;height:auto;display:block}.matter .okc-copy{padding:8px 12px 8px 0}.matter .okc-copy .kicker{margin:0 0 14px}.matter .okc-copy .t-l{margin-top:12px}.matter .okc-copy ul{gap:10px;margin:22px 0 26px;padding:0;list-style:none;display:grid}.matter .okc-copy li{color:var(--ink-2);align-items:flex-start;gap:10px;line-height:1.4;display:flex}.matter .okc-actions{flex-wrap:wrap;gap:12px;display:flex}@media (max-width:1000px){.matter .wk-bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"att att""exm exm""fee dia""fee pay""par par""rep rep"}.matter .wk-pk{grid-template-columns:1fr}.matter .wk-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.matter .wk-split,.matter .okc{grid-template-columns:1fr}.matter .wk-papers{justify-self:center}.matter .okc-copy{padding:4px 6px 8px}}@media (max-width:760px){.matter .wk-bento{grid-template-columns:1fr;grid-template-areas:none}.matter .wk-bento>li{grid-area:auto}.matter .wk-att,.matter .wk-exm,.matter .wk-rep{grid-template-columns:1fr}.matter .wk-att .wk-feat-ui,.matter .wk-exm .wk-feat-ui,.matter .wk-rep .wk-feat-ui{margin-left:0}.matter .wk-pk ul{grid-template-columns:1fr}.matter .wk-phones{grid-template-columns:minmax(0,270px);justify-content:center}.matter .wk-phones figure:nth-child(2){margin-top:0}.matter .wk-trust-grid{grid-template-columns:1fr}}.matter .okp{--okb:#0076a3;--okb-hover:#00668e;--okb-light:#22a7d8;--okb-ink:#0076a3;--okb-wash:linear-gradient(135deg, #0076a31a, #22a7d812 55%, #0076a30a)}html[data-theme=dark] .matter .okp{--okb-ink:#5cc6ee;--okb-wash:linear-gradient(135deg, #22a7d829, #0076a31a 55%, #0076a30d)}.matter .okp-brand{margin:0 0 18px}.matter .okp-logo{width:auto;height:clamp(40px,4.4vw,56px)}.matter .okp-logo-dark,html[data-theme=dark] .matter .okp-logo-light{display:none}html[data-theme=dark] .matter .okp-logo-dark{display:inline-block}.matter .okp .fc-pill i,.matter .okp .vz-url i{background:radial-gradient(circle at 35% 30%,#fff 0 14%,#0000 36%),conic-gradient(from 180deg,#0076a3,#22a7d8,#7fd3f2,#0076a3)}.matter .okp .svx-soft{background:linear-gradient(100deg,#005a7d 0%,#0076a3 50%,#22a7d8 100%);-webkit-background-clip:text;background-clip:text}html[data-theme=dark] .matter .okp .svx-soft{background:linear-gradient(100deg,#7fd3f2 0%,#22a7d8 60%,#5cc6ee 100%);-webkit-background-clip:text;background-clip:text}.matter .okp .btn-ink{background:var(--okb);box-shadow:0 10px 24px -12px #005a7d99}.matter .okp .btn-ink:hover{background:var(--okb-hover)}.matter .okp .btn-ink .drop{display:none}.matter .okp .wk-hero-dev{position:relative}.matter .okp .wk-hero-dev:before{content:"";z-index:-1;filter:blur(30px);background:radial-gradient(closest-side,#22a7d838,#0000);border-radius:50%;position:absolute;inset:6% 4% 14%}.matter .okp .wk-feat{background:radial-gradient(120% 90% at 100% 0%, #0076a31a, transparent 60%), rgb(var(--card-rgb) / .8)}.matter .okp .wk-feat.is-text,.matter .okp .vz{background:var(--okb-wash), rgb(var(--card-rgb) / .8)}.matter .okp .wk-feat-n,.matter .okp .wk-pk li svg{color:var(--okb-ink)}.matter .okp .vz-roles b{color:#005a7d;background:#e3f3fa}.matter .okp .vz-laptop i:first-child,.matter .okp .vz-phone i:first-child{background:#0076a3}.matter .okp .wk-trust{background:radial-gradient(60% 80% at 0% 0%, #22a7d81f, transparent 60%), radial-gradient(60% 80% at 100% 100%, #0076a31f, transparent 60%), rgb(var(--card-rgb) / .8)}.matter .okp .cta{background:radial-gradient(70% 90% at 85%,#22a7d86b,#0000 60%),radial-gradient(50% 60% at 100% 0,#7fd3f240,#0000 60%),linear-gradient(160deg,#075679,#063a52 65%);box-shadow:0 50px 100px -50px #063a52b3}}