@layer components{.matter .sd-hero{isolation:isolate;padding:clamp(116px,12vw,156px) 0 clamp(40px,5vw,72px);position:relative;overflow:clip}.matter .sd-intro{text-align:center;justify-items:center;display:grid}.matter .sd-crumb{color:var(--soft);background:rgb(var(--card-rgb) / .7);border:1px solid var(--glass-edge);box-shadow:var(--shadow-soft);border-radius:999px;align-items:center;gap:8px;padding:7px 14px 7px 8px;font-size:.88rem;font-weight:520;display:inline-flex}.matter .sd-crumb a{color:var(--mute);border-radius:999px;padding:2px 8px;transition:background .25s,color .25s}.matter .sd-crumb a:hover{color:var(--ink);background:var(--bg-2)}.matter .sd-crumb [aria-current]{color:var(--ink);align-items:center;gap:6px;display:inline-flex}.matter .sd-crumb [aria-current] svg{color:var(--cobalt-ink)}.matter .sd-h1{letter-spacing:-.045em;text-wrap:balance;max-width:17ch;margin:26px 0 0;font-size:clamp(2.4rem,1rem + 4vw,5rem);font-weight:380;font-stretch:110%;line-height:1}.matter .sd-intro .t-l{text-wrap:pretty;max-width:56ch;margin:24px 0 0}.matter .sd-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}.matter .sd-demo{margin-top:clamp(44px,6vw,76px);position:relative}.matter .sd-stage{z-index:-1;aspect-ratio:1;opacity:.9;height:112%;position:absolute;top:50%;left:50%;translate:-50% -50%}.matter .sd-plate{max-width:1080px;min-height:0;margin-inline:auto}.matter .sd-notes{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1080px;margin:22px auto 0;padding:0;list-style:none;display:grid}.matter .sd-notes li{background:rgb(var(--card-rgb) / .7);border:1px solid var(--glass-edge);box-shadow:var(--shadow-soft);border-radius:20px;align-items:flex-start;gap:14px;padding:18px 20px;display:flex}.matter .sd-n{color:#fff;background:var(--iri);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:.74rem;font-weight:600;display:grid}.matter .sd-notes p{color:var(--ink-2);margin:4px 0 0;font-size:.95rem;line-height:1.5}@media (max-width:760px){.matter .sd-surface{overflow-x:auto}.matter .sd-stage{display:none}.matter .sd-notes{grid-template-columns:minmax(0,1fr)}.matter .sd-actions .btn{flex:100%;justify-content:center}}.matter .sd-inc{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(28px,5vw,80px);display:grid}.matter .sd-inc-side{position:sticky;top:100px}.matter .sd-inc-side .t-l{max-width:44ch;margin:22px 0 0}.matter .sd-every{background:rgb(var(--card-rgb) / .72);border:1px solid var(--glass-edge);box-shadow:var(--shadow-soft);border-radius:24px;margin-top:32px;padding:22px 22px 24px}.matter .sd-every-h{color:var(--soft);margin:0 0 14px;font-size:.84rem;font-weight:600}.matter .sd-every ul{gap:10px;margin:0 0 20px;padding:0;list-style:none;display:grid}.matter .sd-every li{color:var(--ink-2);align-items:flex-start;gap:10px;font-size:.95rem;line-height:1.4;display:flex}.matter .sd-every svg{color:#fff;background:var(--iri);border-radius:50%;flex:none;width:20px;height:20px;padding:3px}.matter .sd-inc-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.matter .sd-inc-list li{isolation:isolate;background:var(--card);box-shadow:var(--shadow-soft);transition:translate .45s var(--ease), box-shadow .45s var(--ease);border-radius:26px;padding:26px 24px 28px;position:relative;overflow:hidden}.matter .sd-inc-list li:before{content:"";z-index:-1;filter:blur(50px);opacity:.22;width:220px;height:220px;transition:opacity .45s var(--ease);background:conic-gradient(from 200deg,#e3a4cb,#a394ea,#5570dc,#c7dafc,#e3a4cb);border-radius:50%;position:absolute;top:-80px;right:-80px}.matter .sd-inc-list li:hover{box-shadow:var(--shadow-lift);translate:0 -4px}.matter .sd-inc-list li:hover:before{opacity:.4}.matter .sd-inc-n{height:30px;color:var(--cobalt-ink);background:var(--iri-soft);border-radius:999px;place-items:center;padding:0 10px;font-size:.76rem;font-weight:600;display:inline-grid}.matter .sd-inc-list h3{letter-spacing:-.02em;margin:18px 0 0;font-size:1.22rem;font-weight:560;font-stretch:106%;line-height:1.2}.matter .sd-inc-list p{color:var(--mute);margin:10px 0 0;font-size:.95rem;line-height:1.55}@media (max-width:1080px){.matter .sd-inc{grid-template-columns:minmax(0,1fr)}.matter .sd-inc-side{position:relative;top:auto}}@media (max-width:640px){.matter .sd-inc-list{grid-template-columns:minmax(0,1fr)}.matter .sd-inc-list h3{margin-top:22px}}.matter .sd-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid;position:relative}.matter .sd-steps:before{content:"";opacity:.55;background:linear-gradient(90deg,#e3a4cb,#a394ea,#5570dc);border-radius:2px;height:2px;position:absolute;top:50px;left:12%;right:12%}.matter .sd-steps li{text-align:center;background:rgb(var(--card-rgb) / .72);border:1px solid var(--glass-edge);box-shadow:var(--shadow-soft);border-radius:26px;flex-direction:column;align-items:center;padding:26px 22px 28px;display:flex;position:relative}.matter .sd-step-ico{color:#fff;background:var(--iri);width:48px;height:48px;box-shadow:0 0 0 6px var(--card), 0 12px 24px -10px #5570dc99;border-radius:50%;place-items:center;display:grid}.matter .sd-step-n{color:var(--soft);margin-top:20px;font-size:.78rem;font-weight:560}.matter .sd-steps h3{letter-spacing:-.02em;margin:4px 0 0;font-size:1.25rem;font-weight:560;font-stretch:106%}.matter .sd-steps p{color:var(--mute);margin:10px 0 0;font-size:.94rem;line-height:1.55}@media (max-width:1080px){.matter .sd-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.matter .sd-steps:before{display:none}}@media (max-width:640px){.matter .sd-steps{grid-template-columns:minmax(0,1fr);gap:12px}.matter .sd-steps:before{background:linear-gradient(#e3a4cb,#a394ea,#5570dc);width:2px;height:auto;display:block;inset:40px auto 40px 43px}.matter .sd-steps li{text-align:left;grid-template-columns:48px minmax(0,1fr);align-items:start;column-gap:16px;padding:20px 18px;display:grid}.matter .sd-step-ico{grid-row:1/span 3}.matter .sd-step-n{margin-top:2px}.matter .sd-steps p{margin-top:6px}}}