.sw-home{--sw-card:#080808;--sw-quiet:#a0a0a0;--sw-faint:#717171;--sw-blue:#245aca;--sw-width:960px;background:#121212}.sw-home h2,.sw-home h3{font-family:var(--font-display), var(--sans);font-weight:500}.sw-hero-region{--intro:0;--p:0;height:230svh;position:relative}.sw-hero-sticky{isolation:isolate;background:#121212;height:100svh;min-height:740px;position:sticky;top:0;overflow:hidden}.sw-hero-copy{z-index:4;text-align:center;flex-direction:column;align-items:center;padding:170px 24px 0;display:flex;position:relative}.sw-hero-copy h1{letter-spacing:-.025em;font-size:clamp(40px,3.6vw,52px);font-weight:500;line-height:1.1}.sw-hero-copy h1 span{display:block}.sw-hero-lead{text-wrap:balance;max-width:540px;color:var(--sw-faint);margin-top:20px;font-size:18px;line-height:1.6}.sw-hero-actions{align-items:center;gap:10px;margin-top:26px;display:flex}.sw-hero-showcase{--top0:470px;z-index:2;top:var(--top0);isolation:isolate;border-radius:24px;width:min(960px,92vw);height:540px;position:absolute;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff14}.sw-hero-backdrop{z-index:-1;position:absolute;inset:0}.sw-hero-backdrop:after{content:"";background:radial-gradient(120% 90% at 50% 45%,#0000 55%,#0008);position:absolute;inset:0}.sw-hero-light{background:linear-gradient(160deg,#0a111a,#25344b 45%,#736c87);position:absolute;inset:0}.sw-hero-glow{opacity:var(--p);background:radial-gradient(48% 42% at 50% 56%,#a9bcff38,#0000 70%);position:absolute;inset:0}.sw-hero-landscape{opacity:.68;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 70%);mask-image:linear-gradient(#0000,#000 70%)}.sw-hero-landscape img{object-fit:cover;object-position:50% 50%;filter:brightness(.6)saturate(.55)}.sw-hero-demo{padding-top:64px;position:absolute;inset:0}.sw-demo-devices{width:95%;height:600px;margin:0 auto;position:relative;transform:scale(.94)}.sw-demo-browser{--w:min(650px, 64vw);position:absolute;top:48px;left:50%;transform:translate(-50%)}.sw-demo-phone{--w:clamp(190px, 16vw, 245px);z-index:2;position:absolute;top:0}.sw-demo-phone-left{left:2%;rotate:-7deg}.sw-demo-phone-right{top:50px;right:2%;rotate:7deg}.sw-hero-region[data-motion-ready] .sw-hero-copy{transform:translateY(calc(var(--intro) * -56px)) scale(calc(1 - var(--intro) * .06));opacity:calc(1 - var(--intro) * 1.15);filter:blur(calc(var(--intro) * 10px));will-change:transform, opacity, filter}.sw-hero-region[data-motion-ready] .sw-hero-showcase{width:auto;height:auto;box-shadow:none;clip-path:inset(calc((1 - var(--p)) * (var(--top0) - 12px)) calc((1 - var(--p)) * max(0px, (100% - 960px) / 2)) calc((1 - var(--p)) * max(0px, 100% - var(--top0) - 528px)) round calc(24px - var(--p) * 4px));will-change:clip-path;border-radius:0;inset:12px;transform:none}.sw-hero-region[data-motion-ready] .sw-hero-demo{perspective:1600px;padding:0}.sw-hero-region[data-motion-ready] .sw-demo-devices{width:min(1180px,92%);transform:translate(-50%, -50%) translateY(calc((1 - var(--p)) * (var(--top0) + 352px - 50svh))) rotateX(calc((1 - var(--p)) * 18deg)) scale(calc(.88 + var(--p) * .22));will-change:transform;margin:0;position:absolute;top:50%;left:50%}.sw-hero-region[data-motion-ready] .sw-demo-browser{transform:translateX(-50%) translateY(calc((1 - var(--p)) * 26px))}.sw-hero-region[data-motion-ready] .sw-demo-phone-left{rotate:none;transform:translate(calc((1 - var(--p)) * 150px), calc((1 - var(--p)) * 36px)) rotate(calc(-10deg + var(--p) * 8deg))}.sw-hero-region[data-motion-ready] .sw-demo-phone-right{rotate:none;transform:translate(calc((1 - var(--p)) * -150px), calc((1 - var(--p)) * 36px)) rotate(calc(10deg - var(--p) * 8deg))}.sw-hero-region[data-motion-ready] .sw-hero-landscape{opacity:calc(.55 + var(--p) * .25)}.sw-hero-region[data-motion-ready] .sw-hero-landscape img{scale:calc(1.3 - var(--p) * .3);will-change:scale}.sw-pillars{max-width:var(--sw-width);text-align:center;grid-template-columns:repeat(3,1fr);gap:40px;margin:56px auto 0;padding:0 24px;display:grid}.sw-pillars>div{flex-direction:column;align-items:center;display:flex}.sw-pillars svg{width:22px;height:22px;color:var(--sw-quiet)}.sw-home .sw-pillars>div h2{color:var(--sw-quiet);font-family:var(--sans);margin-top:10px;font-size:16px;line-height:1.5}.sw-pillars p{max-width:260px;color:var(--sw-faint);margin-top:4px;font-size:14px;line-height:1.4}.sw-statement{max-width:1040px;margin:0 auto;padding:200px 24px 180px}.sw-statement p{max-width:22ch;font-family:var(--font-display), var(--sans);letter-spacing:-.03em;text-align:center;text-wrap:balance;color:#f5f5f4;view-timeline-name:--statement;margin:0 auto;font-size:clamp(34px,4.6vw,60px);font-weight:500;line-height:1.1}.sw-apps{max-width:var(--sw-width);text-align:center;margin:0 auto;padding:40px 24px}.sw-apps h2{letter-spacing:-.025em;font-size:30px;line-height:1.25}.sw-apps>p{color:var(--sw-quiet);margin-top:8px;font-size:16px;line-height:1.6}.sw-app-grid{justify-content:center;gap:16px;margin:40px 0 0;padding:0;list-style:none;display:flex}.sw-app-grid a{border-radius:18px;flex-direction:column;align-items:center;width:220px;padding:22px 12px;transition:background .25s;display:flex}.sw-app-grid a:hover{background:#ffffff08}.sw-app-icon{border-radius:20px;width:84px;height:84px;transition:transform .4s cubic-bezier(.22,1,.36,1);box-shadow:inset 0 0 0 1px #ffffff1f,0 10px 30px #0006}.sw-app-grid a:hover .sw-app-icon{transform:translateY(-4px)rotate(-3deg)}.sw-app-grid b{margin-top:16px;font-size:16px;font-weight:500;line-height:1.4}.sw-app-grid span{color:var(--sw-quiet);margin-top:4px;font-size:13px}.sw-apps-more{color:var(--sw-quiet);align-items:center;gap:6px;margin-top:32px;font-size:16px;transition:color .2s;display:inline-flex}.sw-apps-more:hover{color:#fff}.sw-apps-more .arrow{width:15px;height:15px}.sw-bento{max-width:calc(var(--sw-width) + 48px);grid-template-columns:1fr 1fr;gap:12px;margin:0 auto;padding:160px 24px 0;display:grid}.sw-trio{position:absolute;inset:0}.sw-trio .phone{--w:230px;transition:transform .7s cubic-bezier(.22,1,.36,1);position:absolute;top:40px;left:50%;translate:-50%}.sw-trio .sw-trio-1{--w:250px;z-index:2;top:10px}.sw-solo{--w:230px;transition:transform .7s cubic-bezier(.22,1,.36,1);position:absolute;top:4px;left:50%;translate:-50%}.g-card:hover .sw-solo{transform:translateY(-8px)}.sw-wide-browser{--w:min(720px, 80vw);transition:transform .7s cubic-bezier(.22,1,.36,1);position:absolute;top:16px;left:50%;translate:-50%}.sw-solo-browser{--w:600px;transition:transform .7s cubic-bezier(.22,1,.36,1);position:absolute;top:4px;left:28px}.g-card:hover .sw-wide-browser,.g-card:hover .sw-solo-browser{transform:translateY(-8px)}.sw-privacy{max-width:calc(var(--sw-width) + 48px);text-align:center;margin:0 auto;padding:200px 24px 0}.sw-privacy-head h2{letter-spacing:-.025em;font-size:44px;line-height:1.1}.sw-privacy-head p{max-width:520px;color:var(--sw-quiet);text-wrap:balance;margin:14px auto 0;font-size:16px;line-height:1.6}.sw-privacy-grid{background:var(--sw-card);text-align:left;border-radius:18px;grid-template-columns:repeat(3,1fr);margin-top:48px;display:grid;overflow:hidden}.sw-privacy-grid article{padding:28px}.sw-privacy-grid article+article{box-shadow:inset 1px 0 #ffffff0d}.sw-privacy-icon{color:#e8e8e8;background:linear-gradient(#ffffff14,#ffffff08);border-radius:12px;place-items:center;width:40px;height:40px;display:grid;box-shadow:inset 0 0 0 1px #ffffff12,inset 0 1px #ffffff14}.sw-privacy-icon svg{width:20px;height:20px}.sw-privacy-grid h3{letter-spacing:-.02em;margin-top:20px;font-size:22px}.sw-privacy-grid ul{gap:12px;margin:18px 0 0;padding:0;list-style:none;display:grid}.sw-privacy-grid li{color:var(--sw-quiet);gap:10px;font-size:14px;line-height:1.5;display:flex}.sw-privacy-grid li svg{color:#e8e8e8;flex:none;width:15px;height:15px;margin-top:3px}.sw-trio .sw-trio-0{transform:translateX(calc(-118% * var(--fan))) rotate(calc(-4deg * var(--fan))) translateY(calc(var(--lift,0) * -6px))}.sw-trio .sw-trio-2{transform:translateX(calc(118% * var(--fan))) rotate(calc(4deg * var(--fan))) translateY(calc(var(--lift,0) * -6px))}.g-card:hover .sw-trio{--lift:1}.g-card:hover .sw-trio .sw-trio-0{transform:translateX(calc(-112% * var(--fan))) rotate(calc(-2deg * var(--fan))) translateY(-6px)}.g-card:hover .sw-trio .sw-trio-2{transform:translateX(calc(112% * var(--fan))) rotate(calc(2deg * var(--fan))) translateY(-6px)}.g-card-art>.sw-solo,.g-card-art>.sw-wide-browser{translate:-50% calc(var(--rise) * 70px)}.sw-bento .g-card-wide:not(:first-child){margin-top:96px}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.sw-trio{animation:linear both g-fan;animation-timeline:view();animation-range:entry 10% cover 45%}.sw-statement span{color:#f5f5f42e;animation:linear both sw-word;animation-timeline:--statement;animation-range:cover calc(18% + var(--i) * 34% / var(--n)) cover calc(18% + (var(--i) + 1) * 34% / var(--n))}.sw-hero-showcase .sw-demo-devices{animation:1.1s cubic-bezier(.16,1,.3,1) .25s both sw-settle}}.sw-app-grid [data-reveal] .sw-app-icon{transition:scale .9s cubic-bezier(.34,1.4,.64,1) calc(var(--d,0) * 90ms + 80ms), transform .4s cubic-bezier(.22,1,.36,1);scale:.86}.sw-app-grid .is-revealed .sw-app-icon{scale:1}}@keyframes sw-word{to{color:#f5f5f4}}@keyframes sw-settle{0%{opacity:0;translate:0 48px}}.sw-hero-region:not([data-motion-ready]){height:auto}.sw-hero-region:not([data-motion-ready]) .sw-hero-sticky{min-height:1100px;position:relative}@media (prefers-reduced-motion:no-preference){.sw-hero-copy>*{animation:.8s cubic-bezier(.22,1,.36,1) both sw-hero-arrive}.sw-hero-copy h1{animation-delay:60ms}.sw-hero-lead{animation-delay:.12s}.sw-hero-actions{animation-delay:.18s}@keyframes sw-hero-arrive{0%{opacity:0;translate:0 12px}}}@media (max-width:800px){.sw-hero-region{height:auto}.sw-hero-sticky{height:960px;min-height:0;position:relative}.sw-hero-copy{padding-top:130px}.sw-hero-copy h1{font-size:42px}.sw-hero-lead{max-width:320px;font-size:16px}.sw-hero-showcase{border-radius:20px;width:94vw;height:440px;top:490px}.sw-hero-demo{padding-top:50px}.sw-demo-devices{width:100%;height:390px;transform:none}.sw-demo-browser{--w:78vw;top:45px}.sw-demo-phone{--w:32vw}.sw-demo-phone-left{left:4%}.sw-demo-phone-right{top:40px;right:4%}.sw-pillars{grid-template-columns:1fr;gap:32px;margin-top:24px}.sw-apps{padding-top:120px}.sw-app-grid{gap:0}.sw-app-grid a{width:31vw;padding:16px 4px}.sw-app-icon{border-radius:16px;width:68px;height:68px}.sw-app-grid span{font-size:12px}.sw-bento{grid-template-columns:1fr;padding:100px 16px 0}.sw-trio .phone{--w:170px}.sw-trio .sw-trio-1{--w:190px}.sw-wide-browser{--w:560px;left:22px}.g-card-art>.sw-wide-browser{translate:0 calc(var(--rise) * 70px)}.sw-bento .g-card-wide:not(:first-child){margin-top:60px}.sw-statement{padding:120px 24px 100px}.sw-privacy{padding-top:140px}.sw-privacy-head h2{font-size:36px}.sw-privacy-grid{grid-template-columns:1fr}.sw-privacy-grid article+article{box-shadow:inset 0 1px #ffffff0d}.sw-solo-browser{--w:520px;left:22px}}@media (prefers-reduced-motion:reduce){.sw-hero-region{height:auto}.sw-hero-sticky{height:1100px;position:relative}.sw-trio .phone,.sw-solo,.sw-wide-browser,.sw-solo-browser,.sw-app-icon{transition:none}}
