.models{gap:10px;display:grid}@media (width>=860px){.models{grid-template-columns:repeat(3,1fr)}}.model{border-radius:var(--r);background:var(--ink-2);box-shadow:var(--e1), inset 0 0 0 1px var(--line);isolation:isolate;flex-direction:column;gap:12px;padding:16px;display:flex;position:relative}.model header{align-items:center;gap:10px;display:flex}.model header b{font-size:15px;display:block}.model header small{color:var(--parch);font-size:12px}.m-icon{border-radius:var(--r-xs);width:36px;height:36px;color:var(--gold);background:rgba(var(--gold-rgb), .1);box-shadow:inset 0 0 0 1px rgba(var(--gold-rgb), .3);flex:none;place-items:center;display:grid}.split{border-radius:var(--pill);background:rgba(var(--shade-rgb), .3);height:10px;box-shadow:inset 0 0 0 1px var(--line);display:flex;position:relative;overflow:hidden}.split>i{width:0;height:100%;transition:width 1.2s var(--ease-out);display:block}.split.on>i,html:not(.js) .split>i{width:var(--w)}.split .fee{background:linear-gradient(90deg, var(--gold-lo), var(--gold-hi))}.split .eq{background:linear-gradient(90deg, var(--teal-lo), var(--teal));transition-delay:.5s}.split .months{pointer-events:none;justify-content:space-around;display:flex;position:absolute;inset:0}.split .months i{background:rgba(var(--ink-rgb), .55);width:1px;height:100%}.split-key{color:var(--dim);gap:14px;font-size:11.5px;display:flex}.split-key span{align-items:center;gap:6px;display:inline-flex}.split-key i{border-radius:2px;width:8px;height:8px}.k-fee{background:var(--gold)}.k-eq{background:var(--teal)}.model ul{color:var(--parch);gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.model li{align-items:center;gap:8px;display:flex}.model li:before{content:"";background:var(--gold);flex:none;width:5px;height:5px;transform:rotate(45deg)}.model.featured{background:linear-gradient(180deg, rgba(var(--teal-rgb), .07), transparent 60%), var(--ink-2)}.model .ring{border-radius:inherit;background:conic-gradient(from var(--ang,0deg), transparent 0 62%, var(--teal) 78%, transparent 92%);-webkit-mask-composite:xor;pointer-events:none;padding:1px;animation:6s linear infinite ring;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.m-example{min-height:var(--tap);border-radius:var(--r-sm);color:var(--ivory);background:rgba(var(--shade-rgb), .22);box-shadow:inset 0 0 0 1px rgba(var(--teal-rgb), .3);align-items:center;gap:10px;margin-top:12px;padding:8px 10px;font-size:12.5px;text-decoration:none;display:flex}.m-example img{border-radius:7px;flex:none;width:26px;height:26px}.m-example small{color:var(--teal);font-size:10.5px;display:block}.m-example b{color:var(--teal);margin-left:auto}.models-note{color:var(--parch);align-items:center;gap:8px;margin:14px 0 0;font-size:12.5px;display:flex}.models-note svg{color:var(--gold);flex:none}.pipes{gap:12px;display:grid}@media (width>=860px){.pipes{grid-template-columns:1fr 1fr}}.pipe{border-radius:var(--r);background:var(--glass);box-shadow:var(--e1), inset 0 0 0 1px var(--line);padding:18px;position:relative;overflow:hidden}.pipe header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.pipe h3{margin:0;font-size:24px}.pipe p{color:var(--parch);max-width:46ch;margin:0 0 14px;font-size:13.5px}.rows{gap:6px;margin:0 0 14px;padding:0;list-style:none;display:grid}.row{border-radius:var(--r-xs);background:rgba(var(--shade-rgb), .18);align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.row img{border-radius:6px;width:22px;height:22px}.row span{color:var(--dim);margin-left:auto;font-size:12px}.row.faded{opacity:.6}.row.faded span{margin:0}.pipe .beam{background:linear-gradient(90deg, transparent, var(--gold-hi), transparent);width:30%;height:1px;animation:5s linear infinite beam;position:absolute;top:0;left:-30%}.pipe:nth-child(2) .beam{background:linear-gradient(90deg, transparent, var(--teal), transparent);animation-delay:2.5s}@keyframes beam{to{left:130%}}.stack{gap:8px;padding-left:22px;display:grid;position:relative}.stack-rail{background:var(--line);border-radius:2px;width:2px;position:absolute;top:14px;bottom:14px;left:6px}.stack-rail i{background:linear-gradient(transparent, var(--gold-hi), transparent);width:8px;height:44px;box-shadow:0 0 14px var(--gold);border-radius:8px;position:absolute;top:0;left:-3px}.layer{border-radius:var(--r-sm);background:var(--glass);box-shadow:var(--e1), inset 0 0 0 1px var(--line);align-items:center;gap:10px;padding:12px 14px;transition:box-shadow .4s,background .4s;display:grid;position:relative}@media (width>=900px){.layer{grid-template-columns:230px 1fr auto}.layer-detail{grid-column:1/-1}}.layer:before{content:"";background:var(--ink-3);width:8px;height:8px;box-shadow:0 0 0 1px var(--line-2);border-radius:50%;margin-top:-4px;transition:background .3s,box-shadow .3s;position:absolute;top:50%;left:-19px}.layer.lit{background:rgba(var(--gold-rgb), .06);box-shadow:var(--e1), inset 0 0 0 1px rgba(var(--gold-rgb), .4), 0 0 30px -10px rgba(var(--gold-rgb), .5)}.layer.lit:before{background:var(--gold);box-shadow:0 0 10px var(--gold)}.layer-name b{font-size:14.5px;display:block}.layer-name small{color:var(--dim);font-size:12px}.layer-chips{flex-wrap:wrap;gap:6px;display:flex}.layer-chips span{border-radius:var(--pill);background:rgba(var(--shade-rgb), .22);box-shadow:inset 0 0 0 1px var(--line);color:var(--parch);padding:4px 9px;font-size:12px}.layer-used{align-items:center;gap:5px;display:flex}.layer-used small{color:var(--dim);margin-right:3px;font-size:11px}.layer-used img{width:22px;height:22px;box-shadow:0 0 0 1px var(--line-2);background:var(--paper);border-radius:6px}.layer-detail{color:var(--parch);max-width:80ch;margin:2px 0 0;font-size:13.5px}