/* Public showcase: each chapter has its own setting and a working invitation. */
.brand-symbol{object-fit:contain;flex:none;filter:brightness(0) invert(1)}
.brand-moonlight{filter:none}.wink{font:600 1.2em Hearth,ui-rounded,sans-serif;display:inline-block;color:var(--peach);margin-left:4px;white-space:nowrap}
.demo-caption{font-size:11px;color:var(--faint);line-height:1.7}.demo-tag{font:600 9px system-ui;letter-spacing:.15em;padding:6px 9px;border:1px solid var(--border);border-radius:6px;color:var(--muted);margin-left:auto}

/* Speech bubbles sit around the media, pointing to real destinations. */
.hero-collage{height:610px}.hero{padding-block:60px 40px}.hero-collage .collage-hearth{display:none}
.speech-bubble{--bubble:var(--ink);position:absolute;z-index:9;display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 17px;border-radius:24px 25px 23px 7px;border:2px solid var(--deep);background:var(--bubble);color:var(--deep);box-shadow:0 5px 0 rgba(16,8,25,.7);font:500 20px/1.15 Hearth,ui-rounded,sans-serif;white-space:nowrap;transform:rotate(var(--angle,0deg));transition:translate .2s,box-shadow .2s}
.speech-bubble::after{content:'';position:absolute;left:21px;bottom:-8px;width:12px;height:12px;background:var(--bubble);border-right:2px solid var(--deep);border-bottom:2px solid var(--deep);transform:skewY(-22deg) rotate(25deg);border-radius:0 0 4px 0}
.speech-bubble:hover,.speech-bubble:focus-visible{translate:0 -5px;box-shadow:0 9px 0 rgba(16,8,25,.7)}.speech-bubble:active{translate:0 2px;box-shadow:0 2px 0 rgba(16,8,25,.7)}
.bubble-games{--bubble:#ffd18f;--angle:7deg;top:-12px;right:87px}.bubble-videos{--bubble:#f8ebd8;--angle:-7deg;left:-20px;top:96px;font-size:18px}.bubble-comics{--bubble:#f5bccc;--angle:-10deg;left:-4px;top:307px}.bubble-images{--bubble:#c7ddc1;--angle:5deg;left:46%;bottom:49px}.bubble-mobile{--bubble:#c4d9eb;--angle:9deg;right:-18px;top:326px}
.photo-wrap{left:39%;bottom:57px;width:188px;height:136px;transform:rotate(8deg);z-index:3}.photo-cover{height:100%;padding:7px 7px 26px;background:#eddfcc;border:0;border-radius:5px;box-shadow:0 14px 22px var(--shadow)}.photo-cover::after{display:none}.photo-cover>img{object-fit:cover}.photo-cover>span{position:absolute;bottom:5px;left:8px;right:8px;text-align:center;font:12px Hearth;color:var(--deep)}
.collage-note{min-height:58px;left:24%;top:360px;border-radius:20px 20px 5px 20px;transform:rotate(-4deg);transition:translate .2s;background:#493044}.collage-note:hover{translate:0 -4px}.collage-note .wink{font-size:24px}.hero-collage figcaption{bottom:0}.hero-phone-wrap{bottom:89px}.hero-phone .phone-cover>img{object-position:center 24%}.hero-phone .phone-cover>span{font-size:15px;text-shadow:0 2px 6px #180f20}

/* The live split gate is the centrepiece, not a picture of a pretend app. */
.showcase-section{background:#17131c;position:relative;overflow:clip}
.showcase-section::before{content:'';position:absolute;inset:0;opacity:.28;background:url('../scenes/frontwall.webp') center/cover;mask-image:linear-gradient(transparent,#000 60%,transparent);pointer-events:none}
.showcase-section>.wrap{position:relative}.showcase-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:40px}.showcase-heading .eyebrow{margin-bottom:20px}.showcase-heading>p{max-width:37ch;font-size:15px;line-height:1.9;padding-bottom:5px}.showcase-heading>p>span{font-size:12px;color:var(--faint)}
.app-showcase{position:relative;border:1px solid #75565e;border-radius:17px;overflow:hidden;box-shadow:0 28px 70px #0e0818,0 0 0 7px #302435;background:#111017}
.showcase-bar{height:48px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 20px;background:#382936;border-bottom:1px solid #5e4351}.showcase-caption{font:17px Hearth;color:var(--peach)}.showcase-bar .text-link{font-size:11px;min-height:44px}.app-showcase iframe{display:block;width:100%;height:620px;border:0;background:#0a0b10}
.showcase-foot{display:flex;justify-content:space-between;gap:20px;margin-top:25px;font-size:12px;color:var(--faint)}.showcase-foot>a{color:var(--peach);min-height:44px;display:inline-flex;align-items:center;gap:14px}.showcase-foot>span{padding-top:10px}
.showcase-stage{position:relative;isolation:isolate}
.showcase-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left top}
.showcase-stage[data-demo-state="loading"] iframe,.showcase-stage[data-demo-state="error"] iframe{opacity:0;pointer-events:none}
.showcase-loader{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 20px;text-align:center;background:radial-gradient(ellipse at 50% 44%,#65402b55,transparent 58%),linear-gradient(145deg,#302433,#211923 75%);overflow:hidden}
.showcase-loader[hidden]{display:none}
.showcase-loader::before{content:'';position:absolute;inset:0;background:url('../scenes/frontwall.webp') center/cover;opacity:.075;pointer-events:none;z-index:-1}
.showcase-load-art{position:relative;width:260px;height:130px;margin-bottom:24px;display:flex;align-items:center;justify-content:center}
.showcase-load-hearth{position:relative;display:grid;place-items:center;width:112px;height:112px;filter:drop-shadow(0 9px 24px #f5a56830)}
.showcase-load-hearth::before{content:'';position:absolute;inset:12px;border-radius:50%;background:#ffd2a11b;box-shadow:0 0 44px 12px #ebaa7520;z-index:-1}
.showcase-load-hearth img{width:96px;height:96px;object-fit:contain}
.showcase-load-room{position:absolute;top:37px;display:block;filter:drop-shadow(0 9px 12px #100b1680)}
.showcase-load-room img{display:block;width:54px;height:54px;object-fit:contain}
.showcase-load-room.room-left{left:13px;transform:rotate(-13deg)}.showcase-load-room.room-right{right:13px;transform:rotate(11deg)}
.showcase-load-title{font:500 clamp(23px,3vw,30px)/1.25 Hearth,ui-rounded,sans-serif;color:var(--ink);margin:0;text-wrap:balance}
.showcase-load-note{font-size:12px;line-height:1.7;color:#d2bac8;margin:13px 0 23px;max-width:32ch;text-wrap:balance}
.showcase-load-track{width:166px;height:4px;border-radius:4px;background:#b393a530;overflow:hidden}
.showcase-load-track>span{display:block;width:70px;height:100%;border-radius:inherit;background:linear-gradient(90deg,transparent,#ffc996,#ffdcb2,transparent);transform:translateX(48px)}
.showcase-stage[data-demo-state="ready"] .showcase-loader{pointer-events:none}
.showcase-stage[data-demo-state="error"] .showcase-load-track{display:none}
.showcase-loader .button{margin-top:4px;min-height:44px}
.collection-section{padding-block:85px}.collection-art-games{aspect-ratio:1.6}.collection-art-videos{aspect-ratio:1.6}.collection-art-comics{background:#253b36}.collection-art-comics>img{max-width:90%;box-shadow:0 8px 30px #121721}.collection-art-comics .art-caption{background:#162724}

/* Real app captures, with a gentle, controllable shift between screens. */
.everywhere-section{background:#254139;overflow:clip;padding-block:105px}.everywhere-section::before{background:linear-gradient(100deg,rgba(19,46,42,.65),rgba(19,46,42,.97)),url('landscape-1280.webp') center/cover;opacity:.55}
.everywhere-inner{grid-template-columns:1.2fr 1fr;gap:70px}.everywhere-copy>.eyebrow{font-size:10px;color:#f3dba9;margin:0 0 22px}.everywhere-copy h2{font-size:clamp(39px,4.2vw,59px)}
.device-scene{padding:32px 37px 100px 0;transition:padding .35s;min-height:460px}.desktop-device{border-width:7px;border-radius:13px;transform:rotate(-5deg);transition:transform .55s,opacity .55s;box-shadow:0 25px 40px rgba(0,10,15,.4)}.desktop-device>.app-capture{width:100%;height:auto;display:block}.captured-phone{padding:6px;background:#221b2d;border:3px solid #8c6e85;border-radius:24px;overflow:hidden;box-shadow:0 24px 30px #101e1b;transform:rotate(9deg);transition:width .55s,transform .55s,right .55s;bottom:29px;width:154px}.captured-phone>img{border-radius:16px;display:block;width:100%;height:auto}
.device-scene[data-screen="phone"] .desktop-device{transform:rotate(-8deg) scale(.9);opacity:.55}.device-scene[data-screen="phone"] .captured-phone{width:194px;transform:rotate(0deg) translateY(-15px);right:13%}.device-scene[data-screen="tablet"] .desktop-device{transform:rotate(1deg) scale(.92)}.device-scene[data-screen="tablet"] .captured-phone{width:180px;transform:rotate(-5deg);right:-5px}
.screen-picker{display:flex;gap:5px;padding:5px;border:1px solid #65776c;background:#1b342f;border-radius:12px;width:max-content;margin:24px 0}.screen-picker button{background:transparent;color:#e0e4db;border:0;border-radius:8px;padding:10px 17px;min-height:44px;font-size:13px}.screen-picker button[aria-pressed="true"]{background:#e7d9b9;color:#28392e}.screen-picker button:hover{box-shadow:inset 0 0 0 1px #acb9a7}
.platform-row{display:flex;flex-wrap:wrap;gap:17px;margin:0 0 15px}.platform-row>span{display:flex;align-items:center;gap:8px;font-size:12px;color:#e4e7df}.platform-row img{width:24px;height:24px}.device-label{font-size:10px;left:15px;bottom:3px}

/* A privacy cover you can actually try, then a connection you bring yourself. */
.privacy-chapter{background:#171522;position:relative;overflow:clip}.privacy-chapter::before{content:'';position:absolute;inset:0;background:linear-gradient(130deg,#302233,transparent 70%);pointer-events:none}
.privacy-chapter>.wrap{position:relative}.privacy-stage{display:grid;grid-template-columns:1fr 1.17fr;gap:70px;align-items:center;margin-bottom:85px}.privacy-story{position:relative}.privacy-story .eyebrow{font-size:10px;margin:0 0 23px}.privacy-story h2{font-size:clamp(39px,4vw,57px)}.privacy-story>p:not(.eyebrow):not(.demo-caption){max-width:40ch;margin:24px 0 27px;font-size:15px;line-height:1.9}.privacy-story .button{gap:10px;font-size:15px}.privacy-story .button>span{font:inherit}.privacy-story .demo-caption{margin-top:13px}
.whisper-bubble{display:inline-block;background:#f5c3a7;color:#34243b;border:2px solid #110d18;padding:10px 20px;border-radius:25px 25px 25px 5px;box-shadow:0 5px 0 #0f0c15;font:22px Hearth;transform:rotate(-5deg);margin:0 0 32px}.whisper-bubble .wink{color:#633852;font-size:27px}
.privacy-playground{position:relative;padding:24px 0 40px}.privacy-preview{position:relative;background:#2b2338;border:1px solid #826274;box-shadow:0 27px 55px #0e0b16;border-radius:17px;overflow:hidden;transform:rotate(3deg)}.privacy-windowbar{height:57px;display:flex;align-items:center;gap:10px;padding:0 18px;border-bottom:1px solid #604859;background:#3c2d41}.privacy-windowbar b{font:17px Hearth}.privacy-windowbar>span{margin-left:auto;font-size:9px;color:#c9b8c7}.private-shelf{padding:28px 22px 36px;transition:filter .35s,opacity .35s}.private-shelf>p{font:23px Hearth;color:var(--ink);margin-bottom:28px}.private-covers{display:flex;align-items:center;gap:12px}.private-covers figure{width:33.333%;min-width:0}.private-covers figure:nth-child(1){transform:rotate(-7deg) translateY(5px)}.private-covers figure:nth-child(2){transform:translateY(-5px)}.private-covers figure:nth-child(3){transform:rotate(7deg) translateY(5px)}.private-covers img{width:100%;height:170px;object-fit:cover;border-radius:9px;border:1px solid #a1889a;box-shadow:0 8px 20px #110e1b}.private-covers figcaption{font:14px Hearth;margin-top:12px;color:var(--ink);min-height:36px}.shelf-note{display:block;font-size:11px;color:#bda8c0;margin-top:22px}.privacy-curtain{position:absolute;inset:57px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:rgba(32,26,47,.82);opacity:0;transform:translateY(-102%);pointer-events:none;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .35s;border-radius:0 0 15px 15px}.privacy-curtain strong{font:30px Hearth}.privacy-curtain>span{font-size:13px;color:var(--peach)}.privacy-preview.is-covered .private-shelf{filter:blur(13px);opacity:.15}.privacy-preview.is-covered .privacy-curtain{opacity:1;transform:translateY(0)}.privacy-status{font-size:12px;margin-top:25px;text-align:center;color:#c0adc6}.privacy-sticker{position:absolute;right:-17px;bottom:24px;padding:15px 20px;background:#d3dfc0;box-shadow:0 5px 0 #0e0b16;border:2px solid #1a1525;border-radius:5px 23px 23px 23px;transform:rotate(-8deg);font:17px/1.2 Hearth;color:#293428}.privacy-sticker b{font-weight:500}
.vpn-stage{border-top:1px solid #5e455c;padding:48px 0 0;display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.vpn-copy>.eyebrow{font-size:10px}.vpn-copy>h3{font-size:39px;line-height:1.14;margin:19px 0}.vpn-copy>h3>em{font-style:normal;color:var(--peach)}.vpn-copy>p:not(.eyebrow){font-size:14px;max-width:50ch;line-height:1.8}.vpn-providers{display:flex;flex-wrap:wrap;gap:23px;margin:27px 0 19px}.vpn-providers>button{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:11px;color:#e6d5e7}.vpn-providers img{width:36px;height:36px}.vpn-copy>p.vpn-fineprint{font-size:11px;color:#b3a0bc;line-height:1.8;max-width:58ch}.vpn-route{display:flex;align-items:center;gap:0;padding:28px 0}.vpn-endpoint{width:145px;flex:none;min-height:155px;border:1px solid #76576e;border-radius:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:#302439;box-shadow:0 15px 30px #130f1d}.vpn-endpoint>b{font:20px Hearth}.vpn-endpoint>span{font-size:9px;color:#cbb7ce}.vpn-provider{background:#293744;border-color:#537181}.vpn-tunnel{flex:1;min-width:40px;height:62px;border-block:1px solid #866278;position:relative;background:rgba(148,105,142,.07);display:flex;align-items:flex-end;justify-content:center}.vpn-tunnel>span:last-child{position:absolute;bottom:-29px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;color:#bb9fbd}.vpn-packet{position:absolute;left:4px;top:15px;display:block;filter:drop-shadow(0 0 12px #d29871)}.privacy-chapter .sharing-note{margin-top:50px;border-color:#5e455c;padding-top:27px}.privacy-chapter .sharing-note>div{max-width:70ch}

/* The browser is a destination and an intake tool, shown as one workbench. */
.browser-chapter{background:#eadcc6;color:#33233b;--muted:#665062;--faint:#735e6e;--peach:#914630;--ember:#9e4830;--ink:#35223a;--border:#c7b09f;position:relative;overflow:clip}.browser-layout{display:grid;grid-template-columns:.85fr 1.25fr;gap:75px;align-items:center}.browser-story .eyebrow{font-size:10px;margin-bottom:25px}.browser-story h2{font-size:clamp(37px,4vw,57px)}.browser-story>p:not(.eyebrow){font-size:15px;line-height:1.9;margin-top:24px;max-width:38ch}.browser-modes{display:flex;flex-wrap:wrap;gap:9px;margin-top:27px}.browser-modes>button{font:500 14px Hearth;min-height:44px;padding:9px 16px;border:1px solid #b89585;border-radius:10px;background:transparent;color:#594050}.browser-modes>button[aria-pressed="true"]{background:#513747;color:#fff1db;border-color:#513747}.browser-modes>button:hover{box-shadow:inset 0 0 0 1px #684351}.browser-story>p.browser-demo-note{font-size:11px;margin-top:18px;max-width:42ch}.browser-workbench{min-width:0;position:relative;padding-bottom:15px}.browser-example{border:1px solid #57414f;border-radius:15px;background:#fcf6e9;overflow:hidden;box-shadow:0 24px 50px #8f736d66;transform:rotate(2deg)}.example-tabs{display:flex;gap:0;background:#2c2334;color:#e8dce8;font-size:10px;padding:9px 10px 0;align-items:center}.example-tabs>span{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px 8px 0 0;white-space:nowrap}.example-tabs>span:first-child{background:#4e3c54}.example-tabs>span:nth-child(2){opacity:.6}.example-address{display:flex;align-items:center;gap:9px;padding:12px 16px;background:#4e3c54;color:#e8d5e9;font-size:10px}.example-address>span:last-child{margin-left:auto}.example-page{padding:27px 23px 17px;min-height:300px;position:relative}.sample-overline{font-size:9px;letter-spacing:.19em;color:#84675d}.example-page h3{font:38px/1.1 Georgia,serif;margin:9px 0 20px;color:#47372f;letter-spacing:-.04em}.example-gallery{display:grid;grid-template-columns:1fr 1fr;gap:13px}.example-gallery>img{width:100%;height:175px;object-fit:cover}.source-label{font-size:9px;color:#8a6e61;display:block;margin-top:15px}.browser-savebar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f2e4cd;border-top:1px solid #d5bca3;padding:14px 17px;font-size:11px;color:#665040}.browser-savebar>.button{background:#543844;color:#fff0da;border-color:#5c3b49;box-shadow:0 3px 0 #32222f;font-size:13px;gap:12px;min-height:44px}.browser-savebar>.button:disabled{opacity:.7}.rip-destination{position:relative;z-index:2;width:88%;display:flex;align-items:center;gap:13px;margin:4px auto 0;padding:18px 19px;background:#254339;border:1px solid #536651;border-radius:13px;transform:rotate(-3deg);box-shadow:0 14px 24px #634c5440;color:#ecf1d9;transition:background .3s}.rip-destination b{display:block;font:18px Hearth}.rip-destination span:not(.rip-check){display:block;margin-top:4px;color:#c3d2c4;font-size:10px}.rip-check{margin-left:auto;font-size:23px;color:#c6e69f;opacity:0;transform:scale(.7);transition:opacity .25s,transform .25s}.rip-destination.is-saved .rip-check{opacity:1;transform:scale(1)}.rip-destination.is-saved{background:#335640}.example-page[data-rip-page="videos"]{isolation:isolate;background:#18222b;min-height:321px;display:flex;flex-direction:column;justify-content:flex-end}.rip-video-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.example-page[data-rip-page="videos"]::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#121524e6);z-index:-1}.example-page[data-rip-page="videos"] :is(h3,.sample-overline,.source-label){color:#fff0dd}.example-page[data-rip-page="videos"] h3{font-family:Hearth}

/* Moonlight gets its own cool, nocturnal chapter and its actual mark. */
.play-section{background:#101b30}.play-backdrop{opacity:.8}.play-backdrop img{object-position:center}.play-section::after{background:linear-gradient(90deg,#121727f5,#16223ad6 42%,#11223b55),linear-gradient(0deg,#131a2cee,transparent 50%)}.play-inner{grid-template-columns:1fr 1.1fr;min-height:720px;gap:64px;padding-block:105px}.play-copy h2{font-size:clamp(39px,4vw,58px)}.moonlight-wordmark{display:flex;gap:12px;align-items:center;margin-bottom:30px;color:#f2f2ff}.moonlight-wordmark>span{font:24px/1.05 Hearth}.moonlight-wordmark small{font:8px/2 system-ui;letter-spacing:.18em;color:#b7c9e0}.play-copy>p{color:#c5d0e0}.stream-scene{position:relative;padding-top:36px}.stream-bubble{position:absolute;right:9px;top:-15px;font:18px/1.15 Hearth;color:#222a3e;background:#c8d7ee;padding:16px 20px;border-radius:20px 20px 20px 4px;border:2px solid #121624;box-shadow:0 5px 0 #0c1322;transform:rotate(7deg)}.stream-scene .stream-path{position:relative;width:95%;margin:62px auto 0;flex-direction:row;padding:19px 20px;gap:13px;background:#182338b8;border-color:#617292;border-radius:12px;box-shadow:none}.stream-scene .stream-path>span{font-size:10px;gap:8px}.stream-scene .stream-path img{height:38px;width:38px}.stream-scene .path-arrow{font-size:23px;color:#9fb5d3}

/* P2P and imports become a little live arrivals board. */
.intake-chapter{background:#4a2e29;position:relative;overflow:clip}.intake-chapter::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 76px,#a66d5322 77px 78px),linear-gradient(100deg,#57372f,#3a2529);pointer-events:none}.intake-layout{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:center}.intake-story>.eyebrow{font-size:10px;margin-bottom:25px}.intake-story>p:not(.eyebrow){font-size:15px;max-width:39ch;color:#e0c6ba;line-height:1.9;margin-top:24px}.intake-labels{display:grid;gap:14px;margin:25px 0 32px}.intake-labels>span{display:flex;align-items:center;gap:11px;color:#e4cdc0;font-size:13px}.intake-story .button{font-size:13px;gap:14px;padding-inline:18px;background:#70493c;border-color:#a57963;white-space:normal;text-align:left}.intake-console{background:#221d25;border:1px solid #9d7663;border-radius:17px;padding:27px;box-shadow:0 23px 45px #26151ec0;transform:rotate(2deg)}.intake-console-head{display:flex;align-items:center;gap:12px;border-bottom:1px solid #694a4e;padding-bottom:22px;margin-bottom:6px}.intake-console-head h3{font-size:29px;color:#f8e3c8}.intake-console-head>div>span{font-size:10px;color:#bca5aa}.intake-row{display:flex;align-items:center;gap:16px;padding:22px 0;border-bottom:1px solid #4b3745}.intake-row>img{width:90px;height:74px;object-fit:cover;border:1px solid #705057;border-radius:8px;flex:none}.intake-row>div{min-width:0;flex:1}.intake-row b{font:22px Hearth;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.intake-row>div>span{font-size:10px;color:#bfaab9;display:block;margin-top:4px}.intake-meter{height:4px;background:#544050;border-radius:4px;overflow:hidden;margin-top:13px}.intake-meter>i{display:block;background:#dfaa77;height:100%;width:100%;transform:scaleX(.08);transform-origin:left;transition:background .25s}.intake-state{font-size:10px;color:#c3a7b1;width:45px;text-align:right;flex:none}.intake-row.is-filed .intake-meter>i{background:#b7cda2}.intake-row.is-filed .intake-state{color:#ccdfa8}.intake-outcome{margin-top:20px;color:#eac5a0;font-size:11px;line-height:1.7;display:flex;gap:9px}.intake-console .demo-caption{font-size:9px;margin-top:18px;color:#a996a6}

/* A server that actually sends things somewhere. */
.host-section{background:#1b3432;position:relative;overflow:clip;isolation:isolate}.host-section::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 99px,#71948509 100px 101px),repeating-linear-gradient(0deg,transparent 0 99px,#71948509 100px 101px);z-index:-1}.host-inner{grid-template-columns:1.05fr 1fr;gap:90px;padding-block:110px}.host-copy h2{font-size:clamp(40px,4.4vw,61px)}.server-world{position:relative;min-width:0;padding:35px 0 20px}.server-constellation{position:relative;padding:0 0 12px}.server-box{position:relative;width:82%;margin:auto;background:linear-gradient(120deg,#3f5050,#263a3b);border:2px solid #799582;border-radius:20px;box-shadow:0 18px 0 #102a29,0 35px 48px #0d2428;padding:21px;z-index:2}.server-box-head{display:flex;align-items:center;gap:13px;margin-bottom:21px}.server-box-head>span{font-size:9px;letter-spacing:.15em;color:#d2dfbc}.server-box-head b{display:block;font:18px/1.4 Hearth;letter-spacing:0;color:#fff0d9;margin-top:4px}.server-drawer{display:flex;align-items:center;gap:11px;padding:12px 13px;border:1px solid #698075;background:#203336;border-radius:10px;box-shadow:inset 0 3px 5px #152b2e;margin-bottom:9px}.server-drawer>span{font:16px Hearth;color:#dde7cc}.server-drawer>i{margin-left:auto;width:32px;height:5px;border-radius:3px;background:#c3d89e;box-shadow:0 0 12px #b0d19740;transform-origin:left}.server-base{display:block;text-align:center;font-size:9px;color:#aabfb3;margin-top:18px}.server-connection{display:block;position:relative;height:81px;width:1px;background:#c1d098;margin:auto}.server-connection::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:330px;height:22px;border:1px solid #c1d098;border-bottom:0;border-radius:15px 15px 0 0}.server-clients{display:flex;gap:18px;justify-content:space-between;position:relative;z-index:3}.server-clients>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px solid #749181;border-radius:14px;background:#263e3b;color:#d7e5d0;width:33.333%;min-height:108px;font:14px Hearth;box-shadow:0 7px 0 #102b29}.server-parcel{position:absolute;left:calc(50% - 20px);top:62%;padding:6px;background:#dfc691;border:1px solid #192e2a;border-radius:8px;box-shadow:0 6px 15px #0d2428;z-index:4;opacity:0}.server-parcel img{width:27px;height:27px}.server-sticker{position:absolute;left:-18px;top:2px;padding:15px 19px;border-radius:4px 20px 20px 20px;background:#ebc5a2;transform:rotate(-9deg);border:2px solid #142c28;box-shadow:0 5px 0 #102624;color:#304438;font:20px/1.15 Hearth;z-index:5}.server-sticker b{font-weight:500}.server-platforms{display:flex;gap:24px;margin:25px 0}.server-platforms>span{display:flex;align-items:center;gap:12px;font:19px Hearth;color:#eef0dc}.server-platforms small{display:block;font:10px/1.7 system-ui;color:#b3c8b9}.server-platforms b{font-weight:500}.host-copy .availability{font-size:9px;border-color:#647962}.host-copy>p.host-detail{max-width:47ch}
.faq-band{background:#efe2ce;--ink:#332238;--muted:#695168;--faint:#745a6b;--ember:#8b402d;--peach:#8b402d;--border:#b49b9180;color:var(--ink)}.faq-list details>p{color:#604e5b}.faq-list summary{color:var(--ink)}.faq-intro p{color:var(--muted)}

@media(max-width:1150px){
  .hero-collage{height:570px}.bubble-games{right:40px}.bubble-videos{left:-12px;font-size:15px}.bubble-comics{left:-5px;top:293px}.bubble-mobile{right:-5px;top:350px}.bubble-images{left:45%;bottom:45px}.photo-wrap{width:150px;height:116px;left:37%;bottom:65px}.speech-bubble{font-size:17px;padding:8px 14px}.collage-note{top:343px;left:20%;font-size:15px}.hero-phone-wrap{bottom:83px}.showcase-heading{gap:30px}.showcase-heading>p{max-width:32ch}.app-showcase iframe{height:565px}.everywhere-inner,.privacy-stage,.vpn-stage,.browser-layout,.intake-layout,.host-inner{gap:40px}.privacy-curtain strong{font-size:26px}.private-covers img{height:145px}.privacy-sticker{right:-4px;font-size:16px}.vpn-endpoint{width:122px;min-height:142px}.vpn-providers{gap:18px}.browser-savebar{padding-inline:12px}.intake-console{padding:22px}.intake-row{gap:11px}.intake-row>img{width:72px;height:65px}.intake-row b{font-size:20px}.intake-console-head>div>span{font-size:9px}.server-connection::after{width:260px}.server-box{width:92%}.server-sticker{left:-10px}.server-platforms{gap:20px}.server-platforms>span{font-size:17px}.stream-scene .stream-path{padding:16px 10px;gap:8px}.stream-scene .stream-path img{width:32px;height:32px}.stream-bubble{font-size:16px;right:0}.captured-phone{width:130px}.device-scene{min-height:390px}
}
@media(max-width:900px){
  .hero{grid-template-columns:1fr}.hero-copy{max-width:690px}.hero h1{font-size:56px}.hero-lead{max-width:52ch}.hero-collage{width:560px;max-width:100%;height:560px;margin:40px auto 0}.game-wrap{top:92px;height:247px;width:80%}.movie-wrap{width:173px;height:250px;top:0}.comic-wrap{width:144px;height:203px;top:290px;left:3%}.hero-phone-wrap{width:139px;bottom:80px}.collage-note{top:348px;left:27%}.photo-wrap{left:42%;bottom:45px}.bubble-videos{top:89px}.bubble-games{right:64px}.bubble-comics{top:310px}.bubble-mobile{top:320px}.bubble-images{bottom:23px}.showcase-heading{display:block}.showcase-heading>p{max-width:60ch;margin-top:25px}.showcase-heading h2{font-size:46px}.app-showcase iframe{height:650px}.everywhere-inner{grid-template-columns:1fr 1fr;gap:30px}.device-scene{min-height:310px;padding-bottom:95px}.captured-phone{width:112px}.device-scene[data-screen="phone"] .captured-phone{width:142px}.device-scene[data-screen="tablet"] .captured-phone{width:138px}.screen-picker button{padding-inline:12px}.platform-row{gap:10px}.platform-row>span{font-size:10px}.platform-row img{width:22px;height:22px}.privacy-stage{grid-template-columns:1fr;gap:35px}.privacy-story{max-width:650px}.privacy-story>p:not(.eyebrow):not(.demo-caption){max-width:58ch}.privacy-playground{width:90%;max-width:610px;margin:auto}.private-covers img{height:200px}.privacy-sticker{right:-20px}.vpn-stage{grid-template-columns:1fr;gap:20px}.vpn-copy>p:not(.eyebrow){max-width:60ch}.vpn-route{max-width:520px;width:100%;margin:auto}.vpn-endpoint{width:155px}.vpn-providers{gap:32px}.browser-layout{grid-template-columns:1fr;gap:43px}.browser-story>p:not(.eyebrow){max-width:60ch}.browser-story h2>br:first-of-type{display:none}.browser-workbench{max-width:680px;width:100%;margin:auto}.intake-layout{grid-template-columns:1fr;gap:40px}.intake-story>p:not(.eyebrow){max-width:60ch}.intake-labels{display:flex;flex-wrap:wrap;gap:17px}.intake-console{max-width:640px;width:100%;margin:auto}.play-inner{grid-template-columns:1fr;gap:35px}.play-copy{max-width:560px}.stream-scene{max-width:520px;width:90%;margin:20px auto 0}.stream-bubble{font-size:18px}.host-inner{grid-template-columns:1fr;gap:38px}.server-world{max-width:530px;width:90%;margin:auto;order:2}.host-copy{max-width:600px}.server-box{width:85%}.server-connection::after{width:335px}.host-copy h2{font-size:52px}
}
@media(max-width:650px){
  .hero{padding-top:38px;padding-bottom:30px}.hero h1{font-size:clamp(38px,9.65vw,60px)}.hero-lead{max-width:40ch}.hero-collage{margin-top:42px;height:540px;width:min(100%,400px)}.movie-wrap{width:127px;height:185px;right:4%;top:8px}.game-wrap{top:101px;height:206px;width:85%;left:1%}.comic-wrap{top:281px;width:112px;height:162px;left:4%}.hero-phone-wrap{width:123px;right:0;bottom:98px}.photo-wrap{top:383px;bottom:auto;left:39%;width:120px;height:92px}.photo-cover{padding:5px 5px 21px}.photo-cover>span{font-size:8px}.speech-bubble{font-size:15px;min-height:44px;padding:8px 13px;border-width:2px;box-shadow:0 4px 0 #110b18}.bubble-games{right:97px;top:-8px}.bubble-videos{left:0;top:84px;font-size:13px}.bubble-comics{top:264px;left:-6px}.bubble-mobile{top:227px;right:-6px}.bubble-images{left:41%;top:363px;bottom:auto;font-size:13px}.collage-note{top:463px;left:7%;padding:8px 14px;min-height:49px;font-size:15px}.collage-note img{width:28px;height:28px}.collage-note small{font-size:8px}.collage-note .wink{font-size:20px}.hero-collage figcaption{bottom:-15px;left:0;font-size:8px}.game-cover .cover-type{top:58px}.game-cover .cover-type strong{font-size:25px}.cover-stamp{font-size:8px}.hero-phone .phone-cover{height:99px}.hero-phone .phone-cover>span{font-size:12px}.showcase-section{padding-block:62px}.showcase-heading h2{font-size:37px}.showcase-heading .eyebrow{font-size:9px;margin-bottom:17px}.showcase-heading>p{font-size:13px;margin-top:20px}.showcase-heading>p>span{font-size:10px}.showcase-heading{margin-bottom:29px}.app-showcase{border-radius:12px;box-shadow:0 20px 40px #0e0818,0 0 0 4px #302435}.showcase-bar{padding-inline:12px;height:49px}.showcase-caption{font-size:14px}.showcase-bar .text-link{font-size:10px;gap:8px}.showcase-bar .text-link>span{font-size:16px}.app-showcase iframe{height:635px}.showcase-foot{display:block;font-size:10px;margin-top:18px}.showcase-foot>span{display:block}.showcase-foot>a{margin-top:3px}.collection-section{padding-block:60px}.everywhere-section{padding-block:65px}.everywhere-inner{grid-template-columns:1fr;gap:27px}.device-scene{padding:17px 25px 77px 0;min-height:310px;order:2}.captured-phone{width:113px;bottom:13px}.device-scene[data-screen="phone"] .captured-phone{width:147px;transform:rotate(0) translateY(6px)}.device-scene[data-screen="tablet"] .captured-phone{width:135px}.everywhere-copy h2{font-size:39px}.everywhere-copy h2 br:nth-of-type(1){display:block}.everywhere-copy>.eyebrow{font-size:9px;margin-bottom:18px}.everywhere-copy>p:not(.eyebrow){font-size:14px;max-width:44ch}.platform-row{gap:22px;margin-top:22px}.platform-row>span{font-size:12px}.screen-picker{margin-block:22px 13px}.screen-picker button{font-size:12px;padding-inline:17px}.device-label{left:0;font-size:8px;bottom:-3px}.privacy-chapter>.section{padding-block:65px}.privacy-stage{gap:20px;margin-bottom:42px}.whisper-bubble{font-size:19px;padding:9px 16px;margin-bottom:30px}.whisper-bubble .wink{font-size:22px}.privacy-story h2{font-size:37px}.privacy-story .eyebrow{font-size:9px}.privacy-story>p:not(.eyebrow):not(.demo-caption){font-size:14px;margin-block:20px 24px}.privacy-story .button{font-size:13px;padding-inline:17px}.privacy-story .demo-caption{font-size:10px}.privacy-playground{width:100%;padding-top:10px;padding-bottom:35px}.privacy-preview{transform:rotate(2deg)}.privacy-windowbar{height:47px;padding-inline:12px;gap:7px}.privacy-windowbar b{font-size:15px}.privacy-windowbar>span{font-size:8px}.privacy-windowbar img{width:23px;height:23px}.private-shelf{padding:23px 15px 24px}.private-shelf>p{font-size:21px;margin-bottom:24px}.private-covers{gap:8px}.private-covers img{height:116px;border-radius:6px}.private-covers figcaption{font-size:11px;margin-top:9px;min-height:27px}.shelf-note{font-size:9px;margin-top:17px}.privacy-curtain{inset:47px 0 0;gap:12px}.privacy-curtain strong{font-size:24px}.privacy-curtain>span{font-size:11px}.privacy-curtain>img{width:48px;height:48px}.privacy-sticker{font-size:13px;padding:10px 13px;right:-4px;bottom:9px}.privacy-status{font-size:10px;text-align:left;margin-top:24px}.vpn-stage{padding-top:35px}.vpn-copy>h3{font-size:33px}.vpn-copy>.eyebrow{font-size:9px}.vpn-copy>p:not(.eyebrow){font-size:13px}.vpn-providers{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.vpn-providers>button{font-size:9px;text-align:center}.vpn-providers img{height:31px;width:31px}.vpn-copy>p.vpn-fineprint{font-size:10px}.vpn-route{padding-top:13px;padding-bottom:29px}.vpn-endpoint{width:113px;min-height:127px;gap:6px;border-radius:19px}.vpn-endpoint>img{height:38px;width:38px}.vpn-endpoint>b{font-size:18px}.vpn-endpoint>span{font-size:8px}.vpn-tunnel{height:49px}.vpn-packet{top:10px}.vpn-tunnel>span:last-child{font-size:8px;bottom:-23px}.privacy-chapter .sharing-note{margin-top:22px;padding-top:24px}.browser-layout{gap:36px}.browser-story .eyebrow{font-size:9px;margin-bottom:20px}.browser-story h2{font-size:39px}.browser-story>p:not(.eyebrow){font-size:14px;margin-top:20px}.browser-story>p.browser-demo-note{font-size:10px}.browser-modes>button{font-size:13px}.browser-example{transform:rotate(1deg);border-radius:11px}.example-tabs{padding:6px 5px 0;font-size:8px}.example-tabs>span{padding:6px 8px;gap:5px}.example-tabs img{width:18px;height:18px}.example-address{font-size:8px;padding:9px 10px;gap:7px}.example-address img{width:17px;height:17px}.example-page{padding:22px 15px 15px;min-height:250px}.example-page h3{font-size:31px;margin-bottom:16px}.sample-overline{font-size:8px}.example-gallery{gap:9px}.example-gallery>img{height:145px}.source-label{font-size:8px}.browser-savebar{padding:12px 10px;font-size:9px;gap:7px}.browser-savebar>.button{font-size:12px;gap:8px;padding:9px 12px}.rip-destination{width:96%;gap:9px;padding:15px 13px}.rip-destination>img{height:31px;width:31px}.rip-destination b{font-size:15px}.rip-destination span:not(.rip-check){font-size:9px}.example-page[data-rip-page="videos"]{min-height:272px}.play-inner{padding-block:65px;gap:28px;min-height:0}.moonlight-wordmark{margin-bottom:25px}.moonlight-wordmark>img{width:43px;height:43px}.moonlight-wordmark>span{font-size:22px}.play-copy h2{font-size:38px}.play-copy>p{font-size:14px}.stream-scene{width:98%;padding-top:38px;margin-top:15px}.stream-bubble{font-size:14px;right:-1px;top:-11px;padding:12px 16px}.stream-scene .stream-path{margin-top:42px;width:100%;padding:16px 10px;gap:8px}.stream-scene .stream-path>span{font-size:9px;gap:6px}.stream-scene .stream-path img{width:29px;height:29px}.intake-story>.eyebrow{font-size:9px;margin-bottom:19px}.intake-story>p:not(.eyebrow){font-size:14px;margin-top:20px}.intake-labels{display:grid;gap:11px;margin-bottom:25px}.intake-labels>span{font-size:12px}.intake-console{padding:18px 15px;border-radius:12px;transform:rotate(1deg)}.intake-console-head{gap:8px;padding-bottom:16px}.intake-console-head>img{height:30px;width:30px}.intake-console-head h3{font-size:24px}.intake-console-head>div>span{font-size:8px}.demo-tag{font-size:7px;padding:5px 6px}.intake-row{gap:10px;padding-block:18px}.intake-row>img{width:62px;height:62px}.intake-row b{font-size:18px}.intake-row>div>span{font-size:8px}.intake-state{font-size:8px;width:32px}.intake-meter{margin-top:11px}.intake-outcome{font-size:10px;margin-top:18px}.intake-console .demo-caption{font-size:8px;margin-top:15px}.host-inner{padding-block:65px;gap:27px}.host-copy h2{font-size:40px}.host-copy .availability{font-size:8px}.server-platforms{gap:22px;margin:24px 0}.server-platforms>span{font-size:17px;gap:9px}.server-platforms img{width:30px;height:30px}.server-platforms small{font-size:9px}.server-world{width:100%;padding-top:39px}.server-sticker{font-size:16px;left:0;padding:12px 15px;top:3px}.server-box{width:89%;padding:17px;border-radius:16px}.server-box-head{gap:10px;margin-bottom:18px}.server-box-head img{height:35px;width:35px}.server-box-head>span{font-size:8px}.server-box-head b{font-size:15px}.server-drawer{padding:9px 11px;gap:10px}.server-drawer>img{height:29px;width:29px}.server-drawer>span{font-size:15px}.server-drawer>i{width:26px}.server-base{font-size:8px}.server-connection{height:70px}.server-connection::after{width:225px}.server-clients{gap:12px}.server-clients>span{min-height:92px;font-size:12px;border-radius:11px}.server-clients img{width:32px;height:32px}.server-parcel{top:64%}.faq-band .faq-intro h2{font-size:35px}
}
@media(prefers-reduced-motion:reduce){.speech-bubble,.privacy-curtain,.private-shelf,.captured-phone,.desktop-device,.rip-check,.device-scene{transition:none!important}.server-parcel{display:none}}
.motion-paused .server-parcel{opacity:0!important}.motion-paused .privacy-curtain,.motion-paused .private-shelf{transition:none}

.vpn-providers>button{border:1px solid transparent;background:transparent;color:inherit;font-family:inherit;cursor:pointer;padding:8px 7px;border-radius:12px;min-height:74px;transition:background .2s,border-color .2s}.vpn-providers>button:hover,.vpn-providers>button[aria-pressed="true"]{border-color:#a68b93;background:#73557133}.vpn-provider>b{font-size:21px}.vpn-provider img{filter:brightness(0) invert(1)}.motion-paused .captured-phone,.motion-paused .desktop-device,.motion-paused .rip-check{transition:none!important}

/* Desktop hand-off is the current shipping game path. Mobile is media/browsing. */
.stream-monitor{position:relative;padding:12px 12px 0;background:linear-gradient(145deg,#3b455d,#161e2d);border:2px solid #7f89a5;border-radius:19px;box-shadow:0 22px 42px #070c1abf;transform:rotate(-3deg);margin-bottom:54px}
.monitor-screen{position:relative;aspect-ratio:1.78;overflow:hidden;border:5px solid #0b101c;border-radius:7px;background:#080e19}.monitor-screen>img{width:100%;height:100%;object-fit:cover}.monitor-screen>span{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:7px;letter-spacing:.12em;color:#ebf3ff;text-shadow:0 2px 4px #000}.monitor-chin{height:39px;display:flex;align-items:center;justify-content:center;gap:9px;color:#c6cfdf;font-size:9px}.monitor-chin img{width:21px;height:21px}.monitor-stand{position:absolute;top:100%;left:calc(50% - 22px);height:44px;width:44px;background:linear-gradient(90deg,#46516b,#27324b);z-index:-1}.monitor-stand:after{content:'';position:absolute;bottom:-7px;left:-67px;width:178px;height:11px;background:#5b6479;border:1px solid #8490a9;border-radius:70% 70% 7px 7px;box-shadow:0 8px 16px #090f20}.stream-scene .stream-path{margin-top:83px}.everywhere-copy p.quiet-copy{max-width:46ch;font-size:12px;line-height:1.8;color:#d4ded0}
@media(max-width:650px){.stream-monitor{padding:8px 8px 0;border-radius:13px}.monitor-screen{border-width:3px}.monitor-chin{height:31px;font-size:8px}.monitor-chin img{width:18px;height:18px}.monitor-stand{height:33px}.monitor-screen>span{font-size:5px}.stream-scene .stream-path{margin-top:67px}.everywhere-copy p.quiet-copy{font-size:12px}}

.sharing-preview{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;margin-top:58px;padding-top:55px;border-top:1px solid #80647766}.sharing-copy h3{font-size:40px;line-height:1.2;margin-top:22px}.sharing-copy>p:not(.eyebrow){max-width:43ch;color:#c9b9cb;font-size:14px;line-height:1.8;margin:20px 0}.share-hint{font-size:10px;color:#ba9fae}.share-ledger{padding:25px;background:#eddbc7;border:2px solid #a98979;border-radius:13px;color:#332238;box-shadow:0 15px 30px #0f091c66;transform:rotate(-2deg)}.share-person{display:flex;align-items:center;gap:13px;padding-bottom:20px;border-bottom:1px solid #b49b91}.share-avatar{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#4d6454;color:#edf0d7;font:25px Hearth}.share-person b{display:block;font:22px Hearth}.share-person small{display:block;margin-top:5px;color:#78606b;font-size:10px}.share-person>img{margin-left:auto}.share-controls{padding-top:10px}.share-controls button,.share-private{display:flex;align-items:center;gap:10px;padding:13px 5px;min-height:60px;width:100%;text-align:left;border:0;border-bottom:1px solid #bba69b80;background:transparent;color:#443044;font:14px Hearth;cursor:pointer}.share-controls button>b,.share-private>b{margin-left:auto;border-radius:5px;padding:5px 9px;font:10px system-ui;background:#dac8b7;color:#6f5862;white-space:nowrap}.share-controls button[aria-pressed="true"]>b{background:#425c48;color:#f2eed0}.share-controls button:hover{background:#d6c4b355}.share-private{cursor:default;color:#78616b}.share-private>b{background:transparent;color:#78616b}.share-summary{font-size:11px;line-height:1.7;color:#755865;margin-top:18px}.vpn-endpoint>b{font-size:22px}
@media(max-width:900px){.sharing-preview{gap:35px}.share-ledger{padding:18px}.sharing-copy h3{font-size:34px}.share-controls button,.share-private{font-size:12px}.share-controls button>b,.share-private>b{font-size:9px}}
@media(max-width:650px){.sharing-preview{grid-template-columns:1fr;margin-top:35px;padding-top:35px;gap:22px}.sharing-copy .eyebrow{font-size:9px}.sharing-copy h3{font-size:33px;margin-top:17px}.sharing-copy>p:not(.eyebrow){font-size:13px;margin-block:17px}.share-person b{font-size:20px}.share-person small{font-size:9px}.share-controls button,.share-private{font-size:12px}.share-controls img{height:25px;width:25px}.share-summary{font-size:10px}.vpn-endpoint>b{font-size:17px}.vpn-endpoint>span{font-size:7px}}