:root{--a-urge:#6fb0b5;--a-off:#c29a70;--a-lid:#c98a7e;--a-miss:#c08ba0;--a-guilt:#9c97c6;--a-anx:#85a6c9;--a-steady:#8ab48d;--a-unsure:#98989d;--chrome-2:#212328;--chrome-ink:#e9eaec;--chrome-ink-2:#9498a0;--chrome-line:rgba(233,234,236,0.14);--chrome-active:#f2f3f5;--logo:url(/brand/logo.png);--appicon:url(/brand/appicon.png);--m-granola:url(/brand/granola.png);--m-notion:url(/brand/notion.png);--m-obsidian:url(/brand/obsidian.png);--m-notes:url(/brand/notes.png);--sans:"Instrument Sans",ui-sans-serif,system-ui,-apple-system,sans-serif;--mono:"Spline Sans Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--app-sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",system-ui,sans-serif;--display:"Familjen Grotesk","Helvetica Neue",Arial,sans-serif;--display-wght:700;--display-track:-0.028em;--display-lh:1.02;--spring-settle:linear(0.0000,0.0255,0.0888,0.1742,0.2702,0.3686,0.4640,0.5528,0.6330,0.7036,0.7646,0.8163,0.8593,0.8945,0.9229,0.9454,0.9629,0.9763,0.9863,0.9936,0.9987,1.0022,1.0044,1.0056,1.0062,1.0063,1.0000);--dur-settle:400ms;--spring-lift:linear(0.0000,0.0253,0.0876,0.1709,0.2639,0.3588,0.4504,0.5356,0.6127,0.6808,0.7399,0.7905,0.8330,0.8685,0.8976,0.9213,0.9403,0.9555,0.9674,0.9766,0.9837,0.9890,0.9930,0.9959,0.9980,0.9994,1.0000);--dur-lift:260ms;--spring-press:linear(0.0000,0.0249,0.0852,0.1645,0.2520,0.3404,0.4253,0.5041,0.5756,0.6393,0.6952,0.7437,0.7854,0.8210,0.8512,0.8767,0.8981,0.9160,0.9309,0.9433,0.9536,0.9620,0.9690,0.9747,0.9794,0.9833,1.0000);--dur-press:200ms;--ease-out:cubic-bezier(0,0,0.58,1)}*,:after,:before{box-sizing:border-box}#page.settled *,#page.settled :after,#page.settled :before{transition-duration:0s!important;animation-duration:0s!important;animation-delay:0s!important}#page.settled .dlPhone2,#page.settled .duoLite .mbp{opacity:1}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;color-scheme:light dark}:root:has(#page[data-theme=glass]){--chrome-edge:#36434e}:root:has(#page[data-theme=ink]){--chrome-edge:#121214}:root:has(#page[data-theme=slate]){--chrome-edge:#17181b}@media (prefers-color-scheme:light){:root:has(#page[data-theme=glass]){--chrome-edge:#eaeef4}:root:has(#page[data-theme=ink]){--chrome-edge:#f7f7f8}:root:has(#page[data-theme=slate]){--chrome-edge:#e9eaec}}@media (max-width:620px){:root:has(#page[data-theme=glass]){--chrome-edge:#242d3a}:root:has(#page[data-theme=ink]){--chrome-edge:#0b0c0e}:root:has(#page[data-theme=slate]){--chrome-edge:#17181b}}@media (max-width:620px) and (prefers-color-scheme:light){:root:has(#page[data-theme=glass]){--chrome-edge:#dfe6eb}:root:has(#page[data-theme=ink]){--chrome-edge:#f4f5f7}:root:has(#page[data-theme=slate]){--chrome-edge:#e9eaec}}body{margin:0;background:var(--chrome-edge,#08080c);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}.app,.app *{font-family:var(--app-sans)}#page[data-theme=glass]{--r-card:clamp(26px,3vw,38px);--r-panel:22px;--r-btn:999px;--surf-bw:1px;--surf-blur:blur(30px) saturate(150%);--card-pad:clamp(30px,4.2vw,66px);--band-pad:clamp(88px,12vw,176px);--rule-w:1px;--display-wght:700;--display-track:-0.030em;--display-lh:1.02;--d-scale:1;--eyebrow-tt:uppercase;--eyebrow-ls:0.2em;--lead-lh:1.5;--motion-travel:16px;--dur-page:620ms;--ground:#08080c;--chrome-edge:#36434e;--ink:#f6f6fa;--ink-2:#a0a0ae;--ink-3:#65656f;--rule:rgba(246,246,250,0.10);--btn:#f6f6fa;--btn-ink:#08080c;--field:radial-gradient(820px 620px at 6% 14%,rgba(111,176,181,0.34),transparent 66%),radial-gradient(760px 580px at 94% 6%,rgba(156,151,198,0.32),transparent 64%),radial-gradient(900px 640px at 74% 92%,rgba(201,138,126,0.22),transparent 66%),radial-gradient(700px 540px at 22% 96%,rgba(133,166,201,0.20),transparent 66%);--field-anim:fieldDrift 34s var(--ease-out) infinite alternate;--hero-glow:radial-gradient(620px 420px at 62% 34%,rgba(133,166,201,0.18),transparent 70%);--surf-bg:color-mix(in srgb,#ffffff 6%,transparent);--surf-border:rgba(255,255,255,0.11);--surf-shadow:0 36px 84px -26px rgba(0,0,0,0.72);--surf-inner:inset 0 1px 0 rgba(255,255,255,0.15);--card-wash:14%;--shadow:0 40px 90px rgba(0,0,0,0.62);--bezel:#2b2c31;--bezel-2:#3e4046;--bezel-edge:rgba(255,255,255,0.20);--wall-1:#4a3a6e;--wall-2:#2c5d55;--wall-3:#6e3f2c;--wall-4:#22345f;--wall-base:#12121a;--bar-bg:rgba(10,10,15,0.55);--bar-ink:rgba(235,235,245,0.62);--bar-line:rgba(255,255,255,0.07);--panel-tint:rgba(28,28,30,0.38);--a-urge:#6fb0b5;--a-off:#c29a70;--a-lid:#c98a7e;--a-miss:#c08ba0;--a-guilt:#9c97c6;--a-anx:#85a6c9;--a-steady:#8ab48d;--a-unsure:#98989d}@media (prefers-color-scheme:light){#page[data-theme=glass]{--ground:#eaeef4;--chrome-edge:#eaeef4;--ink:#111014;--ink-2:#55545e;--ink-3:#82818b;--rule:rgba(17,16,20,0.11);--btn:#111014;--btn-ink:#fbfbfd;--field:radial-gradient(820px 620px at 6% 14%,rgba(111,176,181,0.34),transparent 66%),radial-gradient(760px 580px at 94% 6%,rgba(156,151,198,0.30),transparent 64%),radial-gradient(900px 640px at 74% 92%,rgba(201,138,126,0.24),transparent 66%),radial-gradient(700px 540px at 22% 96%,rgba(133,166,201,0.21),transparent 66%);--field-anim:fieldDrift 34s var(--ease-out) infinite alternate;--hero-glow:radial-gradient(620px 420px at 62% 34%,rgba(133,166,201,0.16),transparent 70%);--surf-bg:rgba(255,255,255,0.88);--surf-border:rgba(17,16,20,0.13);--surf-shadow:0 30px 70px -26px rgba(17,16,20,0.26);--surf-inner:inset 0 1px 0 rgba(255,255,255,0.9);--lip:rgba(255,255,255,0.78);--card-wash:11%;--shadow:0 30px 70px rgba(17,16,20,0.18);--bezel:#c6c4ce;--bezel-2:#e6e4ec;--bezel-edge:rgba(0,0,0,0.14);--crop-fade:linear-gradient(0deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.026) 1.9%,rgba(0,0,0,0.096) 3.9%,rgba(0,0,0,0.2) 6%,rgba(0,0,0,0.325) 8.2%,rgba(0,0,0,0.462) 10.5%,rgba(0,0,0,0.6) 12.9%,rgba(0,0,0,0.727) 15.5%,rgba(0,0,0,0.834) 18.2%,rgba(0,0,0,0.915) 21.2%,rgba(0,0,0,0.968) 24.5%,rgba(0,0,0,0.994) 28.1%,rgba(0,0,0,1) 34%),linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.026) 1.6%,rgba(0,0,0,0.096) 3.2%,rgba(0,0,0,0.2) 5%,rgba(0,0,0,0.325) 6.7%,rgba(0,0,0,0.462) 8.6%,rgba(0,0,0,0.6) 10.6%,rgba(0,0,0,0.727) 12.7%,rgba(0,0,0,0.834) 15%,rgba(0,0,0,0.915) 17.5%,rgba(0,0,0,0.968) 20.2%,rgba(0,0,0,0.994) 23.1%,rgba(0,0,0,1) 28%);--crop-composite-wk:source-in;--crop-composite:intersect;--bar-bg:rgba(255,255,255,0.62);--bar-ink:rgba(0,0,0,0.55);--bar-line:rgba(0,0,0,0.08);--panel-tint:rgba(24,24,27,0.66);--a-urge:#5d9095;--a-off:#9f7f5e;--a-lid:#a57269;--a-miss:#9e7384;--a-guilt:#817ca3;--a-anx:#6e88a5;--a-steady:#729475;--a-unsure:#7e7d82}}#page[data-theme=ink]{--r-card:14px;--r-panel:12px;--r-btn:10px;--surf-bw:1px;--surf-blur:none;--card-pad:clamp(26px,3.4vw,52px);--band-pad:clamp(72px,9vw,132px);--rule-w:1px;--display-wght:600;--display-track:-0.020em;--display-lh:1.06;--d-scale:0.94;--eyebrow-tt:uppercase;--eyebrow-ls:0.16em;--lead-lh:1.55;--motion-travel:9px;--dur-page:380ms;--ground:#0a0a0b;--chrome-edge:#121214;--ink:#ececed;--ink-2:#94959a;--ink-3:#5c5d63;--rule:rgba(236,236,237,0.08);--btn:#ececed;--btn-ink:#0a0a0b;--field:radial-gradient(1300px 460px at 50% 104%,rgba(122,162,200,0.20),transparent 74%),linear-gradient(180deg,rgba(255,255,255,0.035),transparent 26%);--field-anim:none;--hero-glow:none;--surf-bg:#111113;--surf-border:rgba(255,255,255,0.065);--surf-shadow:none;--surf-inner:inset 0 1px 0 rgba(255,255,255,0.05),inset 0 -30px 60px -30px rgba(0,0,0,0.75);--card-wash:7%;--shadow:0 24px 54px rgba(0,0,0,0.6);--bezel:#222225;--bezel-2:#313135;--bezel-edge:rgba(255,255,255,0.14);--wall-1:#1b2733;--wall-2:#18222c;--wall-3:#202a35;--wall-4:#141b24;--wall-base:#0c0d10;--bar-bg:rgba(8,8,10,0.62);--bar-ink:rgba(236,236,237,0.6);--bar-line:rgba(255,255,255,0.07);--panel-tint:rgba(20,20,23,0.52);--a-urge:#587898;--a-off:#6281a1;--a-lid:#6b8baa;--a-miss:#7594b3;--a-guilt:#7e9ebc;--a-anx:#88a7c5;--a-steady:#91b1ce;--a-unsure:#9bbad7}@media (prefers-color-scheme:light){#page[data-theme=ink]{--ground:#f7f7f8;--chrome-edge:#f7f7f8;--ink:#0d0d0f;--ink-2:#54555b;--ink-3:#8b8c93;--rule:rgba(13,13,15,0.09);--btn:#0d0d0f;--btn-ink:#f7f7f8;--field:radial-gradient(1300px 460px at 50% 104%,rgba(63,111,158,0.15),transparent 74%),linear-gradient(180deg,rgba(255,255,255,0.85),transparent 22%);--field-anim:none;--hero-glow:none;--surf-bg:#f0f0f2;--surf-border:rgba(13,13,15,0.08);--surf-shadow:none;--surf-inner:inset 0 1px 0 #ffffff,inset 0 -26px 52px -30px rgba(13,13,15,0.14);--card-wash:7%;--shadow:0 20px 44px rgba(13,13,15,0.14);--bezel:#c9c9cd;--bezel-2:#e4e4e8;--bezel-edge:rgba(0,0,0,0.14);--wall-1:#1b2733;--wall-2:#18222c;--wall-3:#202a35;--wall-4:#141b24;--wall-base:#0c0d10;--bar-bg:rgba(255,255,255,0.72);--bar-ink:rgba(13,13,15,0.6);--bar-line:rgba(13,13,15,0.1);--panel-tint:rgba(18,18,21,0.7);--a-urge:#2c4e73;--a-off:#33567c;--a-lid:#395f86;--a-miss:#40678f;--a-guilt:#466f98;--a-anx:#4d77a1;--a-steady:#5380ab;--a-unsure:#5a88b4}}#page[data-theme=slate]{--r-card:16px;--r-panel:12px;--r-btn:10px;--surf-bw:1px;--surf-blur:none;--card-pad:clamp(28px,3.6vw,56px);--band-pad:clamp(78px,10vw,148px);--rule-w:1px;--display-wght:600;--display-track:-0.016em;--display-lh:1.05;--d-scale:0.96;--eyebrow-tt:uppercase;--eyebrow-ls:0.22em;--lead-lh:1.52;--motion-travel:11px;--dur-page:420ms;--ground:#17181b;--chrome-edge:#17181b;--ink:#eef0f2;--ink-2:#9aa0a8;--ink-3:#697079;--rule:rgba(0,0,0,0.42);--btn:#eef0f2;--btn-ink:#17181b;--field:linear-gradient(148deg,rgba(255,255,255,0.07),rgba(255,255,255,0.012) 38%,transparent 62%),linear-gradient(0deg,rgba(0,0,0,0.34),transparent 34%);--field-anim:none;--hero-glow:none;--surf-bg:linear-gradient(180deg,#212328,#1a1c20);--surf-border:rgba(0,0,0,0.55);--surf-shadow:0 20px 44px -16px rgba(0,0,0,0.66);--surf-inner:inset 0 1px 0 rgba(255,255,255,0.10),inset 0 -1px 0 rgba(0,0,0,0.55);--card-wash:9%;--shadow:0 26px 56px rgba(0,0,0,0.6);--bezel:#2a2d32;--bezel-2:#3a3e45;--bezel-edge:rgba(255,255,255,0.16);--wall-1:#2a3038;--wall-2:#262c33;--wall-3:#30363e;--wall-4:#1f242a;--wall-base:#101215;--bar-bg:rgba(18,19,22,0.66);--bar-ink:rgba(238,240,242,0.6);--bar-line:rgba(255,255,255,0.08);--panel-tint:rgba(26,28,32,0.5);--a-urge:#79a5aa;--a-off:#af967d;--a-lid:#b48c86;--a-miss:#ae8c9d;--a-guilt:#9694b6;--a-anx:#879eb8;--a-steady:#8aa790;--a-unsure:#94959b}@media (prefers-color-scheme:light){#page[data-theme=slate]{--ground:#e9eaec;--chrome-edge:#e9eaec;--ink:#15171a;--ink-2:#4f545b;--ink-3:#737981;--rule:rgba(21,23,26,0.16);--btn:#15171a;--btn-ink:#e9eaec;--field:linear-gradient(148deg,rgba(255,255,255,0.9),rgba(255,255,255,0.25) 38%,transparent 62%),linear-gradient(0deg,rgba(21,23,26,0.07),transparent 34%);--field-anim:none;--hero-glow:none;--surf-bg:linear-gradient(180deg,#ffffff,#eff0f2);--surf-border:rgba(21,23,26,0.15);--surf-shadow:0 14px 30px -14px rgba(21,23,26,0.3);--surf-inner:inset 0 1px 0 #ffffff,inset 0 -1px 0 rgba(21,23,26,0.10);--card-wash:9%;--shadow:0 18px 40px rgba(21,23,26,0.2);--bezel:#b9bcc1;--bezel-2:#dcdee2;--bezel-edge:rgba(0,0,0,0.16);--wall-1:#2a3038;--wall-2:#262c33;--wall-3:#30363e;--wall-4:#1f242a;--wall-base:#101215;--bar-bg:rgba(255,255,255,0.74);--bar-ink:rgba(21,23,26,0.6);--bar-line:rgba(21,23,26,0.1);--panel-tint:rgba(24,26,30,0.7);--a-urge:#628f95;--a-off:#998068;--a-lid:#9e7671;--a-miss:#987787;--a-guilt:#807fa0;--a-anx:#7188a2;--a-steady:#74927b;--a-unsure:#7d7f85}}@media (max-width:620px){#page[data-theme=glass]{--ground:#242d3a;--chrome-edge:#242d3a;--field:none;--field-anim:none;--hero-glow:none}#page[data-theme=ink]{--ground:#0b0c0e;--chrome-edge:#0b0c0e;--field:none;--field-anim:none}#page[data-theme=slate]{--chrome-edge:#17181b;--field:none;--field-anim:none}}@media (max-width:620px) and (prefers-color-scheme:light){#page[data-theme=glass]{--ground:#dfe6eb;--chrome-edge:#dfe6eb}#page[data-theme=ink]{--ground:#f4f5f7;--chrome-edge:#f4f5f7}#page[data-theme=slate]{--chrome-edge:#e9eaec}}#page{position:relative;background:var(--ground);color:var(--ink);padding-top:7px}#page:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:var(--field,none);animation:var(--field-anim,none)}@media (max-width:620px){#page:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(to bottom,var(--chrome-edge) 0,color-mix(in srgb,var(--chrome-edge) 86%,transparent) 18px,color-mix(in srgb,var(--chrome-edge) 52%,transparent) 56px,color-mix(in srgb,var(--chrome-edge) 20%,transparent) 104px,transparent 160px),linear-gradient(to top,var(--chrome-edge) 0,color-mix(in srgb,var(--chrome-edge) 88%,transparent) 24px,color-mix(in srgb,var(--chrome-edge) 55%,transparent) 88px,color-mix(in srgb,var(--chrome-edge) 22%,transparent) 160px,transparent 250px)}.hdrInner:before{background:color-mix(in srgb,var(--chrome-edge) 58%,transparent)}}@keyframes fieldDrift{0%{transform:translate3d(-2.6%,-1.8%,0) scale(1.1)}to{transform:translate3d(2.6%,1.8%,0) scale(1.16)}}#page>:not(.hdr){z-index:1}#page>:not(.hdr),.band,.stageWrap{position:relative}.band{padding:var(--band-pad,clamp(88px,12vw,176px)) 0}.band--alt{background:none}.stepBand{padding:clamp(14px,1.6vw,26px) 0}.band+.band:not(.stepBand):before,.stepBand--first:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(1300px,100% - 48px);height:1px;background:var(--rule)}#page[data-theme=slate] .band+.band:not(.stepBand):before,#page[data-theme=slate] .stepBand--first:before{box-shadow:0 1px 0 rgba(255,255,255,.05)}.stepBand:not(.stepBand--first):before{content:none}.stepBand--first{padding-top:clamp(50px,6vw,92px)}.stepBand--last{padding-bottom:clamp(50px,6vw,92px)}.stepCard{position:relative;overflow:hidden;border-radius:var(--r-card);border:var(--surf-bw) solid var(--surf-border);background:radial-gradient(120% 90% at 88% 0,color-mix(in srgb,var(--c,var(--ink)) var(--card-wash,10%),transparent),transparent 62%),var(--surf-bg);-webkit-backdrop-filter:var(--surf-blur,none);backdrop-filter:var(--surf-blur,none);padding:var(--card-pad,clamp(30px,4.2vw,66px));box-shadow:var(--surf-shadow),var(--surf-inner)}#page[data-theme=glass] .stepCard:before{content:"";position:absolute;inset:0 0 auto;height:120px;pointer-events:none;background:linear-gradient(180deg,var(--lip,color-mix(in srgb,var(--ink) 7%,transparent)),transparent)}.wrap{width:min(1180px,100% - 56px);margin:0 auto}.hero .wrap{width:min(1300px,100% - 48px)}.hero:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:var(--hero-glow,none)}.hero>.wrap{z-index:1}@media (max-width:600px){.wrap{width:calc(100% - 32px)}}.d1{font-size:calc(clamp(2.85rem, 6.4vw, 5.2rem) * var(--d-scale, 1))}.d1,.d2{font-family:var(--display);font-weight:var(--display-wght);line-height:var(--display-lh);letter-spacing:var(--display-track);text-wrap:balance;margin:0}.d2{font-size:calc(clamp(2.3rem, 5.3vw, 4.2rem) * var(--d-scale, 1))}.d1 em,.d2 em{font-style:normal;font-weight:400;font-stretch:92%;color:var(--ink-2)}.heroCopy,.stepGrid>div:not(.stepViz){container-type:inline-size}.stepBand .wrap{width:min(1300px,100% - 48px)}@container (min-width: 1px){.d1{font-size:calc(clamp(2.6rem, 13cqi, 5.2rem) * var(--d-scale, 1))}.d2{font-size:calc(clamp(2rem, 11.5cqi, 4.2rem) * var(--d-scale, 1))}}.lead{max-width:40ch;margin:26px 0 0;font-size:clamp(1.06rem,1.3vw,1.25rem);line-height:var(--lead-lh,1.5);color:var(--ink-2);text-wrap:pretty}.lead b{color:var(--ink);font-weight:600}.tag{font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:var(--eyebrow-ls,.2em);text-transform:var(--eyebrow-tt,uppercase);color:var(--ink-3);margin:0 0 22px}.wm{display:block;aspect-ratio:3108/564;color:var(--ink);width:180px}.altMac,.devIos{display:none!important}.altIos,.devMac{display:revert}@media (max-width:1024px){.altMac,.devIos{display:revert!important}.altIos,.devMac{display:none!important}}#page[data-device=ios] .altMac,#page[data-device=ios] .devIos{display:revert!important}#page[data-device=ios] .altIos,#page[data-device=ios] .devMac{display:none!important}#page[data-device=mac] .altIos,#page[data-device=mac] .devMac{display:revert!important}#page[data-device=mac] .altMac,#page[data-device=mac] .devIos{display:none!important}.hdr{position:-webkit-sticky;position:sticky;top:14px;z-index:30;background:none;height:76px}.hdrInner{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:62px;padding-inline:clamp(10px,1.6vw,22px);border-radius:var(--r-btn,999px)}.hdrInner:before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;border:1px solid var(--rule);background:color-mix(in srgb,var(--ground) 58%,transparent);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);box-shadow:0 12px 34px rgba(0,0,0,.22);opacity:0;pointer-events:none;transition:opacity .22s var(--ease-out)}.hdrInner>*{position:relative;z-index:1}.hdr.stuck .hdrInner:before{opacity:1}.hdrMark{display:flex;align-items:center;gap:13px;justify-self:center;text-decoration:none;color:var(--ink);transform-origin:50% 50%;transition:transform .26s var(--ease-out)}.hdr.stuck .hdrMark{transform:scale(.8)}.hdrMark i{width:40px;height:40px;background:var(--logo) center /contain no-repeat;flex:0 0 auto}.hdrMark .wm{width:158px}@media (max-width:620px){#page{padding-top:5px}.hdr{height:72px}.hdr.stuck .hdrMark,.hdrMark{transform:scale(.8)}}.hdrLeft,.hdrRight{display:flex;gap:4px}.hdrRight{justify-content:flex-end}.hdrGet{display:inline-flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;align-items:center;border:1px solid transparent;border-radius:999px;padding:9px 15px;background:var(--btn);color:var(--btn-ink);font-family:var(--sans);font-size:13px;font-weight:600;cursor:pointer}.hdrGet .hgIos{display:none}@media (max-width:860px){.hdrGet .hgMac{display:none}.hdrGet .hgIos{display:inline}}.hdrLink{font-size:13.5px;color:var(--ink-2);text-decoration:none;padding:14px 10px}.hdrLink:hover{color:var(--ink)}@media (max-width:860px){.hdrLeft{display:none}.hdrInner{grid-template-columns:1fr auto}.hdrMark{justify-self:start;transform-origin:0 50%}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:16px 30px;border:1px solid transparent;border-radius:var(--r-btn,999px);background:var(--btn);color:var(--btn-ink);font-size:15px;font-weight:600;text-decoration:none;transition:transform var(--dur-press) var(--spring-press),opacity .16s ease}.btn:hover{transform:translateY(-2px);opacity:.92}.btn:active{transform:scale(.97)}.heroCta{margin-top:30px}.ctaDesk{order:1}.ctaIos{order:2;background:none;color:var(--ink);border-color:color-mix(in srgb,var(--ink) 32%,transparent)}.ctaIos:hover{border-color:color-mix(in srgb,var(--ink) 55%,transparent);opacity:1}@media (max-width:1024px){.ctaIos{order:1;background:var(--btn);color:var(--btn-ink);border-color:transparent}.ctaDesk{order:2;background:none;color:var(--ink);border-color:color-mix(in srgb,var(--ink) 32%,transparent)}}#page[data-device=ios] .ctaIos{order:1!important;background:var(--btn)!important;color:var(--btn-ink)!important;border-color:transparent!important}#page[data-device=ios] .ctaDesk{order:2!important;background:none!important;color:var(--ink)!important;border-color:color-mix(in srgb,var(--ink) 32%,transparent)!important}#page[data-device=mac] .ctaDesk{order:1!important;background:var(--btn)!important;color:var(--btn-ink)!important;border-color:transparent!important}#page[data-device=mac] .ctaIos{order:2!important;background:none!important;color:var(--ink)!important;border-color:color-mix(in srgb,var(--ink) 32%,transparent)!important}.ctaIos .ap{display:none}@media (max-width:1024px){.ctaIos .ap{display:inline-block}.ctaDesk .ap{display:none}}#page[data-device=ios] .ctaIos .ap{display:inline-block!important}#page[data-device=ios] .ctaDesk .ap{display:none!important}#page[data-device=mac] .ctaDesk .ap{display:inline-block!important}#page[data-device=mac] .ctaIos .ap{display:none!important}.btn .ap{width:16px;height:16px;margin-top:-2px;fill:currentColor;stroke:none}.ctaDesk .btnGet,.ctaIos .btnDl{display:none}.ctaDesk .btnDl,.ctaIos .btnGet{display:inline}@media (max-width:1024px){.ctaDesk .btnDl,.ctaIos .btnGet{display:none}.ctaDesk .btnGet,.ctaIos .btnDl{display:inline}}#page[data-device=ios] .ctaDesk .btnDl,#page[data-device=ios] .ctaIos .btnGet{display:none!important}#page[data-device=ios] .ctaDesk .btnGet,#page[data-device=ios] .ctaIos .btnDl{display:inline!important}#page[data-device=mac] .ctaDesk .btnGet,#page[data-device=mac] .ctaIos .btnDl{display:none!important}#page[data-device=mac] .ctaDesk .btnDl,#page[data-device=mac] .ctaIos .btnGet{display:inline!important}.getCta{display:flex;gap:12px;flex-wrap:wrap}.getCta .btn{box-sizing:border-box;width:min(300px,100%)}@media (max-width:1024px){.hero .getCta{justify-content:center}}.footer .getCta{justify-content:center;margin-top:30px}.duoLite{position:relative;width:min(100%,620px);container-type:inline-size}.duoLite .mbp{width:86%;margin-left:auto;opacity:0}.duoLite .mbpScreen{container-type:inline-size}.duoLite .mbpScreen .wall{filter:hue-rotate(-70deg) saturate(1.15)}.duoLite .macPanel{width:42%;right:4.2%;top:24px;--k:0.532}@media (max-width:1279px){.duoLite .macPanel{--k:0.465}}@media (max-width:999px){.duoLite .macPanel{--k:0.393}}@media (max-width:620px){.duoLite .mbp{width:100%}.duoLite .macPanel{width:47%;top:12px;--k:0.41}}@media (max-width:452px){.duoLite .macPanel{--k:0.35}}@media (max-width:415px){.duoLite .macPanel{--k:0.33}}@media (max-width:388px){.duoLite .macPanel{--k:0.30}}@media (max-width:344px){.duoLite .macPanel{--k:0.25}}.dlPhone2{position:absolute;z-index:3;left:0;bottom:-2%;width:250px;pointer-events:none;opacity:0;--ps:0.744}@media (max-width:1279px){.dlPhone2{--ps:0.65}}@media (max-width:999px){.dlPhone2{--ps:0.55}}@media (max-width:620px){.dlPhone2{--ps:0.44}}@media (max-width:452px){.dlPhone2{--ps:0.38}}@media (max-width:415px){.dlPhone2{--ps:0.35}}@media (max-width:388px){.dlPhone2{--ps:0.32}}@media (max-width:344px){.dlPhone2{--ps:0.27}}.dlPhone2 .iosShell,.dlPhone2.iosScene:hover .iosShell{width:100%;transform:scale(var(--ps)) rotateX(6deg) rotateY(-12deg) rotate(1deg);transform-origin:0 100%}.reachStage.in .mbp{animation:dlIn .7s var(--spring-settle) both}.reachStage.in .dlPhone2{animation:dlInP .7s var(--spring-settle) .17s both}@keyframes dlIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes dlInP{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}.sheetWrap{inset:0}#page>.sheetWrap,.sheetWrap{position:fixed;z-index:60}.sheetWrap[hidden]{display:none}.sheetScrim{position:absolute;inset:0;background:rgba(0,0,0,.45);opacity:0;transition:opacity .24s var(--ease-out)}.sheet{left:50%;bottom:0;transform:translate(-50%,104%);width:min(480px,100%);box-sizing:border-box;border-radius:22px 22px 0 0;padding:14px 22px 30px;background:var(--ground);border:1px solid var(--rule);border-bottom:0;box-shadow:0 -18px 60px rgba(0,0,0,.35);transition:transform .32s var(--ease-out),opacity .24s var(--ease-out)}.sheet,.sheetX{position:absolute}.sheetX{top:14px;right:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;width:30px;height:30px;border-radius:50%;background:color-mix(in srgb,var(--ink) 9%,transparent);color:var(--ink-2);font:500 15px/30px var(--sans);cursor:pointer}.sheetX:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 15%,transparent)}.sheetWrap.open .sheetScrim{opacity:1}.sheetWrap.open .sheet{transform:translate(-50%)}@media (min-width:720px){.sheet{bottom:auto;top:50%;width:min(440px,92vw);border-radius:22px;border-bottom:1px solid var(--rule);padding:26px 26px 28px;box-shadow:0 30px 90px rgba(0,0,0,.5);opacity:0;transform:translate(-50%,-46%) scale(.96)}.sheetWrap.open .sheet{opacity:1;transform:translate(-50%,-50%) scale(1)}.sheet .sheetGrip{display:none}}.sheetGrip{display:block;width:38px;height:5px;border-radius:999px;background:color-mix(in srgb,var(--ink) 22%,transparent);margin:0 auto 18px}.sheetTitle{margin:0;font-family:var(--display);font-weight:var(--display-wght,700);font-size:1.35rem;letter-spacing:-.02em;color:var(--ink)}.sheetLede{margin:6px 0 18px;font-size:14px;color:var(--ink-2)}.sheetBig{width:100%;justify-content:center;box-sizing:border-box}.sheetWrap:not([data-intent=ios]) .slIos,.sheetWrap[data-intent=ios] .slDesk{display:none!important}.sheetDiv{display:flex;align-items:center;gap:12px;margin:20px 0 14px;font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.sheetDiv:after,.sheetDiv:before{content:"";height:1px;flex:1 1;background:var(--rule)}.sheetForm{display:flex;gap:8px}.sheetInput{flex:1 1;min-width:0;height:46px;padding:0 16px;border-radius:999px;border:1px solid var(--rule);background:transparent;color:var(--ink);font:inherit;font-size:14px}.sheetInput::placeholder{color:var(--ink-3)}.sheetInput:focus{outline:none;border-color:color-mix(in srgb,var(--ink) 40%,transparent)}.sheetSend{padding:0 20px;height:46px}.sheetSent{margin:14px 0 0;font-size:14px;color:var(--a-steady)}.sheetMac{display:inline-block;margin-top:16px;font-size:13.5px;color:var(--ink-2);text-decoration:underline;text-underline-offset:3px}.sheetMac:hover{color:var(--ink)}.hero{padding-top:clamp(34px,5vh,70px);overflow:hidden}.heroGrid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);grid-gap:clamp(26px,4vw,60px);gap:clamp(26px,4vw,60px);align-items:center}@media (max-width:1024px){.heroGrid{grid-template-columns:minmax(0,1fr);text-align:center}.hero .lead{margin-inline:auto}.heroStage{margin-top:10px}}.app{--k:1}.tGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:calc(8px * var(--k));gap:calc(8px * var(--k))}.tile{position:relative;display:flex;flex-direction:column;height:calc(88px * var(--k));padding:calc(11px * var(--k)) calc(12px * var(--k));border-radius:calc(13px * var(--k));background:rgba(120,120,128,.26);border:1px solid rgba(235,235,245,.14);transition:background .14s var(--ease-out),border-color .14s var(--ease-out),transform var(--dur-press) var(--spring-press);overflow:hidden;text-align:left}.tile:hover{background:rgba(120,120,128,.42);border-color:rgba(235,235,245,.22)}.tileTop{display:flex;align-items:flex-start;justify-content:space-between}.tileSym{color:var(--c);flex:0 0 auto;display:block}.tileSym svg{width:calc(var(--sym, 15px) * var(--k));height:calc(var(--sym, 15px) * var(--k));display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.tileNum{font-size:calc(10px * var(--k));font-weight:500;color:rgba(235,235,245,.42);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tileLabel{margin-top:auto;font-size:calc(14px * var(--k));font-weight:600;letter-spacing:-.012em;color:#f5f5f7}.tileHint,.tileLabel{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tileHint{font-size:calc(11px * var(--k));color:#b4b4ba;margin-top:calc(1px * var(--k))}[data-stage="3"] .tile[data-hit],[data-stage="4"] .tile[data-hit]{background:rgba(120,120,128,.42);border-color:rgba(235,235,245,.22);transform:scale(.975)}.tIos{gap:calc(10px * var(--k))}.tIos .tile{height:calc(92px * var(--k));border-radius:calc(20px * var(--k));padding:calc(12px * var(--k)) calc(13px * var(--k));background:rgba(120,120,128,.2);border-color:rgba(235,235,245,.11);--sym:23px}.tIos .tileLabel{font-size:calc(15px * var(--k));letter-spacing:-.2px}.tIos .tileHint{font-size:calc(11.5px * var(--k));color:rgba(235,235,245,.42)}.card{border-radius:calc(15px * var(--k));background:rgba(44,44,46,.34);border:1px solid rgba(235,235,245,.14);padding:calc(18px * var(--k));text-align:left}.cardTitle{font-family:var(--sans);font-size:calc(23px * var(--k));font-weight:600;letter-spacing:-.02em;line-height:1.12;color:#f5f5f7;margin:0}.cardLede{font-size:calc(14px * var(--k));font-weight:500;color:var(--c);margin:calc(6px * var(--k)) 0 0}.cardSteps{list-style:none;margin:calc(16px * var(--k)) 0 0;padding:0;display:grid;grid-gap:calc(10px * var(--k));gap:calc(10px * var(--k))}.cardSteps li{display:grid;grid-template-columns:calc(4px * var(--k)) minmax(0,1fr);grid-gap:calc(9px * var(--k));gap:calc(9px * var(--k));font-size:calc(14px * var(--k));line-height:1.45;color:rgba(245,245,247,.94)}.cardSteps li:before{content:"";width:calc(4px * var(--k));height:calc(4px * var(--k));border-radius:50%;background:rgba(245,245,247,.28);margin-top:calc(7px * var(--k))}.pHead{font-family:var(--sans);font-size:calc(15px * var(--k));font-weight:600;color:#f5f5f7;padding:calc(15px * var(--k)) calc(16px * var(--k)) calc(13px * var(--k))}.pFoot{display:flex;align-items:center;gap:calc(5px * var(--k));padding:calc(12px * var(--k)) calc(16px * var(--k)) 0;font-size:calc(11px * var(--k));color:rgba(235,235,245,.42)}.kc{display:inline-grid;place-items:center;min-width:calc(15px * var(--k));height:calc(15px * var(--k));padding:0 calc(3px * var(--k));border-radius:calc(4px * var(--k));background:rgba(120,120,128,.26);border:1px solid rgba(235,235,245,.14);font-size:calc(10px * var(--k));font-weight:500;color:#b4b4ba}.pFootIcons{margin-left:auto;display:flex;gap:calc(6px * var(--k));color:rgba(235,235,245,.42)}.pFootIcons svg{width:calc(12px * var(--k));height:calc(12px * var(--k));fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.deckBar{display:flex;align-items:center;gap:calc(8px * var(--k));padding:calc(13px * var(--k)) calc(14px * var(--k)) calc(11px * var(--k))}.deckBack{display:inline-flex;align-items:center;gap:calc(5px * var(--k));padding:calc(5px * var(--k)) calc(9px * var(--k));border-radius:999px;background:rgba(120,120,128,.26);border:1px solid rgba(235,235,245,.14);font-size:calc(12px * var(--k));font-weight:500;color:#b4b4ba}.deckBack .tileSym svg{width:calc(11px * var(--k));height:calc(11px * var(--k))}.deckCount{margin-left:auto;font-size:calc(11px * var(--k));color:rgba(235,235,245,.42);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.wall{pointer-events:none;background:radial-gradient(98% 78% at 76% -12%,color-mix(in srgb,var(--wall-1) 78%,#fff),transparent 58%),radial-gradient(70% 46% at 96% 34%,color-mix(in srgb,var(--wall-2) 70%,transparent),transparent 64%),radial-gradient(120% 62% at 14% 118%,color-mix(in srgb,var(--wall-3) 78%,transparent),transparent 58%),linear-gradient(166deg,var(--wall-4) 0,var(--wall-base) 56%,color-mix(in srgb,var(--wall-base) 62%,#000) 100%)}.wall,.wall:after{position:absolute;inset:0}.wall:after{content:"";background:radial-gradient(116% 92% at 52% 38%,transparent 48%,rgba(0,0,0,.3) 100%)}.macCorner{--mk:tan(atan2(100cqi,620px));aspect-ratio:1/.92;container-type:inline-size;padding:clamp(14px,2.6cqi,30px) clamp(14px,2.6cqi,30px) 0 0;border-radius:0 clamp(26px,4.4cqi,52px) 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--bezel-2) 46%,#fff) 0 1.6px,transparent 1.6px),linear-gradient(200deg,var(--bezel-2) 0,var(--bezel) 38%,color-mix(in srgb,var(--bezel) 86%,#000) 100%);box-shadow:var(--shadow);-webkit-mask-image:var(--crop-fade,radial-gradient(112% 108% at 99% 1%,#000 44%,rgba(0,0,0,.84) 66%,transparent 94%));mask-image:var(--crop-fade,radial-gradient(112% 108% at 99% 1%,#000 44%,rgba(0,0,0,.84) 66%,transparent 94%));-webkit-mask-composite:var(--crop-composite-wk,source-over);mask-composite:var(--crop-composite,add)}.macCorner,.mcFrame{position:relative;width:100%}.mcFrame{height:100%;overflow:hidden;border-radius:0 calc(13px * var(--mk, 1)) 0 0;background:#000;box-shadow:inset 0 0 0 1px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.05)}.macCorner:after{content:"";position:absolute;inset:0;z-index:9;pointer-events:none;border-radius:inherit;background:linear-gradient(118deg,rgba(255,255,255,.075),rgba(255,255,255,.022) 22%,transparent 46%)}.mcFrame .macBar{height:calc(26px * var(--mk));font-size:calc(10.5px * var(--mk));padding:0 calc(12px * var(--mk));gap:calc(11px * var(--mk))}.mcFrame .macBarIcon{width:calc(17px * var(--mk));height:calc(17px * var(--mk))}.macBarDot{width:calc(10.5px * var(--mk, 1));aspect-ratio:1;border-radius:calc(3px * var(--mk, 1));background:color-mix(in srgb,var(--bar-ink) 32%,transparent);flex:0 0 auto}.mcFrame .macPanel{width:53%;right:3.4%;top:calc(30px * var(--mk));--k:tan(atan2(53cqi,384px))}.mcFrame .wall{transform:scale(2.2);transform-origin:80% 10%}.mbp{width:100%}.mbpBody{transition:transform .7s var(--ease-out)}.mbp:hover .mbpBody{transform:translateY(-5px)}.mbpLid{padding:10px 10px 12px;border-radius:15px 15px 4px 4px;background:linear-gradient(180deg,color-mix(in srgb,var(--bezel-2) 48%,#fff) 0 1.2px,transparent 1.2px),linear-gradient(90deg,color-mix(in srgb,var(--bezel) 66%,#000) 0 2px,transparent 2px,transparent calc(100% - 2px),color-mix(in srgb,var(--bezel) 66%,#000) calc(100% - 2px)),linear-gradient(180deg,var(--bezel-2) 0,var(--bezel) 34%,color-mix(in srgb,var(--bezel) 84%,#000) 100%);border:1px solid var(--bezel-edge);border-bottom:0;box-shadow:var(--shadow),inset 0 0 0 1px rgba(255,255,255,.05)}.mbpLid,.mbpScreen{position:relative;width:100%}.mbpScreen{aspect-ratio:16/10.35;border-radius:7px;overflow:hidden;background:#000;box-shadow:inset 0 0 0 1px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.05)}.mbpScreen:after{content:"";position:absolute;inset:0;z-index:9;pointer-events:none;background:linear-gradient(116deg,rgba(255,255,255,.085),rgba(255,255,255,.028) 20%,transparent 42%,transparent)}.mbpNotch{position:absolute;z-index:7;top:0;left:50%;transform:translateX(-50%);width:21%;height:3.6%;border-radius:0 0 8px 8px;background:#000}.mbpHinge{position:relative;height:6px;margin:0 7.2%;background:linear-gradient(180deg,color-mix(in srgb,var(--bezel) 38%,#000),color-mix(in srgb,var(--bezel) 76%,#000))}.mbpBase{position:relative;width:109%;left:-4.5%;aspect-ratio:109/4.3;margin:0 auto;border-radius:0 0 3.4% 3.4%/0 0 86% 86%;background:linear-gradient(180deg,color-mix(in srgb,var(--bezel-2) 55%,#fff) 0 1.4px,var(--bezel-2) 1.4px,var(--bezel) 52%,color-mix(in srgb,var(--bezel) 58%,#000) 100%);-webkit-clip-path:polygon(3.4% 0,96.6% 0,100% 62%,98.9% 100%,1.1% 100%,0 62%);clip-path:polygon(3.4% 0,96.6% 0,100% 62%,98.9% 100%,1.1% 100%,0 62%)}.mbpBase:after{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:13%;height:30%;border-radius:0 0 999px 999px;background:linear-gradient(180deg,color-mix(in srgb,var(--bezel) 34%,#000),color-mix(in srgb,var(--bezel) 62%,#000))}.mbpShadow{height:44px;margin:0 4%;border-radius:50%;background:radial-gradient(46% 62% at 50% 0,rgba(0,0,0,.62),rgba(0,0,0,.24) 46%,transparent 76%);transform:translateY(-6px);filter:blur(2px)}.macBar{position:relative;z-index:3;display:flex;align-items:center;gap:12px;height:24px;padding:0 11px;background:var(--bar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--bar-line);font-size:9.5px;color:var(--bar-ink)}.macBarSpacer{flex:1 1}.macBarIcon{position:relative;width:15px;height:15px;border-radius:4px;background:var(--logo) center /contain no-repeat;transition:background-color .16s var(--ease-out),box-shadow .16s var(--ease-out)}[data-stage="2"] .macBarIcon,[data-stage="3"] .macBarIcon,[data-stage="4"] .macBarIcon{background-color:rgba(120,120,128,.42);box-shadow:0 0 0 3px rgba(120,120,128,.42)}.macPanel{position:absolute;z-index:4;top:29px;right:5.5%;width:30%;aspect-ratio:384/500;--k:0.72;overflow:hidden;border-radius:calc(18px * var(--k));background:var(--panel-tint);-webkit-backdrop-filter:blur(26px) saturate(150%);backdrop-filter:blur(26px) saturate(150%);border:1px solid rgba(235,235,245,.14);box-shadow:0 26px 60px rgba(0,0,0,.5);padding-bottom:calc(10px * var(--k));opacity:0;transform:scale(.94) translateY(-6px);transform-origin:86% 0;transition:opacity .18s var(--ease-out),transform var(--dur-lift) var(--spring-lift)}[data-stage="2"] .macPanel,[data-stage="3"] .macPanel,[data-stage="4"] .macPanel{opacity:1;transform:none}.macPanel .tGrid{padding:0 calc(12px * var(--k))}.macDeck{position:absolute;inset:0;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .16s var(--ease-out)}[data-stage="4"] .macDeck{opacity:1}[data-stage="4"] .macGrid{opacity:0;transition:opacity .12s var(--ease-out)}.macGrid{transition:opacity .16s var(--ease-out) 80ms}.macDeck .card{flex:1 1;margin:0 calc(12px * var(--k))}[data-stage="4"] .macDeck .card{animation:deckIn .2s var(--ease-out) both}@keyframes deckIn{0%{opacity:0;transform:translateX(calc(22px * var(--k)))}to{opacity:1;transform:none}}.macDock{position:absolute;z-index:3;left:50%;bottom:6px;transform:translateX(-50%);display:flex;gap:5px;padding:4px 7px;border-radius:10px;background:var(--bar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--bar-line)}.macDock i{width:15px;height:15px;border-radius:4px;background:color-mix(in srgb,var(--bar-ink) 22%,transparent)}.macDock i:nth-child(2){background:var(--logo) center /contain no-repeat}.cursor{position:absolute;z-index:6;left:40%;top:70%;width:13px;height:13px;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));transition:left .62s var(--ease-out),top .62s var(--ease-out),transform .12s var(--ease-out)}.cursor svg{display:block;width:100%;height:100%}[data-stage="1"] .cursor,[data-stage="2"] .cursor{left:92%;top:2.4%}[data-stage="3"] .cursor,[data-stage="4"] .cursor{left:73%;top:26%}[data-stage="2"] .cursor,[data-stage="4"] .cursor{transform:scale(.88)}.iosScene{perspective:1500px}.iosShell{--k:0.8;position:relative;width:min(300px,74vw);aspect-ratio:9/19.2;margin:0 auto;border-radius:50px;background:linear-gradient(160deg,var(--bezel-2),var(--bezel));border:1px solid var(--bezel-edge);box-shadow:inset 0 0 0 2px rgba(0,0,0,.4),var(--shadow);padding:9px;transform:rotateX(6deg) rotateY(-12deg) rotate(1deg);transition:transform .9s var(--ease-out)}.iosScene:hover .iosShell{transform:rotateX(2deg) rotateY(-4deg)}.iosShell:after{content:"";position:absolute;inset:0;border-radius:50px;pointer-events:none;z-index:8;background:linear-gradient(112deg,rgba(255,255,255,.16),rgba(255,255,255,.05) 16%,transparent 34%,transparent 72%,rgba(255,255,255,.07))}.iosScreen{position:relative;width:100%;height:100%;border-radius:42px;overflow:hidden;background:#000;display:flex;flex-direction:column}.iosIsland{position:absolute;z-index:5;top:9px;left:50%;transform:translateX(-50%);width:78px;height:22px;border-radius:999px;background:#000}.iosStatus{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:13px 20px 2px;font-size:11px;font-weight:600;color:#fff}.iosStatus i{display:inline-flex;gap:2px;align-items:flex-end}.iosStatus i b{width:3px;border-radius:1px;background:rgba(235,235,245,.62)}.iosStatus i b:first-child{height:4px}.iosStatus i b:nth-child(2){height:6px}.iosStatus i b:nth-child(3){height:9px}.iosNav{position:relative;z-index:3;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:calc(44px * var(--k));padding:0 calc(14px * var(--k))}.iosNav .wm{width:calc(124px * var(--k));color:#fff;justify-self:center}.iosNav svg.gl{width:calc(19px * var(--k));height:calc(19px * var(--k));fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.iosNav .r{justify-self:end}.iosCaps{position:relative;z-index:2;display:flex;gap:calc(8px * var(--k));padding:calc(16px * var(--k)) calc(16px * var(--k)) calc(14px * var(--k));overflow:hidden}.iosCap{height:calc(34px * var(--k));border-radius:calc(17px * var(--k));padding:0 calc(15px * var(--k));display:inline-flex;align-items:center;background:rgba(120,120,128,.2);border:1px solid rgba(235,235,245,.11);font-size:calc(14px * var(--k));font-weight:500;color:rgba(235,235,245,.62);white-space:nowrap}.iosCap.on{background:rgba(255,255,255,.16);color:#fff;font-weight:600}.iosCap.plus{padding:0 calc(12px * var(--k))}.iosCap.plus svg{width:calc(13px * var(--k));height:calc(13px * var(--k));fill:none;stroke:rgba(235,235,245,.62);stroke-width:1.9;stroke-linecap:round}.iosBody{position:relative;z-index:2;flex:1 1;padding:0 calc(16px * var(--k))}.iosHome{z-index:6;bottom:7px;left:50%;transform:translateX(-50%);width:100px;height:5px;border-radius:999px;background:rgba(235,235,245,.5)}.iosHome,.touch{position:absolute}.touch{z-index:5;width:40px;height:40px;border-radius:50%;left:24%;top:46%;border:1.5px solid rgba(255,255,255,.9);background:rgba(255,255,255,.16);opacity:0;transform:scale(.35);pointer-events:none}[data-stage="3"] .touch{animation:touchIn .52s var(--ease-out) both}@keyframes touchIn{0%{opacity:0;transform:scale(.35)}35%{opacity:1}to{opacity:0;transform:scale(1.1)}}.iosDeck{position:absolute;z-index:4;left:calc(16px * var(--k));right:calc(16px * var(--k));top:calc(30px + 48px * var(--k));opacity:0;transform:translateY(calc(12px * var(--k)));transition:opacity .2s var(--ease-out),transform var(--dur-lift) var(--spring-lift);pointer-events:none}.iosDeck .deckBar{padding:calc(4px * var(--k)) 0 calc(10px * var(--k))}[data-stage="4"] .iosDeck{opacity:1;transform:none}.iosBody,.iosCaps{transition:opacity .16s var(--ease-out)}[data-stage="4"] .iosBody,[data-stage="4"] .iosCaps{opacity:0}.hsBody{position:relative;z-index:2;flex:1 1;display:flex;flex-direction:column;justify-content:space-between;gap:calc(15px * var(--k));padding:calc(15px * var(--k)) calc(18px * var(--k)) 0}.hsWidget{position:relative;overflow:hidden;padding:calc(10px * var(--k));border-radius:calc(22px * var(--k));background:radial-gradient(96% 84% at 26% 16%,color-mix(in srgb,#6fb0b5 62%,transparent),transparent 66%),radial-gradient(92% 82% at 80% 84%,color-mix(in srgb,#9c97c6 62%,transparent),transparent 64%),#000;box-shadow:0 calc(8px * var(--k)) calc(22px * var(--k)) rgba(0,0,0,.46)}.wgGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:calc(7px * var(--k));gap:calc(7px * var(--k))}.wgTile{display:flex;flex-direction:column;overflow:hidden;height:calc(48px * var(--k));padding:calc(8px * var(--k)) calc(9px * var(--k));border-radius:calc(14px * var(--k));background:rgba(120,120,128,.22);border:1px solid rgba(235,235,245,.16)}.wgTile svg{width:calc(15px * var(--k));height:calc(15px * var(--k));display:block;color:var(--c);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.wgTile b{margin-top:auto;font-size:calc(10.5px * var(--k));font-weight:600;letter-spacing:-.01em;color:#f5f5f7}.wgTile b,.wgTile u{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wgTile u{text-decoration:none;margin-top:calc(1px * var(--k));font-size:calc(8.5px * var(--k));color:rgba(235,235,245,.6)}.hsSmall{aspect-ratio:1}.hsSmall .wgTile{height:100%;padding:calc(11px * var(--k)) calc(12px * var(--k));border-radius:calc(17px * var(--k))}.hsSmall .wgTile svg{width:calc(23px * var(--k));height:calc(23px * var(--k))}.hsSmall .wgTile b{font-size:calc(12px * var(--k))}.hsQuad,.hsRow{display:grid;grid-template-columns:1fr 1fr;grid-gap:calc(15px * var(--k));gap:calc(15px * var(--k))}.hsQuad{align-content:space-between}.hsIcons{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:calc(15px * var(--k));gap:calc(15px * var(--k))}.hsIcon{display:block;aspect-ratio:1;border-radius:24%;background:linear-gradient(155deg,var(--g1,#2f333c),var(--g2,#1e2128));box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 calc(4px * var(--k)) calc(9px * var(--k)) rgba(0,0,0,.3)}.hsIconApp{background:var(--appicon) center /cover no-repeat}.hsDots{position:relative;z-index:2;display:flex;justify-content:center;gap:calc(6px * var(--k));padding:calc(14px * var(--k)) 0 calc(11px * var(--k))}.hsDots i{width:calc(5px * var(--k));height:calc(5px * var(--k));border-radius:50%;background:rgba(235,235,245,.32)}.hsDots i.on{background:rgba(255,255,255,.88)}.hsDock{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:calc(13px * var(--k));gap:calc(13px * var(--k));padding:calc(11px * var(--k));margin:0 calc(11px * var(--k)) calc(22px * var(--k));border-radius:calc(27px * var(--k));background:rgba(120,120,128,.22);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}@media (max-width:1024px){.heroStage .iosShell{aspect-ratio:9/13.4;-webkit-mask-image:linear-gradient(#000 62%,transparent 86%);mask-image:linear-gradient(#000 62%,transparent 86%);box-shadow:none}.heroStage .iosShell,.heroStage .iosShell:after{border-radius:50px 50px 0 0}.heroStage .iosScreen{border-radius:42px 42px 0 0}.heroStage .iosHome{display:none}}@media (max-width:620px){.heroStage .iosShell{width:min(272px,72vw)}}.stepBand{border-top:1px solid var(--rule)}.stepGrid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);grid-gap:clamp(32px,6vw,90px);gap:clamp(32px,6vw,90px);align-items:center}.stepGrid--wide{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}@media (max-width:900px){.stepGrid,.stepGrid--wide{grid-template-columns:minmax(0,1fr)}}.stepNum{display:flex;align-items:baseline;gap:clamp(14px,2cqi,22px);margin:0 0 clamp(18px,2.4cqi,30px)}.stepNum b{font-family:var(--display);font-weight:700;font-size:clamp(2rem,5.6cqi,3.2rem);line-height:.9;letter-spacing:-.06em;color:var(--c,var(--ink-3))}#page[data-theme=ink] .stepNum b{font-family:var(--mono);font-weight:500;font-size:clamp(.86rem,1.5cqi,1rem);letter-spacing:.16em}#page[data-theme=ink] .stepNum{margin-bottom:clamp(12px,1.6cqi,20px)}#page[data-theme=slate] .stepNum b{font-family:var(--mono);font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:clamp(1.5rem,4cqi,2.3rem);letter-spacing:-.02em}.srcFlow{position:relative;width:100%;aspect-ratio:460/320}.srcLines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.srcLines path{fill:none;stroke:var(--rule);stroke-width:1.2;stroke-dasharray:420;stroke-dashoffset:420}.stepViz.in .srcLines path{animation:srcDraw 1.2s var(--ease-out) forwards;animation-delay:calc(var(--i) * .12s + .32s)}@keyframes srcDraw{to{stroke-dashoffset:0}}.srcFlow .srcLines .flow{stroke:color-mix(in srgb,var(--a-guilt) 85%,transparent);stroke-width:1.6;stroke-dasharray:3 190;stroke-dashoffset:193;opacity:0}.stepViz.in .srcFlow .srcLines .flow{animation:srcFlow 3.2s linear infinite;animation-delay:calc(var(--i) * .26s + 1.5s);opacity:1}@keyframes srcFlow{0%{stroke-dashoffset:193}to{stroke-dashoffset:0}}.stepViz.in .srcTarget{animation:srcIn var(--dur-settle) var(--spring-settle) both,targetLit 3.2s var(--ease-out) infinite 1.5s}@keyframes targetLit{0%,62%{filter:none}74%{filter:brightness(1.22)}90%,to{filter:none}}.srcMark{position:absolute;left:3.5%;top:var(--y);width:12.2%;aspect-ratio:1;transform:translateY(-50%) scale(.9);background:var(--m) center /contain no-repeat;opacity:0}.stepViz.in .srcMark{animation:srcIn var(--dur-settle) var(--spring-settle) both;animation-delay:calc(var(--i) * .12s + .12s)}@keyframes srcIn{to{opacity:1;transform:translateY(-50%)}}@keyframes markIn{to{opacity:1;transform:none}}.srcTarget{position:absolute;left:76.1%;top:50%;width:21.5%;aspect-ratio:1;transform:translateY(-50%) scale(.88);border-radius:23%;background:var(--appicon) center /contain no-repeat;opacity:0}.stepViz.in .srcTarget{animation:srcIn var(--dur-settle) var(--spring-settle) both;animation-delay:1.12s}.srcTarget:after{content:"";position:absolute;inset:-26%;z-index:-1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--a-guilt) 30%,transparent),transparent 68%)}@keyframes fadeUp{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.agents{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.agent{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid var(--rule);border-radius:999px;font-size:13.5px;font-weight:500;color:var(--ink)}.agent svg{width:17px;height:17px;flex:0 0 auto}.agent[data-soon]{color:var(--ink-3)}.agent[data-soon] svg{opacity:.55}.agent u{text-decoration:none;font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.agentNote{margin:16px 0 0;font-size:13px;color:var(--ink-3)}.nDemo{--k:1;--sweep:cubic-bezier(0.62,0,0.38,1);--read:2500ms;--over:7%;--note-w:min(100%,calc(372px * var(--k)));--app-w:min(100%,calc(440px * var(--k)));position:relative;isolation:isolate;height:clamp(330px,33cqi,440px)}.nDeck,.nGrid,.nNote,.nRead{position:absolute;top:0;bottom:0;left:50%;translate:-50% 0}.nNote,.nRead{width:var(--note-w)}.nDeck,.nGrid{width:var(--app-w)}.nNote{z-index:1;display:flex;flex-direction:column;overflow:hidden;border-radius:calc(17px * var(--k));background:#1c1c1e;border:1px solid rgba(235,235,245,.11);box-shadow:0 calc(30px * var(--k)) calc(66px * var(--k)) rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,.38);opacity:0;transform:scale(.93) translateY(calc(16px * var(--k)));transition:opacity .3s var(--ease-out),transform .56s var(--spring-settle),filter .42s var(--ease-out)}.nDemo[data-act=note] .nNote{opacity:1;transform:none}.nBar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:calc(12px * var(--k)) calc(14px * var(--k)) calc(9px * var(--k));color:#ffd60a}.nBar svg{width:calc(16px * var(--k));height:calc(16px * var(--k));display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.nBack{display:inline-flex;align-items:center;gap:calc(3px * var(--k));font-size:calc(12.5px * var(--k));letter-spacing:-.01em}.nBack svg{width:calc(13px * var(--k));height:calc(13px * var(--k));stroke-width:2.3}.nBarR{display:inline-flex;align-items:center;gap:calc(16px * var(--k))}.nBody{flex:1 1 auto;min-height:0;overflow:hidden;padding:calc(3px * var(--k)) calc(18px * var(--k)) 0;-webkit-mask:linear-gradient(#000 calc(100% - 26px * var(--k)),transparent);mask:linear-gradient(#000 calc(100% - 26px * var(--k)),transparent)}.nDate{margin:0 0 calc(11px * var(--k));text-align:center;font-size:calc(10.5px * var(--k));color:#8e8e93}.nTitle{margin:0 0 calc(10px * var(--k));font-size:calc(16.5px * var(--k));font-weight:700;letter-spacing:-.017em;color:#fff}.nP{margin:0 0 calc(10px * var(--k))}.nP,.nTick{font-size:calc(12.5px * var(--k));line-height:1.42;color:#dcdcde}.nTick{position:relative;margin:0 0 calc(8px * var(--k));padding-left:calc(23px * var(--k))}.nTick i{position:absolute;left:0;top:calc(2px * var(--k));width:calc(14px * var(--k));height:calc(14px * var(--k));border-radius:50%;border:1.5px solid #6a6a6e}.nTick--on i{border-color:#ffd60a;background:#ffd60a}.nTick--on i:after{content:"";position:absolute;left:calc(3.4px * var(--k));top:calc(3.2px * var(--k));width:calc(6.4px * var(--k));height:calc(3.2px * var(--k));border-left:1.6px solid #1c1c1e;border-bottom:1.6px solid #1c1c1e;transform:rotate(-45deg)}.nTools{flex:0 0 auto;display:flex;align-items:center;justify-content:space-around;padding:calc(9px * var(--k)) calc(22px * var(--k)) calc(11px * var(--k));border-top:1px solid rgba(84,84,88,.46);color:#ffd60a}.nTools svg{width:calc(17px * var(--k));height:calc(17px * var(--k));display:block;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.nBody>*{transition:opacity .26s var(--ease-out),transform .32s var(--ease-out)}.nBar,.nTools{transition:opacity .24s var(--ease-out)}.nDemo[data-beat=dissolve] .nBody>*{opacity:0;transform:translateY(calc(-8px * var(--k)));transition-delay:calc(var(--i) * 44ms)}.nDemo[data-beat=dissolve] :is(.nBar,.nTools){opacity:0;transition-delay:.2s}.nDemo[data-beat=dissolve] .nNote{opacity:0;transform:scale(.965);filter:blur(3px);transition-delay:.42s}.nWash{background:color-mix(in srgb,var(--c) 11%,transparent)}.nGlow,.nWash{position:absolute;inset:0;z-index:2;pointer-events:none}.nGlow:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:calc(96px * var(--k));background:linear-gradient(to top,color-mix(in srgb,var(--c) 36%,transparent),transparent)}.nRead{z-index:3;pointer-events:none;opacity:0;transition:opacity .34s var(--ease-out)}.nDemo:is([data-beat=head],[data-beat=read]) .nRead{opacity:1}.nHead{position:absolute;left:0;right:0;top:0;height:100%}.nGlow,.nHead,.nWash{transition:transform var(--read) var(--sweep),-webkit-clip-path var(--read) var(--sweep);transition:transform var(--read) var(--sweep),clip-path var(--read) var(--sweep);transition:transform var(--read) var(--sweep),clip-path var(--read) var(--sweep),-webkit-clip-path var(--read) var(--sweep)}.nGlow,.nHead{transform:translateY(calc(var(--over) * -1))}.nWash{-webkit-clip-path:inset(0 0 calc(100% + var(--over)) 0);clip-path:inset(0 0 calc(100% + var(--over)) 0)}.nDemo:is([data-beat=read],[data-beat=dissolve]) :is(.nHead,.nGlow){transform:translateY(calc(100% + var(--over)))}.nDemo:is([data-beat=read],[data-beat=dissolve]) .nWash{-webkit-clip-path:inset(0 0 calc(var(--over) * -1) 0);clip-path:inset(0 0 calc(var(--over) * -1) 0)}.nBeam{left:0;right:0;height:calc(2.5px * var(--k));border-radius:2px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--c) 45%,#fff) 12%,#fff 58%,color-mix(in srgb,var(--c) 70%,#fff) 92%,transparent);box-shadow:0 0 calc(9px * var(--k)) calc(1px * var(--k)) color-mix(in srgb,var(--c) 80%,#fff),0 0 calc(30px * var(--k)) calc(5px * var(--k)) color-mix(in srgb,var(--c) 55%,transparent)}.nBeam,.nLens{position:absolute;top:0}.nLens{right:calc(-24px * var(--k));width:calc(58px * var(--k));height:calc(58px * var(--k));transform:translateY(-50%)}.nLens b{inset:calc(6px * var(--k));background:var(--logo) center /contain no-repeat;filter:drop-shadow(0 calc(3px * var(--k)) calc(9px * var(--k)) rgba(0,0,0,.5))}.nLens b,.nLens:before{position:absolute;border-radius:50%}.nLens:before{content:"";inset:0;background:conic-gradient(from 0deg,transparent 0 56%,color-mix(in srgb,var(--c) 38%,#fff) 80%,transparent 96%);-webkit-mask:radial-gradient(closest-side,#0000 calc(100% - 1.6px),#000 calc(100% - 1.6px));mask:radial-gradient(closest-side,#0000 calc(100% - 1.6px),#000 calc(100% - 1.6px))}.nDemo:is([data-beat=head],[data-beat=read],[data-beat=dissolve]) .nLens b{animation:nSpin 4.4s linear infinite}.nDemo:is([data-beat=head],[data-beat=read],[data-beat=dissolve]) .nLens:before{animation:nSpin 2.6s linear infinite reverse}.nLens:after{content:"";position:absolute;inset:calc(-15px * var(--k));z-index:-1;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--c) 30%,transparent),transparent 72%)}@keyframes nSpin{to{transform:rotate(1turn)}}.nTag{position:absolute;left:calc(-16px * var(--k));top:0;transform:translate(-100%,-50%);padding:calc(3.5px * var(--k)) calc(9px * var(--k));border-radius:999px;border:1px solid color-mix(in srgb,var(--c) 38%,transparent);background:color-mix(in srgb,var(--c) 26%,#0e0f12);font-family:var(--mono);font-size:calc(8px * var(--k));font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--c) 42%,#fff)}.nDeck,.nGrid{z-index:1;display:flex;flex-direction:column;justify-content:center;gap:calc(12px * var(--k));opacity:0;pointer-events:none;transition:opacity .3s var(--ease-out),transform .44s var(--ease-out)}.nGrid{transform:scale(.982)}.nDeck{transform:translateY(calc(12px * var(--k)))}.nDemo[data-act=deck] .nDeck,.nDemo[data-act=grid] .nGrid{opacity:1;transform:none}@media (prefers-color-scheme:light){#page[data-theme=glass] :is(.nGrid,.nDeck){top:50%;bottom:auto;translate:-50% -50%;background:rgba(17,16,20,.055);border:1px solid rgba(17,16,20,.07);border-radius:calc(17px * var(--k));padding:calc(15px * var(--k))}#page[data-theme=glass] .nDeck .nCards{height:calc(228px * var(--k))}#page[data-theme=glass] :is(.nGrid,.nDeck) :is(.tile,.card){background:rgba(255,255,255,.92);border-color:rgba(17,16,20,.08);box-shadow:0 1px 2px rgba(17,16,20,.04),0 6px 16px -10px rgba(17,16,20,.12)}#page[data-theme=glass] :is(.nGrid,.nDeck) .tile:hover{background:#fff;border-color:rgba(17,16,20,.16)}#page[data-theme=glass] .nDemo[data-beat=tap] .nTiles .tile:first-child{background:rgba(17,16,20,.06)}#page[data-theme=glass] :is(.nGrid,.nDeck) :is(.tileLabel,.cardTitle,.nGridHead){color:#111014}#page[data-theme=glass] :is(.nGrid,.nDeck) :is(.tileHint,.deckBack,.cardSteps li){color:#55545e}#page[data-theme=glass] :is(.nGrid,.nDeck) .deckCount{color:rgba(17,16,20,.42)}#page[data-theme=glass] :is(.nGrid,.nDeck) .cardSteps li:before{background:rgba(17,16,20,.3)}#page[data-theme=glass] :is(.nGrid,.nDeck) .deckBack{background:rgba(17,16,20,.05);border-color:rgba(17,16,20,.12)}#page[data-theme=glass] .nStrip .card{background:rgba(255,255,255,.9)}}.nGridHead{margin:0;font-size:calc(15px * var(--k));font-weight:600;color:#f5f5f7}.nTiles{position:relative;--sym:19px}.nTiles .tile{opacity:0;transform:translateY(calc(10px * var(--k))) scale(.97);transition:opacity .26s var(--ease-out),transform var(--dur-settle) var(--spring-settle),background .14s var(--ease-out)}.nDemo[data-act=grid] .nTiles .tile{opacity:1;transform:none;transition-delay:calc(var(--ti) * 66ms)}.nDemo[data-beat=tap] .nTiles .tile:first-child{transform:scale(.955);background:rgba(120,120,128,.44);transition-delay:0s}.nTap{position:absolute;z-index:4;left:25%;top:24%;width:calc(44px * var(--k));height:calc(44px * var(--k));border-radius:50%;border:1.5px solid rgba(255,255,255,.9);background:rgba(255,255,255,.14);opacity:0;transform:translate(-50%,-50%) scale(.3)}.nDemo[data-beat=tap] .nTap{animation:nTap .64s var(--ease-out) both}@keyframes nTap{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}26%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.55)}}.nDeck .deckBar{padding:0 calc(3px * var(--k)) calc(2px * var(--k))}.nCards{flex:0 1 auto;height:min(100%,calc(228px * var(--k)));overflow:hidden;border-radius:calc(15px * var(--k))}.nStrip{height:100%;display:grid;grid-auto-rows:100%;transition:transform .64s var(--spring-settle)}.nStrip .card{height:100%;background:rgba(44,44,46,.44);opacity:.32;transition:opacity .42s var(--ease-out)}.nDemo[data-beat=c2] .nStrip{transform:translateY(-100%)}.nDemo:is([data-beat=c3],[data-beat=out]) .nStrip{transform:translateY(-200%)}.nDemo[data-beat=c1] .nStrip .card:first-child,.nDemo[data-beat=c2] .nStrip .card:nth-child(2),.nDemo[data-beat=c3] .nStrip .card:nth-child(3),.nDemo[data-beat=out] .nStrip .card:nth-child(3){opacity:1}.nNum{display:inline-grid;font-style:normal}.nNum b{grid-area:1/1;font-weight:inherit;opacity:0;transition:opacity .22s var(--ease-out)}.nDemo[data-beat=c1] .nNum b:first-child,.nDemo[data-beat=c2] .nNum b:nth-child(2),.nDemo[data-beat=c3] .nNum b:nth-child(3),.nDemo[data-beat=out] .nNum b:nth-child(3){opacity:1}.nDemo[data-beat=out] .nDeck{opacity:0;transform:scale(.975)}@media (max-width:1100px){.nDemo{--k:0.94}}@media (max-width:900px){.nDemo{--k:0.9}}@media (max-width:720px){.nDemo{--k:0.92;height:clamp(340px,92vw,428px)}}@media (max-width:620px){.nDemo{--note-w:min(100%,calc(332px * var(--k)))}.nTag{display:none}}@media (max-width:430px){.nDemo{--k:0.82}}.reachStage{display:grid;place-items:center;grid-gap:clamp(18px,2.6cqi,30px);gap:clamp(18px,2.6cqi,30px)}.footer{text-align:center;padding-bottom:0;overflow:hidden}.footIcon{width:84px;height:84px;border-radius:20px;margin:0 auto 22px;background:var(--appicon) center /contain no-repeat}.footWm{width:min(1180px,100% - 56px);margin:clamp(28px,5vw,52px) auto 0;aspect-ratio:3108/440;overflow:hidden}.footWm .wm{width:100%;opacity:.1}.footBar{position:relative;z-index:1;border-top:var(--rule-w,1px) solid var(--rule)}.footBarIn{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0 max(17px,env(safe-area-inset-bottom));font-size:12.5px;color:var(--ink-3);text-align:left}.footLinks{display:flex;gap:22px}.footLinks a{color:inherit;text-decoration:none;transition:color .14s var(--ease-out)}.footLinks a:hover{color:var(--ink-2)}@media (max-width:620px){.footBarIn{padding-bottom:max(48px,calc(env(safe-area-inset-bottom) + 30px))}}.voice{display:none}#page[data-voice=show] .v-show,#page[data-voice=you] .v-you{display:block}.note{display:none}.viz{position:relative}.bar{position:fixed;z-index:40;left:0;right:0;bottom:16px;width:-moz-fit-content;width:fit-content;margin-inline:auto;gap:10px;max-width:min(calc(100vw - 24px),1000px);padding:7px 8px 7px 12px;border:1px solid var(--chrome-line);border-radius:999px;background:rgba(22,23,26,.82);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);box-shadow:0 10px 40px rgba(0,0,0,.42);opacity:.5;transition:opacity .2s var(--ease-out),border-radius .2s var(--ease-out),background .2s var(--ease-out)}.bar,.barBody{display:flex;align-items:center}.barBody{gap:14px;flex-wrap:wrap;row-gap:8px;justify-content:center}@media (max-width:980px){.groupLabel{display:none}.bar{gap:10px}}@media (max-width:720px){.bar{left:12px;right:12px;width:auto;max-width:none}.barDiv{display:none}}@media (max-width:520px){.count{display:none}}.rise{opacity:0;transform:translateY(var(--motion-travel,16px));transition:opacity var(--dur-page,.52s) var(--ease-out),transform var(--dur-page,.52s) var(--spring-settle)}.rise.in{opacity:1;transform:none}.swap{animation:swapIn var(--dur-lift) var(--spring-lift) both}@keyframes swapIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rise{opacity:1;transform:none;transition:none}.duoLite .mbp,.srcMark,.srcTarget{opacity:1!important;transform:none!important}.dlPhone2,.duoLite .mbp{animation:none!important}.dlPhone2{opacity:1!important}.nDeck,.nNote,.nRead{display:none}.nGrid,.nGrid .tile{opacity:1!important;transform:none!important}*,:after,:before{animation:none!important;transition-duration:.001ms!important}}.wallpaper{display:none}