@layer components{.matter .sv-head{margin-bottom:clamp(36px,5vw,64px)}.matter .sv-head .t-l{max-width:52ch;margin-top:18px}.matter .sv-head-split{grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:end;gap:28px clamp(30px,5vw,80px);display:grid}.matter .sv-help{border-radius:var(--r-lg);gap:8px;padding:24px 26px;display:grid}.matter .sv-help b{font-size:1.1rem;font-weight:580;font-stretch:106%}.matter .sv-help p{color:var(--mute);margin:0 0 6px;font-size:.95rem}@media (min-width:1081px){.matter .forms .index{position:relative;top:auto}.matter .forms>div:last-child{align-self:start;position:sticky;top:100px}}.matter .forms .plate{min-height:0}@media (max-width:1080px){.matter .sv-head-split{grid-template-columns:minmax(0,1fr)}}.matter .dz-canvas{background:radial-gradient(circle, #131a3a14 1px, transparent 1px) 0 0 / 16px 16px, var(--card);grid-template-columns:1fr 200px;display:grid}.matter .dz-frames{grid-template-columns:repeat(3,1fr);gap:14px;padding:18px 16px;display:grid}.matter .dz-label{color:var(--soft);margin-bottom:6px;font-size:.68rem;display:block}.matter .dz-screen{background:var(--card);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:7px;min-height:230px;padding:14px 12px;font-size:.74rem;display:flex;box-shadow:0 10px 22px -16px #1d265059}.matter .dz-frame.sel .dz-screen{outline:2px solid var(--cobalt);outline-offset:3px}.matter .dz-screen b{margin-bottom:4px;font-size:.86rem}.matter .dz-row{border:1px solid var(--line);color:var(--mute);border-radius:9px;padding:8px 10px}.matter .dz-cta{text-align:center;color:#fff;background:var(--fill);border-radius:10px;margin-top:auto;padding:9px;font-weight:560}.matter .dz-side{border-left:1px solid var(--line);background:var(--card);padding:16px;font-size:.78rem}.matter .dz-swatches{gap:6px;margin-bottom:16px;display:flex}.matter .dz-swatches i{border:1px solid var(--line);border-radius:8px;width:26px;height:26px}.matter .dz-type{gap:2px;margin-bottom:16px;display:grid}.matter .dz-type b{font-size:1.1rem;font-weight:600}.matter .dz-type small{color:var(--soft)}.matter .dz-comment{background:var(--warn-bg);color:var(--ink-2);border-radius:12px;gap:4px;padding:10px 12px;display:grid}.matter .dz-reply{color:var(--ok);font-weight:540}@media (max-width:760px){.matter .dz-canvas{grid-template-columns:1fr}.matter .dz-frames{grid-template-columns:1fr 1fr}.matter .dz-frame:nth-child(3){display:none}.matter .dz-side{border-left:0;border-top:1px solid var(--line)}}.matter .sv-detail{border-radius:var(--r-lg);background:rgb(var(--card-rgb) / .7);border:1px solid var(--glass-edge);box-shadow:var(--shadow-soft);animation:m-rise .6s var(--ease) both;justify-content:space-between;align-items:center;gap:20px 28px;margin-top:18px;padding:20px 22px;display:flex}.matter .sv-detail ul{flex:1;grid-template-columns:1fr 1fr;gap:10px 24px;margin:0;padding:0;list-style:none;display:grid}.matter .sv-detail li{color:var(--ink-2);align-items:center;gap:9px;font-size:.92rem;display:flex}.matter .sv-detail li svg{color:#fff;background:linear-gradient(135deg,#a394ea,#5570dc);border-radius:50%;flex:none;width:20px;height:20px;padding:3px}.matter .sv-detail .btn{flex:none}@media (max-width:760px){.matter .sv-detail{flex-direction:column;align-items:stretch}.matter .sv-detail ul{grid-template-columns:1fr}}.matter .sv-fig{animation:m-rise .7s var(--ease) both;margin:0}.matter .index .more>span{display:block;overflow:hidden}.matter .sv-more-p{letter-spacing:0;color:var(--mute);max-width:38ch;margin:8px 0 12px;font-size:.98rem;font-weight:400;font-stretch:100%;line-height:1.55;display:block}.matter .sv-explore{margin:-4px 0 18px;font-size:.95rem}.matter .side .sidelink{color:var(--mute);border-radius:9px;align-items:center;gap:9px;padding:7px 8px;display:flex}.matter .side .sidelink.on{background:var(--card);color:var(--ink);font-weight:560;box-shadow:0 1px 2px #131a3a0f}@media (max-width:1080px){.matter .sv-explore{display:none}}.matter .sv-hero{isolation:isolate;padding:clamp(130px,15vw,190px) 0 clamp(30px,4vw,60px);position:relative;overflow:clip}.matter .sv-hero .stage{z-index:-1;aspect-ratio:1;width:min(50vw,680px);position:absolute;top:20px;right:-10vw}.matter .sv-hero h1{max-width:13ch}.matter .sv-hero .t-l{max-width:48ch;margin-top:26px}.matter .sv-crumb{color:var(--soft);gap:8px;font-size:.9rem;display:flex}.matter .sv-crumb a:hover{color:var(--cobalt-ink)}.matter .sv-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.matter .sv-compare{border-top:1px solid var(--line-2);display:grid}.matter .sv-row{border-bottom:1px solid var(--line);grid-template-columns:4fr 5fr 3fr;gap:24px 40px;padding:clamp(22px,3vw,34px) 0;transition:background .3s;display:grid}.matter .sv-row h3{letter-spacing:-.03em;margin:0;font-size:clamp(1.4rem,1.05rem + 1.1vw,2.1rem);font-weight:400;font-stretch:108%}.matter .sv-row h3 a:hover{color:var(--cobalt-ink)}.matter .sv-row p{color:var(--mute);margin:8px 0 0}.matter .sv-row ul{color:var(--ink-2);gap:6px;margin:0;padding:0;font-size:.95rem;list-style:none;display:grid}.matter .sv-row li:before{content:"";background:var(--iri);border-radius:50%;width:6px;height:6px;margin:0 10px 2px 0;display:inline-block}.matter .sv-chips{flex-wrap:wrap;align-content:start;gap:6px;display:flex}.matter .sv-chips span{font-family:var(--mono);background:var(--card);border:1px solid var(--line);color:var(--ink-2);border-radius:8px;padding:4px 9px;font-size:.74rem}.matter .sv-shared{grid-template-columns:5fr 7fr;gap:clamp(30px,5vw,80px);display:grid}.matter .sv-shared ol{counter-reset:sv;margin:0;padding:0;list-style:none}.matter .sv-shared li{counter-increment:sv;border-top:1px solid var(--line);grid-template-columns:44px 1fr;padding:16px 0;display:grid}.matter .sv-shared li:before{content:counter(sv, decimal-leading-zero);font-family:var(--mono);color:var(--cobalt-ink);padding-top:4px;font-size:.8rem}.matter .sv-shared b{font-weight:560;font-stretch:106%;display:block}.matter .sv-shared li span{color:var(--mute)}.matter .sv-ask .ask{max-width:720px}.matter .sv-ask .answers,.matter .sv-qa .answers{width:auto;max-width:720px;margin-top:22px;position:relative;top:auto;left:auto}.matter .sv-ask .answer,.matter .sv-qa .answer{position:relative}.matter .sv-ask .answer.back,.matter .sv-ask .answer.back2,.matter .sv-qa .answer.back,.matter .sv-qa .answer.back2{display:none}.matter .sv-see .plate{min-height:0}.matter .sv-notes{grid-template-columns:repeat(3,1fr);gap:24px;margin:24px 0 0;padding:0;list-style:none;display:grid}.matter .sv-notes li{color:var(--mute);grid-template-columns:26px 1fr;gap:10px;font-size:.95rem;display:grid}.matter .sv-notes .n{background:var(--fill);color:#fff;width:24px;height:24px;font-family:var(--mono);border-radius:8px;place-items:center;font-size:.72rem;display:grid}.matter .sv-includes{grid-template-columns:1fr 1fr;gap:0 clamp(30px,5vw,80px);margin:0;display:grid}.matter .sv-includes div{border-top:1px solid var(--line-2);padding:20px 0}.matter .sv-includes dt{letter-spacing:-.02em;font-size:clamp(1.15rem,1rem + .5vw,1.45rem);font-weight:430;font-stretch:106%}.matter .sv-includes dd{color:var(--mute);margin:6px 0 0}.matter .sv-phases{grid-template-columns:repeat(4,1fr);gap:28px;margin:0;padding:0;list-style:none;display:grid}.matter .sv-phases li{border-top:2px solid #0000;border-image:var(--iri) 1;padding-top:18px}.matter .sv-phases .state{color:var(--pink-ink);margin-bottom:6px;font-size:.8rem;font-weight:540;display:block}.matter .sv-phases h3{letter-spacing:-.02em;margin:0 0 8px;font-size:1.3rem;font-weight:440;font-stretch:106%}.matter .sv-phases p{color:var(--mute);margin:0;font-size:.97rem}.matter .sv-fit{grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,60px);display:grid}.matter .sv-fit>div{border-radius:var(--r-lg);padding:clamp(20px,3vw,34px)}.matter .sv-fit h3{margin:0 0 12px;font-size:1.15rem;font-weight:560;font-stretch:106%}.matter .sv-fit ul{color:var(--mute);gap:8px;margin:0;padding-left:18px;display:grid}.matter .sv-qs{flex-wrap:wrap;gap:10px;display:flex}.matter .sv-qs button{background:rgb(var(--card-rgb) / .78);border:1px solid var(--line);color:var(--ink-2);border-radius:14px;padding:12px 16px;font-weight:500;transition:border-color .2s,background .2s}.matter .sv-qs button:hover{border-color:var(--lilac);background:var(--card)}.matter .sv-qs button:disabled{opacity:.5}.matter .sv-pager{border-top:1px solid var(--line-2);grid-template-columns:1fr 1fr;display:grid}.matter .sv-pager a{gap:4px;padding:26px 0;transition:color .2s;display:grid}.matter .sv-pager a:last-child{text-align:right;border-left:1px solid var(--line)}.matter .sv-pager a:hover{color:var(--cobalt-ink)}.matter .sv-pager span{color:var(--soft);font-size:.85rem}.matter .sv-pager b{letter-spacing:-.03em;font-size:clamp(1.2rem,1rem + .8vw,1.8rem);font-weight:400;font-stretch:108%}.matter .sv-cta{border-radius:var(--r-xl);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:clamp(26px,4vw,50px);display:flex}.matter .sv-cta h2{max-width:18ch}@media (max-width:1080px){.matter .sv-row{grid-template-columns:1fr 1fr}.matter .sv-row>:first-child{grid-column:1/-1}.matter .sv-shared,.matter .sv-includes{grid-template-columns:minmax(0,1fr)}.matter .sv-phases{grid-template-columns:1fr 1fr}}@media (max-width:760px){.matter .sv-hero .stage{opacity:.75;width:84vw;top:64px;right:-30vw}.matter .sv-hero{padding-top:58vw}.matter .sv-row,.matter .sv-notes,.matter .sv-phases,.matter .sv-fit{grid-template-columns:minmax(0,1fr)}.matter .sv-see .plate{overflow-x:auto}.matter .sv-pager{grid-template-columns:1fr}.matter .sv-pager a:last-child{text-align:left;border-left:0;border-top:1px solid var(--line)}}.matter .svx-hero{isolation:isolate;padding:clamp(118px,12vw,160px) 0 clamp(20px,3vw,40px);position:relative;overflow:clip}.matter .svx-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(24px,4vw,64px);display:grid}.matter .svx-h1{letter-spacing:-.048em;max-width:12ch;margin:0;font-size:clamp(2.6rem,1rem + 4.4vw,5.6rem);font-weight:380;font-stretch:110%;line-height:.98}.matter .svx-copy .t-l{max-width:44ch;margin:26px 0 0}.matter .svx-ctas{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.matter #explore{scroll-margin-top:80px}.matter .svx-map{aspect-ratio:1/.95;min-height:540px;position:relative}.matter .svx-stage{z-index:-1;position:absolute;inset:0 4%}.matter .svx-card{background:rgb(var(--card-rgb) / .52);border:1px solid rgb(var(--edge-rgb) / .9);-webkit-backdrop-filter:blur(22px)saturate(1.6);border-radius:22px;width:min(300px,56%);padding:14px;animation:7s ease-in-out infinite svx-float;position:absolute;box-shadow:0 30px 60px -30px #1d265059,0 6px 16px -10px #1d265026}.matter .svx-ai{top:0;left:0}.matter .svx-build{animation-delay:-2.4s;top:30%;right:0}.matter .svx-design{animation-delay:-4.6s;bottom:2%;left:8%}@keyframes svx-float{50%{translate:0 -8px}}.matter .svx-card-head{gap:1px;margin:0 0 10px;padding:0 4px;line-height:1.3;display:grid}.matter .svx-card-head b{letter-spacing:.08em;text-transform:uppercase;background:var(--iri);color:#0000;-webkit-background-clip:text;background-clip:text;justify-self:start;font-size:.78rem;font-weight:620}.matter .svx-card-head span{color:var(--mute);font-size:.82rem}.matter .svx-card ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.matter .svx-card a{color:var(--ink);transition:background .25s var(--ease);border-radius:14px;align-items:center;gap:10px;padding:8px;font-size:.93rem;font-weight:530;display:flex}.matter .svx-card a:hover{background:rgb(var(--card-rgb) / .85)}.matter .svx-ico{width:32px;height:32px;color:var(--cobalt-ink);background:var(--iri-soft);border-radius:10px;flex:none;place-items:center;display:grid}.matter .svx-go{color:var(--soft);opacity:0;transition:opacity .25s, translate .3s var(--ease);margin-left:auto;translate:-4px}.matter .svx-card a:hover .svx-go,.matter .svx-card a:focus-visible .svx-go{opacity:1;translate:0}@media (max-width:1080px){.matter .svx-grid{grid-template-columns:minmax(0,1fr)}.matter .svx-map{aspect-ratio:auto;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:12px;min-height:0;padding-top:clamp(200px,32vw,300px);display:grid}.matter .svx-stage{aspect-ratio:1;width:clamp(260px,48vw,420px);inset:0 auto auto 50%;translate:-50%}.matter .svx-card{width:auto;animation:none;position:relative;inset:auto}}@media (max-width:760px){.matter .svx-map{grid-template-columns:minmax(0,1fr);padding-top:54vw}.matter .svx-stage{width:76vw}.matter .svx-go{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.matter .svx-card{animation:none}}.matter .sx-acc{gap:8px;margin:0;padding:0;list-style:none;display:grid}.matter .sx-acc>li{background:rgb(var(--card-rgb) / .55);border:1px solid var(--line);transition:background .3s var(--ease), box-shadow .3s var(--ease);border-radius:20px}.matter .sx-acc>li.on{background:var(--card);border-color:#0000;box-shadow:0 24px 48px -30px #1d265073}.matter .sx-acc>li>button{text-align:left;align-items:center;gap:14px;width:100%;padding:16px 16px 16px 18px;display:flex}.matter .sx-num{color:var(--soft);flex:none;font-size:.78rem;font-weight:540}.matter .sx-name{letter-spacing:-.02em;color:var(--ink-2);flex:1;font-size:1.12rem;font-weight:480;font-stretch:106%}.matter .sx-acc>li.on .sx-name{color:var(--ink)}.matter .sx-chev{color:var(--soft);transition:rotate .35s var(--ease);flex:none}.matter .sx-acc>li.on .sx-chev{color:var(--ink);rotate:180deg}.matter .sx-panel{animation:m-rise .5s var(--ease) both;padding:0 10px 12px}.matter .sx-short{color:var(--mute);margin:-4px 8px 14px;font-size:.95rem}.matter .sx-panel .plate{background:var(--bg);-webkit-backdrop-filter:none;border:1px solid var(--line);min-height:0;box-shadow:none;border-radius:16px;padding:10px;overflow-x:auto}.matter .sx-panel .sv-detail{box-shadow:none;background:0 0;border:0;margin-top:10px;padding:14px 8px 4px}}