.phones{display:grid;gap:3rem 4rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));align-items:start;max-width:46rem;margin:0 auto}.phones-item{margin:0;display:grid;gap:1.25rem;justify-items:center}.phones-caption{display:grid;gap:.5rem;max-width:20rem;text-align:left;justify-self:stretch}.phones-now{min-height:4.5em;line-height:1.5}.phones-steps{list-style:decimal;padding-left:1.2rem;display:grid;gap:.4rem;line-height:1.5}.phones-pause{grid-column:1/-1;justify-self:center}.phone{width:100%;max-width:19rem;padding:.6rem;border:1px solid var(--rule);border-radius:3.1rem}.phone-glass{position:relative;aspect-ratio:390/844;border-radius:2.6rem;overflow:clip;background:#0b0b0d;--phone-scale:0.74}.phone-island{position:absolute;top:2.2%;left:50%;width:31%;height:4.2%;border-radius:999px;background:#000;transform:translateX(-50%)}.phone-screen{position:absolute;top:0;left:0;width:390px;height:844px;transform:scale(var(--phone-scale));transform-origin:0 0}.sw-app{--a-bg:#0b0b0d;--a-sur:#17171a;--a-face:#1d1d21;--a-text:#f4efe6;--a-sec:#a2a29a;--a-dim:#5d5b59;--a-acc:#a9743c;--a-line:#2a2a2e;--a-well:#0e0e10;--a-ok:#6fa87e;--a-draft:#e0a33c;background:var(--a-bg);color:var(--a-text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.25}.swa-screen{position:relative;height:100%;padding-top:54px}.swa-nav{display:flex;align-items:center;justify-content:space-between;padding:12px 20px 8px;color:var(--a-sec)}.swa-nav-back{justify-content:flex-start;gap:6px;padding-left:12px;color:var(--a-acc)}.swa-title{font-size:20px;font-weight:700;color:var(--a-text)}.swa-bezel{position:relative;margin:0 14px;padding:11px;border-radius:20px;background:var(--a-face);border:1px solid var(--a-line)}.swa-screw{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--a-dim)}.swa-panel{margin:0 8px;padding:6px;border-radius:10px;background:#070503}.swa-status{justify-content:space-between;margin:7px 8px 0}.swa-status,.swa-status-live{display:flex;align-items:center}.swa-status-live{gap:6px;font-size:9px;font-weight:700;letter-spacing:1.8px;color:var(--a-sec)}.swa-mono{font:600 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1.2px;color:var(--a-dim)}.swa-micro{font-size:9px;font-weight:700;letter-spacing:1.8px;color:var(--a-sec);width:52px}.swa-lamp{width:6px;height:6px;border-radius:50%}.swa-lamp-ok{background:var(--a-ok);box-shadow:0 0 5px var(--a-ok)}.swa-lamp-draft{width:7px;height:7px;background:var(--a-dim)}.swa-lamp-draft[data-on=true]{background:var(--a-draft);box-shadow:0 0 6px var(--a-draft)}.swa-motion{gap:8px;margin:8px 8px 0;padding-top:8px;border-top:1px solid var(--a-line)}.swa-motion,.swa-motion-btn{display:flex;align-items:center}.swa-motion-btn{position:relative;flex:1;height:32px;justify-content:center;gap:6px;border-radius:8px;border:1px solid var(--a-line);background:var(--a-sur);font-size:9px;font-weight:800;letter-spacing:1.3px;color:var(--a-dim)}.swa-motion-led{width:5px;height:5px;border-radius:50%;background:var(--a-well)}.swa-motion-btn[data-on=true]{color:var(--a-acc)}.swa-motion-btn[data-on=true] .swa-motion-led{background:var(--a-acc);box-shadow:0 0 5px var(--a-acc)}.swa-section{padding:16px 20px 6px;font-size:12px;font-weight:600;letter-spacing:1.2px;color:var(--a-sec)}.swa-card{margin:0 14px;border-radius:14px;border:1px solid var(--a-line);background:var(--a-sur);overflow:clip}.swa-row-top,.swa-row-wrap+.swa-row,.swa-row-wrap+.swa-row-wrap{border-top:1px solid var(--a-line)}.swa-row{position:relative;display:flex;align-items:center;gap:12px;padding:11px 14px;min-height:44px}.swa-row[data-pressed=true]{background:var(--a-face)}.swa-grip{display:grid;gap:3px}.swa-grip i{display:block;width:14px;height:2px;border-radius:1px;background:var(--a-dim)}.swa-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.swa-row-text{flex:1;min-width:0;display:grid;gap:1px}.swa-row-title{font-size:16px;font-weight:600}.swa-row-sub{font-size:12px;color:var(--a-sec)}.swa-accent{color:var(--a-acc)}.swa-dwell{position:relative;font-size:14px;color:var(--a-sec)}.swa-add{width:32px;height:32px;margin-left:26px;border-radius:8px;border:1px dashed var(--a-dim);display:grid;place-items:center;color:var(--a-acc);font-size:20px}.swa-toggle{position:relative;width:51px;height:31px;border-radius:16px;background:var(--a-well);flex-shrink:0}.swa-toggle[data-on=true]{background:var(--a-acc)}.swa-toggle-knob{position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fffdf8;transition:transform .2s ease}.swa-toggle[data-on=true] .swa-toggle-knob{transform:translateX(20px)}.swa-scrub{display:none;padding:2px 16px 12px 58px}.swa-scrub[data-open=true]{display:block}.swa-track{position:relative;height:26px}.swa-track:before{content:"";background:var(--a-well)}.swa-fill,.swa-track:before{position:absolute;left:0;right:0;top:9px;height:8px;border-radius:4px}.swa-fill{background:var(--a-acc);transform-origin:0 50%}.swa-fill,.swa-knob-rail{transition:transform .6s ease}.swa-knob-rail{position:absolute;inset:0}.swa-knob{position:absolute;top:3px;left:-10px;width:20px;height:20px;border-radius:50%;background:var(--a-face);border:1px solid var(--a-line)}.swa-ticks{display:flex;justify-content:space-between;font:10px ui-monospace,Menlo,monospace;color:var(--a-dim)}.swa-savebar{position:absolute;left:0;right:0;bottom:0;display:flex;gap:10px;align-items:center;padding:10px 16px 34px;background:var(--a-face);border-top:1px solid var(--a-line)}.swa-draft{display:grid;justify-items:center;gap:3px;width:38px;font-size:7px;font-weight:800;letter-spacing:1.2px;color:var(--a-dim)}.swa-btn{position:relative;flex:1;height:48px;border-radius:12px;border:1px solid var(--a-line);background:var(--a-sur);display:grid;place-items:center;font-size:16px;font-weight:600;color:var(--a-sec)}.swa-btn-accent{flex:1.15;background:#8a5a2b;border-color:var(--a-acc);color:#fff6e8;font-weight:700}.swa-knobs{display:flex;padding:10px 12px 8px}.swa-vrule{width:1px;margin:6px 0;background:var(--a-line)}.swa-knob-cell{flex:1;display:grid;justify-items:center;gap:7px}.swa-knob-value{font-size:16px;font-weight:600}.swa-dial{position:relative;width:100px;height:100px}.swa-dial-tick{width:2px;height:8px;background:var(--a-dim)}.swa-dial-face,.swa-dial-tick{position:absolute;left:50%;top:50%}.swa-dial-face{width:76px;height:76px;border-radius:50%;background:var(--a-face);border:1px solid var(--a-line);transform:translate(-50%,-50%)}.swa-dial-pointer{width:3px;height:14px;border-radius:2px;background:var(--a-acc);transition:transform .9s ease}.swa-dial-pointer,.swa-tap{position:absolute;left:50%;top:50%}.swa-tap{width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;border:2px solid rgba(244,239,230,.85);opacity:0;transform:scale(.4);pointer-events:none}.swa-tap[data-show=true]{animation:swa-tap .9s ease-out 1 both}@keyframes swa-tap{0%{opacity:0;transform:scale(.4)}25%{opacity:1;transform:scale(.7)}to{opacity:0;transform:scale(1.3)}}