.sws{background:var(--sg-lav);padding:var(--sg-pad-y) var(--sg-pad-x)}.sws-inner{max-width:1200px;margin:0 auto}.sws-inner .sg-h2{max-width:14em}.sws-list{margin-top:clamp(40px,5vw,72px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.sws-item{padding:0 clamp(20px,3vw,40px);border-left:1px solid var(--sg-line)}.sws-item:first-child{padding-left:0;border-left:0}.sws-item:last-child{padding-right:0}.sws-item h3{margin-top:26px;font-size:clamp(22px,2vw,28px);line-height:1.15;font-weight:700;letter-spacing:-.03em}.sws-item p{margin-top:12px;font-size:16px;line-height:1.65;color:var(--sg-body)}.sws-art{position:relative;height:156px;padding:18px;border-radius:14px;background:var(--pg-paper, #fff);border:1px solid var(--sg-line);overflow:hidden}.sws-cells{display:grid;gap:7px}.sws-cells i{display:block;border-radius:3px;transition:background-color .5s,border-color .5s,transform .6s var(--sg-ease);transition-delay:calc(.25s + var(--i) * .12s)}.sws-scratch .sws-cells{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:34px}.sws-scratch .sws-cells i{border:1.5px dashed var(--pg-line-2, #c9c7e0);background:#635bff0f}.sws-scratch .sws-cells i:nth-child(3n+1){background:var(--sg-brand);border-color:var(--sg-brand)}.sws-scratch .sws-cells i:nth-child(4){background:var(--dc-lit);border-color:#e8c47e}.sws-head{display:block;margin:-18px -18px 14px;padding:8px 18px;font:700 11px/1 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.12em;color:#fff;background:#1f7a45}.sws-excel .sws-cells i,.sws-other .sws-cells i{height:13px;background:var(--pg-tint, #ecebf3);border-left:4px solid var(--sg-brand)}.sws-excel .sws-cells i:nth-child(odd){width:86%}.sws-bar{display:flex;align-items:center;gap:6px;margin:-18px -18px 14px;padding:9px 14px;background:#4a4858}.sws-bar i{width:8px;height:8px;border-radius:50%;background:#ffffff59}.sws-bar b{margin-left:auto;padding:3px 7px;border-radius:4px;font:700 10px/1 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.1em;color:#14122a;background:var(--dc-lit)}.sws-other .sws-cells i{border-left-color:#8d86ff}.sws-other .sws-cells i:nth-child(2n){width:72%}.sws-list[data-armed]:not([data-in]) .sws-cells i{background:var(--pg-tint, #f3f2f8);border-color:var(--pg-line, #e3e1ee);transform:translate(-8px)}@media(max-width:899px){.sws-list{grid-template-columns:minmax(0,1fr);gap:44px}.sws-item,.sws-item:first-child,.sws-item:last-child{padding:0;border-left:0}}.swt{position:relative;overflow:hidden;background:var(--sg-night);color:#f3f4f6;padding:var(--sg-pad-y) var(--sg-pad-x)}.swt:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(45% 55% at 80% 40%,#635bff3d,#635bff00 70%)}.swt-inner{position:relative;max-width:1200px;margin:0 auto}.swt .sg-h2{color:#fff}.swt-grid{margin-top:clamp(40px,5vw,72px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(40px,6vw,104px);align-items:start}.swt-road{padding-left:40px}.swt-stop{position:relative;padding-bottom:44px}.swt-stop:last-child{padding-bottom:0}.swt-stop:before{content:"";position:absolute;left:-30px;top:30px;bottom:-6px;width:2px;border-radius:1px;background:#8d86ff38;transition:background-color .6s}.swt-stop:last-child:before{display:none}.swt-stop.is-past:before{background:var(--dc-lit)}.swt-when{display:inline-flex;align-items:center;min-height:44px;min-width:44px;margin:-8px 0 2px;padding:0;border:0;background:none;cursor:pointer;font:inherit;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#f3f4f6b8;transition:color .3s}.swt-when:hover,.swt-stop.is-on .swt-when{color:var(--dc-lit)}.swt-when:focus-visible{outline:2px solid var(--dc-lit);outline-offset:4px;border-radius:4px}.swt-node{position:absolute;left:-40px;top:4px;width:22px;height:22px;border-radius:5px;border:2px solid rgba(141,134,255,.5);background:var(--sg-night);transition:background-color .4s,border-color .4s,box-shadow .4s}.swt-stop.is-past .swt-node{background:var(--sg-brand);border-color:var(--sg-brand)}.swt-stop.is-on .swt-node{background:var(--dc-lit);border-color:var(--dc-lit);box-shadow:0 0 0 6px #ffd99424,0 0 22px #ffd99473}.swt-stop h3{font-size:clamp(22px,2vw,28px);line-height:1.15;font-weight:700;letter-spacing:-.03em;color:#fff}.swt-stop p{margin-top:10px;max-width:36em;font-size:16px;line-height:1.65;color:#f3f4f6b8}.swt-stop .swt-points{margin-top:12px;font-size:13px;font-weight:600;color:#b3aeff}.swt-phone{margin:0}.swt-phone-stick{position:sticky;top:104px;display:flex;flex-direction:column;align-items:center}.swt-phone figcaption{margin-top:12px;font-size:12px;line-height:16px;color:#f3f4f6ad}.swt-ctl{margin-top:12px}.swt-note{margin-top:clamp(40px,5vw,64px);max-width:44em;padding-left:14px;border-left:2px solid rgba(255,217,148,.55);font-size:14px;line-height:1.6;color:#f3f4f69e}@media(max-width:899px){.swt-grid{grid-template-columns:minmax(0,1fr)}.swt-phone-stick{position:static}}.swn-cta{margin-top:36px;padding-top:28px;border-top:1px solid var(--sg-line)}.swn-cta-t{font-size:clamp(22px,2vw,28px);line-height:1.15;font-weight:700;letter-spacing:-.03em;color:var(--sg-ink)}.swn-cta-s{margin:8px 0 22px;max-width:28em;font-size:16px;line-height:1.6;color:var(--sg-body)}.swn{background:var(--pg-paper, #fff);padding:var(--sg-pad-y) var(--sg-pad-x)}.swn-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,6vw,96px);align-items:center}.swn-note{margin-top:20px;max-width:30em;font-size:16px;line-height:1.65;color:var(--sg-body)}.swn-sheet{position:relative;padding:46px clamp(22px,3vw,40px) 26px;border-radius:6px;background:var(--pg-sheet, #fbf8f1);box-shadow:0 1px #14122a0f,0 34px 60px -34px #14122a66;transform:rotate(-.6deg)}.swn-clip{position:absolute;top:-14px;left:50%;width:128px;height:30px;margin-left:-64px;border-radius:7px;background:#2c2a52;box-shadow:inset 0 -6px #211f40}.swn-list li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:14px;align-items:start;padding:14px 0;border-bottom:1px dashed rgba(20,18,42,.16);font-size:16px;line-height:1.5;color:#2a2c38}.swn-list li:last-child{border-bottom:0}.swn-box{position:relative;width:20px;height:20px;margin-top:2px;border:2px solid var(--sg-brand);border-radius:4px}.swn-box:after{content:"";position:absolute;left:5px;top:1px;width:6px;height:11px;border:solid var(--sg-brand);border-width:0 2.5px 2.5px 0;transform:rotate(45deg);transition:opacity .35s;transition-delay:calc(.35s + var(--i) * .22s)}.swn-sheet[data-armed]:not([data-in]) .swn-box:after{opacity:0}@media(max-width:899px){.swn-inner{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.sws-cells i,.swt-stop:before,.swt-node,.swt-when,.swn-box:after{transition:none!important}}html[data-tod]:not([data-tod=night]) .swt:before{background:radial-gradient(45% 55% at 80% 40%,var(--tod-glow),transparent 70%)}html[data-tod]:not([data-tod=night]) :is(.swt-when,.swt-stop p){color:var(--tod-text-2)}html[data-tod]:not([data-tod=night]) :is(.swt-phone figcaption,.swt-note){color:var(--tod-text-3)}html[data-tod]:not([data-tod=night]) .swt-stop .swt-points{color:var(--tod-accent)}html[data-tod]:not([data-tod=night]) .swt-stop:before{background:#ffffff3d}html[data-tod]:not([data-tod=night]) .swt-stop.is-past:before{background:var(--dc-lit)}html[data-tod]:not([data-tod=night]) .swt-node{border-color:#ffffff8c}html[data-tod]:not([data-tod=night]) .swt-stop.is-past .swt-node{border-color:var(--sg-brand)}html[data-tod]:not([data-tod=night]) .swt-stop.is-on .swt-node{border-color:var(--dc-lit)}html[data-tod]:not([data-tod=night]) .swt-when:hover,html[data-tod]:not([data-tod=night]) .swt-stop.is-on .swt-when{color:var(--dc-lit)}html[data-tod][data-tod=day] .swt:before{background:radial-gradient(45% 55% at 80% 40%,rgba(255,236,190,.1),transparent 70%)}
