.apps-list{flex-direction:column;gap:13rem;display:flex}.apps-card{isolation:isolate;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:34rem;display:grid;position:relative}@property --apps-light-rx{syntax:"<percentage>";inherits:false;initial-value:51.72%}@property --apps-light-ry{syntax:"<percentage>";inherits:false;initial-value:51.72%}@property --apps-light-color{syntax:"<color>";inherits:false;initial-value:#a6a3a238}@property --apps-light-hold{syntax:"<percentage>";inherits:false;initial-value:0%}.apps-card{--light-x:75%;--light-y:50%;background:radial-gradient(var(--apps-light-rx) var(--apps-light-ry) at var(--glass-light-x) var(--glass-light-y), var(--apps-light-color) 0%, var(--apps-light-color) var(--apps-light-hold), #2120204d 89.34%)}.apps-card--left{--light-x:25%}.apps-card--overhang-bottom{--light-y:62%}.apps-card--overhang-top{--light-y:38%}.apps-card[data-active],.apps-card[data-settling]{transition:--glass-light-x .9s var(--ease-house), --glass-light-y .9s var(--ease-house), --apps-light-rx .9s var(--ease-house), --apps-light-ry .9s var(--ease-house), --apps-light-color .9s var(--ease-house), --apps-light-hold .9s var(--ease-house)}.apps-card[data-active]{--apps-light-rx:27%;--apps-light-ry:60%;--apps-light-hold:46%;--apps-light-color:color-mix(in srgb, var(--app-glow) 30%, transparent);--glass-light-x:var(--light-x)!important;--glass-light-y:var(--light-y)!important}.apps-card-copy{flex-direction:column;padding:3.5rem;display:flex}.apps-card--left .apps-card-copy{grid-column:2}.apps-card-name{align-items:center;gap:.875rem;display:flex}.apps-card-name h2{font-size:var(--text-lg);letter-spacing:0;color:var(--color-ultralight);margin:0;font-weight:500;line-height:1.2}.apps-card-icon{border-radius:22.5%;width:40px;height:40px;box-shadow:0 0 0 .5px #ffffff1a,0 2px 6px -2px #0009}.apps-card-tagline{font-size:clamp(var(--text-3xl), 3.4vw, var(--text-4xl));letter-spacing:-.025em;color:var(--color-ultralight);text-wrap:balance;max-width:12ch;margin:4.5rem 0 0;font-weight:500;line-height:1.08}.apps-card-description{font-size:var(--text-lg);color:var(--color-gray-medium);max-width:34ch;transition:color .6s var(--ease-house);margin:1.25rem 0 0;line-height:1.55}.apps-card[data-app=granby] .apps-card-copy{container-type:inline-size}.apps-card[data-app=granby] .apps-card-tagline{white-space:nowrap;max-width:none;font-size:min(clamp(var(--text-3xl), 3.4vw, var(--text-4xl)), 10cqi)}.apps-card[data-active] .apps-card-description{color:var(--color-gray-light)}.apps-card-link{font-size:var(--text-base);color:var(--color-gray-light);align-self:flex-start;align-items:center;gap:.25rem;margin-top:auto;padding-top:2.5rem;font-weight:500;transition:color .2s;display:inline-flex;text-decoration:none!important}.apps-card-link:hover{color:var(--color-ultralight)}.apps-card-link svg{transition:transform .3s var(--ease-house)}.apps-card-link:hover svg{transform:translate(1px,-1px)}.apps-card-link:focus-visible{outline:2px solid var(--color-interactive-bright);outline-offset:4px}.apps-card-stage{position:relative}.apps-card--left .apps-card-stage{grid-area:1/1}.apps-card-lift{translate:-50%;transform:rotate(var(--phone-tilt));transition:transform .9s var(--ease-house);will-change:transform;position:absolute;left:50%}.apps-card--overhang-bottom .apps-card-lift{top:2.75rem}.apps-card--overhang-top .apps-card-lift{bottom:2.75rem}.apps-card--overhang-both .apps-card-lift{top:50%;translate:-50% -50%}.apps-card[data-active] .apps-card-lift{transform:translateY(-14px)rotate(0)scale(1.012)}.apps-card-shadow{filter:blur(26px);opacity:.75;transition:transform .9s var(--ease-house), opacity .9s var(--ease-house);background:#000000e6;border-radius:48px;position:absolute;inset:4% 6%;transform:translateY(34px)}.apps-card[data-active] .apps-card-shadow{opacity:.55;transform:translateY(58px)scale(.97)}.apps-phone{--phone-scale:.72;--screen-w:calc(402px * var(--phone-scale));--screen-h:calc(874px * var(--phone-scale));--screen-r:calc(55px * var(--phone-scale));--bezel:calc(9px * var(--phone-scale));--frame:calc(4.5px * var(--phone-scale));padding:var(--frame);border-radius:calc(var(--screen-r) + var(--bezel) + var(--frame));background:linear-gradient(152deg,#75736f 0%,#3a3937 9%,#1e1d1c 30%,#191818 55%,#262524 80%,#4a4845 94%,#85827d 100%);position:relative;box-shadow:inset 0 0 0 .5px #ffffff2e,inset 0 1px 1px #ffffff47,inset 0 -1px 1px #00000080}.apps-phone-bezel{padding:var(--bezel);border-radius:calc(var(--screen-r) + var(--bezel));background:#060606;box-shadow:0 0 0 .5px #000c}.apps-phone-screen{width:var(--screen-w);height:var(--screen-h);border-radius:var(--screen-r);clip-path:inset(0 round var(--screen-r));isolation:isolate;position:relative;overflow:hidden}.apps-phone-canvas{width:402px;height:874px;transform:scale(var(--phone-scale));transform-origin:0 0;position:absolute;top:0;left:0;overflow:hidden}.apps-phone-glare{z-index:60;pointer-events:none;transition:background-position 1.1s var(--ease-house,ease), opacity 1.1s var(--ease-house,ease);background:linear-gradient(118deg,#ffffff13 0%,#ffffff05 24%,#0000 40%) 0 0/160% 160%;position:absolute;inset:0}.apps-card[data-active] .apps-phone-glare{opacity:.6;background-position:45% 45%}.apps-phone-key{background:linear-gradient(90deg,#5d5b58,#262524 55%,#3d3b39);border-radius:2px;width:3px;position:absolute}.apps-phone-key--action,.apps-phone-key--vol-up,.apps-phone-key--vol-down{border-radius:2px 0 0 2px;left:-2px}.apps-phone-key--action{height:4.6%;top:17%}.apps-phone-key--vol-up{height:8.2%;top:25.5%}.apps-phone-key--vol-down{height:8.2%;top:35.2%}.apps-phone-key--side{background:linear-gradient(270deg,#5d5b58,#262524 55%,#3d3b39);border-radius:0 2px 2px 0;height:13%;top:27%;right:-2px}@media (max-width:768px){.apps-list{gap:12rem}.apps-list--phones{gap:18.5rem}.apps-card{grid-template-columns:minmax(0,1fr);min-height:0}.apps-card--left .apps-card-copy,.apps-card--left .apps-card-stage{grid-area:auto/1}.apps-card-copy{padding:1.5rem 1.5rem 0}.apps-card-tagline{font-size:var(--text-3xl);margin-top:2.5rem}.apps-card-description{font-size:var(--text-base);color:var(--color-gray-light)}.apps-card-link{padding-top:1.5rem}.apps-card-stage{height:22rem;margin-top:2.5rem}.apps-card,.apps-card--left{--light-x:50%;--light-y:80%}.apps-card[data-active]{--apps-light-rx:64%;--apps-light-ry:40%;--apps-light-hold:48%}.apps-card .apps-card-lift,.apps-card--overhang-both .apps-card-lift{translate:-50%;transform:rotate(calc(var(--phone-tilt) * .5));top:0;bottom:auto}.apps-card[data-active] .apps-card-lift{transform:translateY(-10px)rotate(0)scale(1.01)}.apps-phone{--phone-scale:.56}}@media (prefers-reduced-motion:reduce){.apps-card[data-active],.apps-card[data-settling],.apps-card-lift,.apps-card-shadow,.apps-phone-glare{transition:none}.apps-card[data-active] .apps-card-lift{transform:rotate(var(--phone-tilt))}.apps-card[data-active] .apps-card-shadow{opacity:.75;transform:translateY(34px)}}
@property --play-glow{syntax:"<color>";inherits:true;initial-value:#0000}.play-card-wrap{transition:--play-glow 1.4s cubic-bezier(.32,.72,0,1);position:relative}.play-card{min-height:34rem;color:inherit;background:radial-gradient(51.72% 51.72% at 50% -16.09%,#a6a3a238 0%,#2120204d 89.34%);grid-template-columns:minmax(0,5fr) minmax(0,7fr);overflow:hidden;box-shadow:inset 0 1px 1px #4d4b4b;text-decoration:none!important}.play-underglow{pointer-events:none;background:radial-gradient(ellipse 50% 100% at 50% 0%, color-mix(in srgb, var(--play-glow) 30%, transparent) 0%, color-mix(in srgb, var(--play-glow) 28%, transparent) 12.5%, color-mix(in srgb, var(--play-glow) 22.6%, transparent) 25%, color-mix(in srgb, var(--play-glow) 15.9%, transparent) 37.5%, color-mix(in srgb, var(--play-glow) 9.7%, transparent) 50%, color-mix(in srgb, var(--play-glow) 5.2%, transparent) 62.5%, color-mix(in srgb, var(--play-glow) 2.4%, transparent) 75%, color-mix(in srgb, var(--play-glow) 1%, transparent) 87.5%, transparent 100%);opacity:.7;height:6.5rem;transition:opacity .9s cubic-bezier(.32,.72,0,1);position:absolute;top:100%;left:-8%;right:-8%}.play-card[data-active]+.play-underglow{opacity:1}.play-card:focus-visible{outline:2px solid var(--color-interactive-bright);outline-offset:4px}.play-card[data-active] .play-card-cta{color:var(--color-ultralight)}.play-card[data-active] .play-card-cta svg{transform:translate(1px,-1px)}.play-stage{--stage-fade:linear-gradient(to right, transparent 0%, #00000002 4.4%, #0000000f 8.8%, #0000002a 13.2%, #00000051 17.6%, #00000080 22%, #000000ae 26.4%, #000000d5 30.8%, #000000f0 35.2%, #000000fd 39.6%, #000 44%);--stage-corners:radial-gradient(ellipse 120% 150% at 72% 50%, #000 55%, transparent 100%);min-height:100%;-webkit-mask-image:var(--stage-fade), var(--stage-corners);-webkit-mask-composite:source-in;-webkit-mask-image:var(--stage-fade), var(--stage-corners);mask-image:var(--stage-fade), var(--stage-corners);filter:brightness(.8)saturate(.85);transition:filter .9s var(--ease-house);position:relative;-webkit-mask-composite:source-in;mask-composite:intersect}.play-card[data-active] .play-stage{filter:none}.play-still,.play-world{object-fit:cover;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.play-world{opacity:0;pointer-events:none;transition:opacity .6s var(--ease-house)}.play-world[data-ready]{opacity:1}.play-card--bare{grid-template-columns:minmax(0,1fr);min-height:0}.play-card-tag{z-index:1;position:absolute;top:1.5rem;left:1.5rem}.play-card--bare .play-stage{aspect-ratio:2;--stage-fade:radial-gradient(ellipse 70% 80% at 50% 50%, #000 62%, transparent 100%);--stage-corners:linear-gradient(#000, #000)}.play-caption{z-index:1;font-size:var(--text-sm);color:var(--color-gray-light);text-shadow:0 1px 2px #0d0c0c80,0 0 16px #0d0c0c99;font-variant-numeric:tabular-nums;animation:play-caption-in .6s var(--ease-house) both;align-items:baseline;gap:.5rem;margin:0;line-height:1.2;display:flex;position:absolute;bottom:1.25rem;right:1.5rem}.play-caption-year{color:var(--color-ultralight);font-weight:500}@keyframes play-caption-in{0%{opacity:0;transform:translateY(4px)}}@media (max-width:768px){.play-underglow{height:5rem;left:-4%;right:-4%}.play-card{grid-template-columns:minmax(0,1fr);min-height:0}.play-stage{aspect-ratio:5/4;--stage-fade:linear-gradient(to bottom, transparent 0%, #00000002 4.6%, #0000000f 9.2%, #0000002a 13.8%, #00000051 18.4%, #00000080 23%, #000000ae 27.6%, #000000d5 32.2%, #000000f0 36.8%, #000000fd 41.4%, #000 46%);--stage-corners:linear-gradient(#000, #000);min-height:0;margin-top:1.5rem}.play-caption{bottom:1rem;right:1.25rem}.play-card-tag{top:1rem;left:1rem}.play-card--bare .play-stage{aspect-ratio:3/2;--stage-fade:radial-gradient(ellipse 72% 82% at 50% 50%, #000 60%, transparent 100%);margin-top:0}}@media (prefers-reduced-motion:reduce){.play-card-wrap,.play-underglow,.play-stage,.play-world{transition:none}.play-caption{animation:none}}
.best-time-stub{border-radius:var(--radius-card);color:var(--color-gray-medium);text-align:center;border:1px dashed #ffffff1a;margin:2.5rem 0;padding:3rem 1.5rem;font-size:.875rem}.best-time-callout{max-width:65ch;margin-top:2.5rem;margin-bottom:2.5rem}.rhino-stage{margin:3rem 0 3.5rem;position:relative}.rhino-stage.is-article{width:100%;max-width:65ch}.rhino-stage-frame{aspect-ratio:12/5;background:var(--color-ultradark);isolation:isolate;-webkit-mask-composite:source-in;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000),linear-gradient(#0000,#000 8% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000),linear-gradient(#0000,#000 8% 90%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.rhino-stage.is-slide,.rhino-stage.is-slide .rhino-stage-frame{aspect-ratio:auto;width:100%;height:100%;margin:0}.rhino-stage.is-slide .rhino-stage-frame{-webkit-mask-image:none;mask-image:none}.rhino-stage-still,.rhino-stage-still img,.rhino-stage-live{object-fit:cover;border:0;width:100%;height:100%;position:absolute;inset:0}.rhino-stage-start{opacity:0}.rhino-stage-frame.can-run .rhino-stage-start{opacity:1}.rhino-stage-frame.can-run .rhino-stage-key{opacity:0}.rhino-stage-live{pointer-events:none;opacity:0;transition:opacity .6s cubic-bezier(.32,.72,0,1)}.rhino-stage-frame.is-live .rhino-stage-live{opacity:1}.rhino-stage-replay{width:2.25rem;height:2.25rem;color:var(--color-gray-medium);opacity:0;pointer-events:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .4s,color .2s;display:inline-flex}.rhino-stage.is-article .rhino-stage-replay{z-index:2;position:absolute;bottom:.5rem;right:.5rem}.rhino-stage-replay.is-on{opacity:1;pointer-events:auto}.rhino-stage-replay:hover{color:var(--color-ultralight)}.rhino-stage-replay:focus-visible{outline:2px solid var(--color-interactive-bright);outline-offset:2px}.rhino-stage-replay svg{width:1rem;height:1rem}@media (max-width:767px){.rhino-stage{margin:2rem 0 2.5rem}.rhino-stage-frame{aspect-ratio:3/2}}.bt-slide{color:var(--color-ultralight);position:absolute;inset:0;container-type:size}.bt-title,.bt-words,.bt-facts{flex-direction:column;justify-content:center;padding:0 7.5cqw 3cqw;display:flex}.bt-title h1{letter-spacing:-.045em;text-wrap:balance;max-width:11ch;margin:0;font-size:7cqw;font-weight:500;line-height:.96}.bt-title p{max-width:none;color:var(--color-gray-medium);letter-spacing:-.005em;margin:3.2cqw 0 0;font-size:1.55cqw}.bt-words h2{letter-spacing:-.04em;text-wrap:balance;max-width:17ch;margin:0;font-size:5.3cqw;font-weight:500;line-height:1.02}.bt-words-line{display:block}.bt-words-line+.bt-words-line{margin-top:.5em}.bt-words-small{max-width:44ch;color:var(--color-gray-light);margin:3.2cqw 0 0;font-size:1.9cqw;line-height:1.35}.bt-build{opacity:0;transition:opacity .6s cubic-bezier(.32,.72,0,1),transform .6s cubic-bezier(.32,.72,0,1);transform:translateY(.6cqw)}.bt-build.is-on{opacity:1;transform:none}.bt-facts h2{color:var(--color-gray-medium);letter-spacing:-.005em;margin:0 0 3cqw;font-size:1.55cqw;font-weight:500}.bt-facts ol{margin:0;padding:0;list-style:none}.bt-facts li{letter-spacing:-.03em;border-top:1px solid #ffffff14;padding:1.35cqw 0;font-size:3.2cqw;font-weight:500;line-height:1.1}.bt-facts li:last-child{border-bottom:1px solid #ffffff14}.bt-opener-stage{position:absolute;inset:0}.bt-opener-title{z-index:1;letter-spacing:-.04em;text-wrap:balance;pointer-events:none;max-width:14ch;margin:0;font-size:5cqw;font-weight:500;line-height:1;position:absolute;top:5.5cqw;left:6cqw}.bt-opener-title span{white-space:pre;animation:.9s cubic-bezier(.32,.72,0,1) both btWordIn;display:inline-block}@keyframes btWordIn{0%{opacity:0;filter:blur(6px);transform:translateY(.35em)}to{opacity:1;filter:none;transform:none}}.bt-demo{grid-template-columns:36% 1fr;align-items:center;gap:3cqw;padding:4.5cqw 5cqw 6cqw 6cqw;display:grid}.bt-demo.is-full{grid-template-rows:auto 1fr;grid-template-columns:1fr;align-items:stretch;gap:2.4cqw}.bt-demo-title{letter-spacing:-.035em;text-wrap:balance;max-width:13ch;margin:0;font-size:4cqw;font-weight:500;line-height:1.04}.bt-demo.is-full .bt-demo-title{max-width:none;font-size:3cqw}.bt-demo-stage{min-width:0;height:100%;min-height:0;position:relative}.bt-course-line{color:var(--color-gray-medium);margin:0;font-size:1.35cqw}.bt-course-line a{color:var(--color-gray-light);text-decoration:none}.bt-course-line a:hover{color:var(--color-ultralight)}@media (prefers-reduced-motion:reduce){.bt-opener-title span{animation:none}.bt-build{transition:none}}.best-time-course-note{max-width:65ch;color:var(--color-gray-medium);margin:3.5rem 0 0;font-size:.9375rem;line-height:1.6}.best-time-course-note a{color:var(--color-interactive-bright)}.bt-stage-only{place-items:stretch stretch;display:grid}.bt-title-mark{margin:0 0 3.4cqw;line-height:0}.bt-title-mark svg{width:4.6cqw;height:auto}.bt-agenda{flex-direction:column;justify-content:center;padding:0 7.5cqw 3cqw;display:flex}.bt-agenda h2{color:var(--color-gray-medium);letter-spacing:-.01em;margin:0 0 3.6cqw;font-size:1.9cqw;font-weight:500}.bt-agenda ol{margin:0;padding:0;list-style:none}.bt-agenda li,.bt-agenda-coda{border-top:1px solid #ffffff14;grid-template-columns:4.8cqw 1fr;align-items:center;padding:1.5cqw 0;display:grid}.bt-agenda li:last-child{border-bottom:1px solid #ffffff14}.bt-agenda-num{color:var(--color-gray-medium);font-variant-numeric:tabular-nums;font-size:1.15cqw}.bt-agenda-icon{width:2.4cqw;height:2.4cqw;color:var(--color-gray-light)}.bt-agenda-label{letter-spacing:-.035em;font-size:3.6cqw;font-weight:500;line-height:1.1}.bt-agenda-coda{max-width:none;color:var(--color-gray-medium);letter-spacing:-.02em;border-top:0;margin:2.6cqw 0 0;font-size:2.1cqw}.bt-agenda-coda .bt-agenda-icon{width:2cqw;height:2cqw;color:var(--color-gray-medium);grid-column:2}.bt-agenda-coda span{grid-column:3}.bt-talks{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:8cqw;padding:0 7.5cqw 3cqw;display:grid}.bt-talks-book{justify-content:center;display:flex}.bt-talks .pres-book{--pb-h:31cqw}.bt-talks h2{color:var(--color-gray-medium);letter-spacing:-.01em;margin:0 0 3.6cqw;font-size:1.9cqw;font-weight:500}.bt-talks ol{margin:0;padding:0;list-style:none}.bt-talks li{border-top:1px solid #ffffff14;flex-direction:column;gap:.9cqw;padding:2cqw 0;display:flex}.bt-talks li:last-child{border-bottom:1px solid #ffffff14}.bt-talks-title{letter-spacing:-.03em;font-size:2.9cqw;font-weight:500;line-height:1.15}.bt-talks-detail{color:var(--color-gray-medium);letter-spacing:-.01em;font-size:1.7cqw;line-height:1.3}.bt-contact ul{margin:0;padding:0;list-style:none}.bt-contact li{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:4cqw}.bt-contact a{color:inherit;letter-spacing:-.035em;font-size:3.6cqw;font-weight:500;line-height:1.1;text-decoration:none;transition:color .16s}.bt-contact a:hover,.bt-contact a:focus-visible{color:var(--color-interactive-bright)}.bt-contact a:focus-visible{outline:none}.bt-contact-note{color:var(--color-gray-medium);letter-spacing:-.01em;text-align:right;font-size:1.7cqw}.bt-stage-only.is-inset{padding:4.6cqw 6cqw 6.2cqw}.bt-words-small-line{display:block}.bt-words-small-line+.bt-words-small-line{margin-top:.35em}
.jn-phone,.jn-polish{--jn-bg:#131212;--jn-raise:#1c1b1b;--jn-well:#ffffff0d;--jn-line:#ffffff12;--jn-line-2:#ffffff1c;--jn-ink:#fffbfa;--jn-text:#d8d8da;--jn-mute:#8a8888;--jn-faint:#5f5d5d;--jn-accent:#7376f7;--jn-accent-2:#a5a8ff;--jn-risk:#e0786f;--jn-ease:cubic-bezier(.32, .72, 0, 1);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.4}:where(.jn-phone,.jn-polish) :where(p,h4,h5,dl,dd){margin:0}:where(.jn-phone,.jn-polish) :where(button){font:inherit;color:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.jn-phone :focus-visible,.jn-polish :focus-visible{outline:2px solid var(--color-interactive-bright,#a5a8ff);outline-offset:2px;border-radius:8px}.jn-money{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.jn-cents{opacity:.55}.jn-phone{--jn-w:min(340px, calc(100vw - 56px));width:calc(var(--jn-w) + 16px);background:#0b0a0a;border-radius:48px;flex:none;padding:8px;position:relative;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 1px #ffffff24,0 30px 80px -40px #000000f2,0 2px 6px #0006}.jn-screen{width:var(--jn-w);background:var(--jn-bg);height:700px;color:var(--jn-text);isolation:isolate;border-radius:40px;position:relative;overflow:hidden}.jn-status{height:44px;color:var(--jn-ink);letter-spacing:.01em;justify-content:space-between;padding:14px 28px 0 30px;font-size:13px;font-weight:600;display:flex}.jn-status-right{align-items:center;gap:6px;padding-top:1px;display:flex}.jn-signal{background:linear-gradient(90deg, var(--jn-ink) 0 3px, transparent 3px 4px, var(--jn-ink) 4px 7px, transparent 7px 8px, var(--jn-ink) 8px 11px, transparent 11px 12px, #fffbfa59 12px);clip-path:polygon(0 70%,25% 70%,25% 45%,52% 45%,52% 22%,78% 22%,78% 0,100% 0,100% 100%,0 100%);width:15px;height:9px}.jn-battery{border-radius:3px;width:22px;height:10px;position:relative;box-shadow:inset 0 0 0 1px #fffbfa73}.jn-battery:after{content:"";background:var(--jn-ink);border-radius:1.5px;position:absolute;inset:2px 6px 2px 2px}.jn-cat-icon{background:var(--jn-well);width:32px;height:32px;color:var(--jn-text);border-radius:10px;flex:none;place-items:center;display:grid}.jn-cat-icon svg{width:16px;height:16px}.jn-polish.is-article{font-size:inherit;line-height:inherit;max-width:65ch;margin:3rem 0;container-type:inline-size}.pl-article{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:24px;font-size:14px;line-height:1.4;display:grid}.pl-article-dial,.pl-article-fixes{justify-self:center}.pl-article .pl-fixes{min-width:120px;margin:0}.pl-article .pl-fixes li:first-child{border-top:0}.pl-article .pl-fixes button{padding:9px 0}.pl-article .pl-dial{width:136px;height:136px}.pl-article .pl-dial-track,.pl-article .pl-dial-range,.pl-article .pl-dial-fill{stroke-width:20px}.pl-article .pl-dial-knob{r:28}.pl-article .pl-dial.is-dragging .pl-dial-knob{r:31}.pl-article .pl-dial-readout{font-size:34px}@container (max-width:600px){.pl-article{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"dial fixes""phone phone";gap:28px 24px}.pl-article-dial{grid-area:dial}.pl-article-fixes{grid-area:fixes;justify-self:stretch}.pl-article .pl-phone{grid-area:phone;justify-self:center}.pl-article .pl-fixes{grid-template-columns:1fr 1fr;column-gap:16px;display:grid}.pl-article .pl-fixes li:nth-child(2){border-top:0}.pl-article .pl-dial{width:112px;height:112px}.pl-article .pl-dial-readout{font-size:28px}.pl-article .jn-screen.pl-screen{height:600px}}.pl-screen{--pl-ink:color-mix(in oklab, #fff calc((1 - var(--pc)) * 100%), #fffbfa);--pl-text:color-mix(in oklab, #e9e9ee calc((1 - var(--pc)) * 100%), #d8d8da);--pl-mute:color-mix(in oklab, #9b9ea6 calc((1 - var(--pc)) * 100%), #8a8888);--pl-accent:color-mix(in oklab, #2f80ed calc((1 - var(--pc)) * 100%), #7376f7);--pl-rule:rgba(255, 255, 255, calc(.16 - .16 * var(--pc)));background:color-mix(in oklab, #000 calc((1 - var(--pc)) * 100%), #131212);color:var(--pl-text);font-family:Arial,Helvetica,sans-serif}.pl-screen[data-t="1"]{font-family:var(--font-sans)}.pl-body{padding:0 calc(13px + 7px * var(--pl));position:absolute;inset:44px 0 0;overflow:hidden}.pl-head{margin:calc(4px + 4px * var(--pl)) 0 calc(6px + 6px * var(--pl));border-radius:8px;justify-content:space-between;align-items:center;display:flex}.pl-title{text-transform:uppercase;letter-spacing:.06em;color:var(--pl-ink);font-size:19px;font-weight:700}[data-t="1"] .pl-title{text-transform:none;letter-spacing:-.02em;font-size:26px;font-weight:600}.pl-avatar{color:#fff;background:color-mix(in oklab, #2f80ed calc((1 - var(--pc)) * 100%), #2a2828);border-radius:50%;place-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:grid}.pl-period{height:30px;color:var(--pl-accent);text-underline-offset:2px;align-items:center;gap:2px;font-size:14px;text-decoration:underline;display:inline-flex}.pl-period svg{width:14px;height:14px}[data-x="1"] .pl-period{color:var(--pl-text);cursor:pointer;background:#ffffff0d;border-radius:999px;gap:4px;padding:0 10px 0 12px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s;box-shadow:inset 0 0 0 1px #ffffff12}[data-x="1"] .pl-period:hover{background:#ffffff17}[data-x="1"] .pl-period svg{color:var(--pl-mute)}.pl-total{margin:calc(8px + 10px * var(--pl)) 0 calc(8px + 10px * var(--pl));text-align:center;border-radius:8px}[data-a="1"] .pl-total{text-align:left}.pl-total .jn-money{color:var(--pl-ink);font-variant-numeric:proportional-nums;font-feature-settings:"tnum" 0;font-size:32px;font-weight:700;line-height:1.05;display:block}[data-t="1"] .pl-total .jn-money{letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;font-size:40px;font-weight:500}.pl-screen .jn-cents{opacity:1}[data-t="1"] .jn-cents{opacity:.55}.pl-delta{margin-top:calc(4px + 4px * var(--pl));color:#22c55e;font-size:14px;display:block}[data-c="1"] .pl-delta{color:var(--pl-mute);font-size:13px}[data-c="1"] .pl-delta-arrow{display:none}.pl-chart{border-radius:8px;height:118px;padding-left:30px;position:relative}.pl-grid{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0 0 34px}.pl-grid span{background:#ffffff29;height:1px;position:relative}.pl-grid em{color:var(--pl-mute);font-size:10px;font-style:normal;position:absolute;top:-7px;left:0}.pl-bars{align-items:flex-end;gap:5px;display:flex;position:absolute;inset:0 0 18px 30px}.pl-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:calc(100% - 16px);display:flex;position:relative}.pl-bar{background:var(--pl-accent);border-radius:1px;width:100%}.pl-value{color:#a5a8ff;font-variant-numeric:tabular-nums;opacity:0;font-size:11px;font-weight:500;position:absolute;top:-15px}.pl-month{color:var(--pl-mute);font-size:10px;position:absolute;bottom:-16px}.pl-legend{color:var(--pl-mute);align-items:center;gap:4px;font-size:10px;display:flex;position:absolute;top:-16px;right:0}.pl-legend i{background:var(--pl-accent);width:8px;height:8px}[data-i="1"] .pl-chart{padding-left:0}[data-i="1"] .pl-grid,[data-i="1"] .pl-legend{display:none}[data-i="1"] .pl-bars{gap:8px;inset:0 0 18px}[data-i="1"] .pl-bar{background:#ffffff1a;border-radius:6px 6px 3px 3px;max-width:30px}[data-i="1"] .pl-col.is-on .pl-bar{background:var(--pl-accent)}[data-i="1"] .pl-col.is-partial .pl-bar{background:repeating-linear-gradient(135deg,#ffffff1a 0 3px,#ffffff0a 3px 6px)}[data-i="1"] .pl-col.is-on .pl-value{opacity:1}[data-i="1"] .pl-month{font-size:11px}.pl-section{margin:calc(12px + 16px * var(--pl)) 0 calc(4px + 4px * var(--pl));text-transform:uppercase;letter-spacing:.05em;color:var(--pl-text);border-radius:6px;padding-left:7px;font-size:13px;font-weight:700}[data-a="1"] .pl-section{padding-left:0}[data-t="1"] .pl-section{text-transform:none;letter-spacing:-.01em;color:var(--pl-ink);font-size:15px;font-weight:600}.pl-row{align-items:flex-start;gap:calc(7px + 5px * var(--pl));padding:calc(5px + 3px * var(--pl)) 0;border-bottom:1px solid var(--pl-rule);border-radius:8px;font-size:14px;display:flex;position:relative}[data-a="1"] .pl-row{align-items:center}.pl-icon{border-radius:calc(3px + 7px * var(--pl));flex:none;place-items:center;width:28px;height:28px;margin-top:-2px;font-size:18px;line-height:1;display:grid}[data-a="1"] .pl-icon{margin-top:0}.pl-icon .jn-cat-icon{display:none}[data-i="1"] .pl-icon{width:32px;height:32px}[data-i="1"] .pl-emoji{display:none}[data-i="1"] .pl-icon .jn-cat-icon{display:grid}.pl-name{min-width:0;color:var(--pl-text);flex-direction:column;line-height:1.25;display:flex}.pl-sub{color:var(--pl-mute);font-size:12px}[data-t="1"] .pl-row .pl-name{color:var(--pl-ink)}[data-t="1"] .pl-row .pl-name:only-child{color:var(--pl-text)}[data-t="1"] .pl-name:not(:has(.pl-sub)){color:var(--pl-text)}[data-t="1"] .pl-sub{margin-top:2px}.pl-amount{color:var(--pl-ink);font-feature-settings:"tnum" 0;font-variant-numeric:proportional-nums;margin-left:14px}[data-a="1"] .pl-amount{margin-left:auto}[data-t="1"] .pl-amount{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;font-weight:500}[data-x="1"] .pl-row{cursor:pointer;transition:background .15s,transform .15s}[data-x="1"] .pl-row:hover{background:#ffffff0a;box-shadow:-8px 0 #ffffff0a,8px 0 #ffffff0a}[data-x="1"] .pl-row:active{transform:scale(.985)}[data-x="1"] .pl-col{cursor:pointer}[data-x="1"] .pl-col:hover .pl-value{opacity:1}[data-x="1"] .pl-col:not(.is-on):hover .pl-bar{background:#fff3}[data-just=l] .pa-l,[data-just=a] .pa-a,[data-just=t] .pa-t,[data-just=c] .pa-c,[data-just=i] .pa-i,[data-just=x] .pa-x{animation:.7s ease-out plPing}@keyframes plPing{0%{background-color:#7376f714;box-shadow:0 0 0 1px #a5a8ff66}to{background-color:#7376f700;box-shadow:0 0 0 1px #a5a8ff00}}.pl-fixes{margin:18px 0 0;padding:0;list-style:none}.pl-fixes li{border-top:1px solid #ffffff0f}.pl-fixes button{text-align:left;cursor:pointer;width:100%;color:inherit;font:inherit;background:0 0;border:0;padding:12px 0;display:block}.pl-fix-name{color:var(--color-gray-medium,#8a8888);align-items:center;gap:6px;font-size:14px;font-weight:500;transition:color .2s;display:flex}.pl-fix-name svg{color:#a5a8ff;opacity:0;width:14px;height:14px;transition:opacity .2s,transform .3s cubic-bezier(.32,.72,0,1);transform:scale(.6)}.pl-fixes li.is-on .pl-fix-name{color:var(--color-ultralight,#fffbfa)}.pl-fixes li.is-on .pl-fix-name svg{opacity:1;transform:none}.pl-fixes button:hover .pl-fix-name{color:var(--color-gray-light,#d8d8da)}.jn-polish.is-slide{width:100%;height:100%;margin:0;position:relative;overflow:hidden;container-type:size}.pl-slide{width:1920px;height:1080px;translate:-50% -50%;scale:min(tan(atan2(100cqw, 1920px)), tan(atan2(100cqh, 1080px)));transform-origin:50%;grid-template-columns:repeat(3,640px);place-items:center;display:grid;position:absolute;top:50%;left:50%}.pl-slide .jn-phone{--jn-w:340px;zoom:1.22}.pl-slide .jn-screen.pl-screen{height:700px}.pl-slide-dial{justify-self:center}.pl-slide-fixes{justify-self:center;width:300px}.pl-slide .pl-fixes{margin:0}.pl-slide .pl-fixes li:first-child{border-top:0}.pl-slide .pl-fixes button{padding:20px 0}.pl-slide .pl-fix-name{letter-spacing:-.015em;gap:12px;font-size:32px;line-height:1.1}.pl-slide .pl-fix-name svg{width:24px;height:24px}.pl-dial{width:380px;height:380px;position:relative}.pl-dial svg{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;outline:none;width:100%;height:100%;display:block;overflow:visible}.pl-dial.is-dragging svg{cursor:grabbing}.pl-dial-track,.pl-dial-range,.pl-dial-fill{fill:none;stroke-width:14px}.pl-dial-track{stroke:#ffffff0f}.pl-dial-range{stroke:#ffffff1f;stroke-linecap:round}.pl-dial-fill{stroke:#7376f7;stroke-linecap:round}.pl-dial-knob{fill:#fffbfa;filter:drop-shadow(0 3px 8px #0009);transition:r .15s}.pl-dial.is-dragging .pl-dial-knob{r:19}.pl-dial svg:focus-visible .pl-dial-knob{stroke:#a5a8ff;stroke-width:4px}.pl-dial-readout{text-align:center;letter-spacing:-.045em;color:var(--color-ultralight,#fffbfa);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;pointer-events:none;margin:0;font-size:96px;font-weight:500;line-height:1;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.pl-dial-readout span{letter-spacing:0;color:var(--color-gray-medium,#8a8888);margin-left:4px;font-size:.4em}@media (prefers-reduced-motion:reduce){[data-just] .pa-l,[data-just] .pa-a,[data-just] .pa-t,[data-just] .pa-c,[data-just] .pa-i,[data-just] .pa-x{animation:none}}
.dr-frame{--dr-bg:#131212;--dr-raise:#1c1b1b;--dr-line:#ffffff12;--dr-line-2:#ffffff1a;--dr-ink:#fffbfa;--dr-text:#d8d8da;--dr-mute:#8a8888;--dr-faint:#5f5d5d;--dr-accent:#7376f7;--dr-accent-2:#a5a8ff;--dr-ease:cubic-bezier(.32, .72, 0, 1);--dr-h:560px;height:var(--dr-h);background:var(--dr-bg);box-shadow:inset 0 0 0 1px var(--dr-line), inset 0 1px 0 #ffffff0a, 0 24px 60px -36px #000000e6;color:var(--dr-text);font-family:var(--font-sans);text-align:left;-webkit-font-smoothing:antialiased;border-radius:14px;outline:none;flex-direction:column;font-size:15px;line-height:1.6;display:flex;position:relative;overflow:hidden}.dr-frame :where(p,h3,h4){max-width:none;margin:0}.dr-frame :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.dr-frame :focus-visible{outline:2px solid var(--dr-accent-2);outline-offset:2px}.dr-frame.is-figma:focus-visible{outline:2px solid var(--dr-accent-2);outline-offset:3px}.dr-bar{border-bottom:1px solid var(--dr-line);flex:none;justify-content:space-between;align-items:center;height:44px;padding:0 10px 0 20px;display:flex}.dr-crumb{color:var(--dr-mute);letter-spacing:.005em;font-size:12.5px}.dr-crumb span{color:var(--dr-faint);margin:0 6px}.dr-tools{gap:2px;display:flex}.dr-tool{min-width:30px;height:30px;color:var(--dr-mute);border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:12.5px;transition:background .15s,color .15s;display:inline-flex}.dr-tool svg{width:15px;height:15px}.dr-frame button.dr-tool:not(:disabled):hover{color:var(--dr-ink);background:#ffffff0d}.dr-frame button.dr-tool:disabled{opacity:.38;cursor:default}.dr-page{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff1f transparent;flex:1;min-height:0;padding:32px 44px 28px 40px;position:relative;overflow-y:auto}.dr-foot{border-top:1px solid var(--dr-line);height:38px;color:var(--dr-mute);white-space:nowrap;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:0 14px 0 20px;font-size:12.5px;display:flex;overflow:hidden}.dr-foot>span{text-overflow:ellipsis;overflow:hidden}.dr-foot>:only-child{margin-left:auto}.dr-foot-action{height:26px;color:var(--dr-mute);border-radius:6px;align-items:center;gap:6px;padding:0 6px;transition:color .15s;display:inline-flex}.dr-foot-action svg{width:13px;height:13px}.dr-foot-action:hover{color:var(--dr-ink)}.dr-block{color:var(--dr-text);letter-spacing:0;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 12px;font-size:15px;font-weight:400;line-height:1.65;display:block}.dr-block.is-h1{color:var(--dr-ink);letter-spacing:-.02em;margin-bottom:14px;font-size:26px;font-weight:600;line-height:1.2}.dr-block.is-h2{color:var(--dr-ink);letter-spacing:-.005em;margin:22px 0 6px;font-size:16px;font-weight:600;line-height:1.45}.dr-block.is-li{margin-bottom:4px;padding-left:18px;position:relative}.dr-block.is-li:before{content:"";background:var(--dr-mute);border-radius:50%;width:4px;height:4px;position:absolute;top:.78em;left:4px}.dr-block.is-placeholder{color:var(--dr-faint)}.dr-ai{background:var(--dr-raise);box-shadow:inset 0 0 0 1px var(--dr-line-2), inset 0 1px 0 #ffffff0d, 0 18px 40px -22px #000000d9;border-radius:12px;margin:8px -8px 18px;padding:4px;scroll-margin:16px 0 24px}.dr-ai-ask{align-items:center;gap:10px;height:42px;padding:0 5px 0 12px;display:flex}.dr-ai-mark{width:16px;height:16px;color:var(--dr-accent-2);flex:none}.dr-ai-ask input,.dr-ai-field{min-width:0;color:var(--dr-ink);font:inherit;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;outline:none;flex:1;padding:0;font-size:14.5px;overflow:hidden}.dr-ai-ask.is-multi{height:auto;min-height:42px;padding-block:5px}.dr-ai-ask textarea{min-width:0;max-height:4lh;color:var(--dr-ink);font:inherit;resize:none;field-sizing:content;background:0 0;border:0;outline:none;flex:1;padding:6px 0;font-size:14.5px;line-height:1.4}.dr-ai-ask.is-multi .dr-ai-field{white-space:normal;padding:6px 0;line-height:1.4}.dr-ai-ask textarea::placeholder,.dr-ai-ask input::placeholder,.dr-ai-field.is-placeholder{color:var(--dr-faint);opacity:1}.dr-ai-send{background:var(--dr-accent);width:32px;height:32px;color:var(--dr-ink);border-radius:8px;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:500;transition:background .15s,opacity .15s;display:inline-flex;box-shadow:inset 0 1px #ffffff38}.dr-ai-send svg{width:15px;height:15px}.dr-ai-send.has-label{width:auto;padding:0 13px}.dr-frame button.dr-ai-send:not(:disabled):hover{background:#8587f8}.dr-frame button.dr-ai-send:disabled{box-shadow:none;color:var(--dr-faint);cursor:default;background:#ffffff0f}.dr-ai-message{color:var(--dr-mute);padding:0 12px 9px 38px;font-size:12.5px;line-height:1.45}.dr-ai.is-busy .dr-ai-ask :is(input,textarea){color:var(--dr-mute);animation:1.3s ease-in-out infinite drThink}@keyframes drThink{50%{opacity:.4}}.dr-ai-quick{border-left:1px solid var(--dr-line);flex:none;align-items:center;gap:2px;padding-left:6px;display:flex}.dr-ai-icon{width:30px;height:30px;color:var(--dr-mute);border-radius:7px;place-items:center;transition:background .12s,color .12s;display:grid;position:relative}.dr-ai-icon svg{width:16px;height:16px}.dr-frame .dr-ai-icon:not(:disabled):hover{color:var(--dr-ink);background:#ffffff0f}.dr-ai-icon.is-on{color:var(--dr-accent-2);background:#7376f724}.dr-ai-icon:disabled{opacity:.4;cursor:default}.dr-frame .dr-ai-icon:focus-visible{outline:2px solid var(--dr-accent-2);outline-offset:0}.dr-ai-icon:after{content:attr(data-tip);z-index:4;box-shadow:inset 0 0 0 1px var(--dr-line-2), 0 6px 16px -6px #000c;color:var(--dr-ink);white-space:nowrap;opacity:0;pointer-events:none;background:#2a2828;border-radius:6px;padding:4px 7px;font-size:11.5px;font-weight:500;line-height:1;transition:opacity .12s,translate .12s;position:absolute;top:calc(100% + 6px);left:50%;translate:-50% -2px}.dr-ai-icon:hover:after,.dr-ai-icon:focus-visible:after{opacity:1;transition-delay:.38s;translate:-50%}@media (hover:none){.dr-ai-icon:after{display:none}}.dr-tone{color:var(--dr-mute);align-items:center;gap:12px;padding:4px 14px 10px 38px;font-size:12px;display:flex}.dr-tone input{--at:50%;cursor:pointer;appearance:none;background:0 0;flex:1;min-width:0;height:18px;margin:0}.dr-tone input::-webkit-slider-runnable-track{background:#ffffff1f;border-radius:1px;height:2px}.dr-tone input::-moz-range-track{background:#ffffff1f;border-radius:1px;height:2px}.dr-tone input::-webkit-slider-thumb{background:var(--dr-ink);appearance:none;border:0;border-radius:50%;width:14px;height:14px;margin-top:-6px;transition:box-shadow .15s;box-shadow:0 0 0 3px #7376f759,0 2px 6px #0009}.dr-tone input::-moz-range-thumb{background:var(--dr-ink);border:0;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 3px #7376f759}.dr-tone input:focus-visible{outline:none}.dr-tone input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--dr-accent-2)}.dr-tone input:disabled{opacity:.4;cursor:default}.dr-review .dr-tone{width:min(100%,300px);padding:0}.dr-fig-tone{border-radius:8px}.dr-fig-empty{cursor:pointer;border-radius:0;padding:32px 44px 28px 40px;transition:background .2s,box-shadow .2s;position:absolute;inset:0}.dr-fig-empty .dr-ai{margin-top:2px}.dr-fig-block{cursor:pointer;border-radius:8px;margin:0 -10px 6px;padding:6px 10px;transition:background .2s,box-shadow .2s}.dr-fig-block .dr-block{margin-bottom:0}.dr-fig-block .dr-block.is-li+.dr-block.is-li{margin-top:4px}.dr-fig-block.is-selected{background:#7376f71c;box-shadow:inset 0 0 0 1px #7376f780}.dr-ai.is-menu{margin-top:4px}.dr-ai.is-drawn .dr-ai-ask{cursor:default}.dr-frame.is-flashing [data-hot]{background:#7376f724;border-radius:8px;box-shadow:inset 0 0 0 2px #7376f7d9}.dr-reveal{animation:drReveal .52s var(--dr-ease) both}.dr-swap{animation:.36s both drSwap}@keyframes drReveal{0%{opacity:0;transform:translateY(6px)}}@keyframes drSwap{0%{opacity:0}}.dr-block.is-quiet{opacity:.5}.dr-block ins{color:var(--dr-ink);-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#7376f733;border-radius:3px;padding:0 1px;text-decoration:none}.dr-block del{color:#6f6d6d;-webkit-text-decoration:line-through #ffffff52;text-decoration:line-through #ffffff52}.dr-block.is-deleted:before{opacity:.4}.dr-review{flex-direction:column;align-items:flex-start;gap:10px;margin:14px 0 8px;display:flex}.dr-review-actions{align-items:center;gap:6px;display:flex}.dr-review-actions button:not(.dr-ai-icon){height:30px;color:var(--dr-text);background:#ffffff0d;border-radius:8px;padding:0 12px;font-size:13px;font-weight:500;transition:background .15s,color .15s}.dr-review-actions button:not(.dr-ai-icon):hover{color:var(--dr-ink);background:#ffffff14}.dr-review-actions button.is-primary{background:var(--dr-accent);color:var(--dr-ink);box-shadow:inset 0 1px #ffffff38}.dr-review-actions button.is-primary:hover{background:#8587f8}.dr-review-said{max-width:34rem;color:var(--dr-mute);font-size:12.5px;line-height:1.45}.dr-again.is-busy svg{animation:.9s linear infinite drTurn}.dr-frame .dr-again:disabled{opacity:1}.dr-reviewing:not(.is-draft) .dr-block ins{animation:.56s ease-out both drInk}.dr-reviewing.is-again .dr-block ins,.dr-reviewing.is-again.is-draft .dr-block.is-inserted{animation:1.3s ease-in-out infinite drThink}@keyframes drTurn{to{rotate:360deg}}@keyframes drInk{0%{color:var(--dr-accent-2);background:#7376f780}}.dr-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.dr-compare{margin:3rem 0 2.75rem}.dr-pair{grid-template-columns:1fr 1fr;gap:28px;display:grid}.dr-col{flex-direction:column;min-width:0;display:flex}.dr-col[hidden]{display:none}.dr-compare:not(.is-slide){max-width:65ch}.dr-compare.is-tabbed:not(.is-slide) .dr-pair{grid-template-columns:minmax(0,1fr)}.dr-seg{isolation:isolate;background:#ffffff06;border-radius:10px;margin-bottom:14px;padding:3px;display:inline-flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff14}.dr-seg-thumb{z-index:-1;background:#ffffff13;border-radius:7px;transition:left .26s cubic-bezier(.32,.72,0,1),width .26s cubic-bezier(.32,.72,0,1);position:absolute;top:3px;bottom:3px;box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 1px #ffffff0d}.dr-seg button{height:30px;color:var(--color-gray-medium,#8a8888);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 14px;font-size:13.5px;font-weight:500;line-height:1;transition:color .18s}.dr-seg button:hover{color:var(--color-gray-light,#d8d8da)}.dr-seg button.is-on{color:var(--color-ultralight,#fffbfa)}.dr-seg button:focus-visible{outline:2px solid var(--color-interactive-bright,#a5a8ff);outline-offset:2px}.dr-compare.is-slide{place-items:center;width:100%;height:100%;margin:0;display:grid;container-type:size}.dr-compare.is-slide .dr-pair{width:1220px;scale:min(tan(atan2(100cqh, 740px)), tan(atan2(100cqw, 1260px)));gap:40px}.dr-compare.is-slide.is-single .dr-pair{width:600px;scale:min(tan(atan2(100cqh, 740px)), tan(atan2(100cqw, 620px)));grid-template-columns:1fr}@media (max-width:767px){.dr-compare{margin:2.5rem 0 2rem}.dr-seg{display:flex}.dr-seg button{flex:1;height:34px;padding:0 10px;font-size:13px}.dr-compare:not(.is-slide) .dr-frame{--dr-h:540px;font-size:14.5px}.dr-compare:not(.is-slide) .dr-page,.dr-compare:not(.is-slide) .dr-fig-empty{padding:26px 36px 24px 22px}.dr-compare:not(.is-slide) .dr-block{font-size:14.5px}.dr-compare:not(.is-slide) .dr-block.is-h1{font-size:23px}.dr-compare:not(.is-slide) .dr-bar .dr-tool.has-label{gap:0;font-size:0}}@media (prefers-reduced-motion:reduce){.dr-reveal,.dr-swap,.dr-ai.is-busy .dr-ai-ask :is(input,textarea){animation:none}.dr-frame *,.dr-seg-thumb{transition:none!important}}.dr-frame .dr-block{text-transform:none;font-family:inherit}.dr-tool.is-disabled{opacity:.38}.dr-ai-ask input:focus-visible,.dr-ai-ask textarea:focus-visible{outline:none}.dr-block mark{color:var(--dr-ink);-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#7376f742;border-radius:2px;padding:1px 0}.dr-reviewing.is-draft .dr-block.is-inserted{position:relative}.dr-reviewing.is-draft .dr-block.is-inserted ins{color:inherit;background:0 0;padding:0}.dr-reviewing.is-draft .dr-block.is-inserted:after{content:"";background:#7376f7b3;border-radius:1px;width:2px;position:absolute;top:.25em;bottom:.25em;left:-16px}.dr-ai-status{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14.5px;line-height:1.4;overflow:hidden}.dr-ai-status>span{background:linear-gradient(90deg, var(--dr-mute) 0 38%, var(--dr-ink) 50%, var(--dr-mute) 62% 100%) 0 0 / 260% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:1.9s linear infinite drShimmer,.32s both drSwap}.dr-ai-status.is-alone{align-items:center;height:30px;font-size:13px;display:flex}@keyframes drShimmer{0%{background-position:100% 0}to{background-position:0 0}}.dr-form{animation:.24s both drSwap}.dr-reviewing.is-writing .dr-block ins{animation:none}.dr-reviewing.is-writing .dr-caret~del{color:var(--dr-mute);opacity:.55;text-decoration-color:#0000}.dr-caret{background:var(--dr-accent-2);vertical-align:-.16em;border-radius:1px;width:2px;height:1.05em;margin:0 1px 0 2px;display:inline-block;box-shadow:0 0 10px #a5a8ff8c}.dr-review{animation:.28s both drSwap}.dr-doc:focus{outline:none}@media (prefers-reduced-motion:reduce){.dr-ai-status>span{color:var(--dr-mute);background:0 0;animation:none}.dr-form,.dr-review{animation:none}}.dr-compare.is-slide .dr-frame{font-size:17px}.dr-compare.is-slide .dr-block{font-size:17.5px;line-height:1.6}.dr-compare.is-slide .dr-block.is-h1{font-size:30px}.dr-compare.is-slide .dr-block.is-h2{font-size:18.5px}.dr-compare.is-slide .dr-ai-ask input,.dr-compare.is-slide .dr-ai-ask textarea,.dr-compare.is-slide .dr-ai-field,.dr-compare.is-slide .dr-ai-status{font-size:16.5px}.dr-compare.is-slide .dr-ai-status.is-alone{font-size:14.5px}.dr-compare.is-slide .dr-ai-icon{width:34px;height:34px}.dr-compare.is-slide .dr-ai-icon svg{width:18px;height:18px}.dr-compare.is-slide .dr-tone,.dr-compare.is-slide .dr-ai-message,.dr-compare.is-slide .dr-review-said,.dr-compare.is-slide .dr-crumb,.dr-compare.is-slide .dr-foot,.dr-compare.is-slide .dr-tool{font-size:13.5px}.dr-compare.is-slide.is-single .dr-pair{width:620px;scale:min(tan(atan2(100cqh, 720px)), tan(atan2(100cqw, 640px)))}.dr-compare.is-slide .dr-frame{--dr-h:640px}@font-face{font-family:Missaali;font-style:normal;font-weight:400;font-display:block;src:url(/fonts/Missaali.woff2)format("woff2")}.dg{--dr-bg:#131212;--dr-raise:#1c1b1b;--dr-line:#ffffff12;--dr-line-2:#ffffff1a;--dr-ink:#fffbfa;--dr-text:#d8d8da;--dr-mute:#8a8888;--dr-faint:#5f5d5d;--dr-accent:#7376f7;--dr-accent-2:#a5a8ff;--dr-pen:#e0786f;--dr-ease:cubic-bezier(.32, .72, 0, 1);--dg-spring:linear(0, .06 3%, .24 8%, .5 14%, .76 21%, .93 28%, 1.02 35%, 1.045 42%, 1.035 50%, 1.012 62%, .998 76%, 1);--dg-card-shadow:inset 0 0 0 1px var(--dr-line-2), inset 0 1px 0 #ffffff0f, 0 22px 44px -18px #000000f2, 0 2px 8px #00000059;color:var(--dr-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:3.5rem 0 3rem}.dg :where(p,h3,h4,ol,ul,li,blockquote){max-width:none;margin:0}.dg :where(button){font:inherit;color:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.dg :focus-visible{outline:2px solid var(--dr-accent-2);outline-offset:2px;border-radius:8px}.dg .dr-block{text-transform:none;font-family:inherit}.dg-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.dg-nowrap{white-space:nowrap}.dg-rail{grid-template-columns:minmax(0,1fr);align-items:start;margin-bottom:22px;display:grid}.dg-stops{justify-content:space-between;display:flex;position:relative}.dg-stops:before{content:"";background:#ffffff1f;height:1px;position:absolute;top:14px;left:22px;right:22px}.dg-stop{flex-direction:column;align-items:center;gap:9px;width:44px;display:flex;position:relative}.dg-stop-num{width:28px;height:28px;color:var(--dr-mute);font-variant-numeric:tabular-nums;background:#0d0c0c;border-radius:50%;place-items:center;font-size:12px;font-weight:500;transition:background .2s,box-shadow .2s,color .2s;display:grid;box-shadow:inset 0 0 0 1px #ffffff29}.dg-stop-name{color:var(--dr-mute);white-space:nowrap;font-size:13px;transition:color .2s}.dg-stop:hover .dg-stop-num{color:var(--dr-ink);box-shadow:inset 0 0 0 1px #ffffff57}.dg-stop:hover .dg-stop-name{color:var(--dr-text)}.dg-stop.is-promising .dg-stop-num{color:var(--dr-accent-2);box-shadow:inset 0 0 0 1px #a5a8ff8c}.dg-stop.is-on .dg-stop-num{background:var(--dr-accent);color:var(--dr-ink);box-shadow:0 0 0 4px #7376f729}.dg-stop.is-on .dg-stop-name{color:var(--dr-ink)}.dg-stop:focus-visible{outline:none}.dg-stop:focus-visible .dg-stop-num{box-shadow:0 0 0 2px #0d0c0c, 0 0 0 4px var(--dr-accent-2)}.dg-stage{flex-direction:column;height:500px;padding:40px 56px;display:flex;position:relative}.dg-flag{color:var(--dr-accent-2);font-size:12.5px;font-weight:500;position:absolute;top:18px;right:22px}.dg-body{animation:dgIn .32s var(--dr-ease);flex-direction:column;flex:1;justify-content:center;padding-bottom:52px;display:flex;container-type:inline-size}.dg-held{flex:none}.dg-stage.is-medieval .dg-body{min-height:0;padding-bottom:0}@keyframes dgIn{0%{opacity:0;transform:translateY(6px)}}.dg-page{width:min(100%,34rem);margin:0 auto}.dg:not(.is-slide) .dg-page{margin-inline:0}.dg-row{grid-template-columns:minmax(0,1fr);align-items:start;gap:40px;display:grid}.dg-page.has-aside{width:min(100%,37rem)}.dg-page.has-aside .dg-row{grid-template-columns:minmax(0,1fr) 13rem}.dg-page.has-aside .dr-block.is-p{font-size:16.5px}@container (max-width:600px){.dg-redline.has-aside .dg-row{grid-template-columns:minmax(0,1fr) 10.5rem;gap:28px}.dg-redline.has-aside .dr-block.is-p{font-size:15px}}.dg-page.dg-direct{flex-direction:column;width:100%;height:100%;display:flex}.dg-page.dg-direct .dg-row{flex:1;grid-template-columns:minmax(0,26rem) minmax(150px,1fr);align-items:stretch;gap:56px}.dg-page.dg-direct .dg-sheet{align-self:start}.dg-sheet{min-width:0;position:relative}.dg .dr-block.is-p{font-size:17.5px;line-height:1.7}.dg .dr-block.is-h1{margin-bottom:18px;font-size:30px}.dg-target{margin-bottom:0!important}.dg-prose .dr-block.is-p{margin:0}.dg-prose .dr-block.is-p+.dr-block.is-p{margin-top:14px}.dg-prose .dr-block.is-verse{padding-left:1.5em;font-style:italic}.dg-prose .dr-block.is-verse+.dr-block.is-verse{margin-top:0}.dg-target.is-changing{pointer-events:none}.dg-w{display:inline-block}.dg-words.is-out .dg-w{animation:.26s ease-in both dgWordOut;animation-delay:calc(min(var(--i) * 9, 260) * 1ms)}.dg-words.is-in .dg-w{animation:dgWordIn .52s var(--dr-ease) both;animation-delay:calc(min(var(--i) * 16, 560) * 1ms)}.dg-words.is-quick .dg-w{animation:.24s ease-out both dgWordQuick;animation-delay:calc(min(var(--i) * 3, 100) * 1ms)}@keyframes dgWordQuick{0%{opacity:0}}@keyframes dgWordOut{to{opacity:0;filter:blur(4px);transform:translateY(-3px)}}@keyframes dgWordIn{0%{opacity:0;filter:blur(5px);color:var(--dr-accent-2);transform:translateY(4px)}60%{color:var(--dr-accent-2)}}.dg-settle{-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:3px;animation:1.4s ease-out both dgSettle}@keyframes dgSettle{0%{color:var(--dr-ink);background:#7376f747}to{background:#7376f700}}.dg-anchor{position:relative}.dg-pickable{cursor:text;border-radius:6px;outline:none;transition:background-color .2s,box-shadow .2s}.dg-pickable ::selection{color:var(--dr-ink);background:#7376f757}.dg .dg-pickable:focus-visible{background:#7376f712;outline:none;box-shadow:0 0 0 8px #7376f712}.dg-pickable.is-changing{cursor:default;pointer-events:none}.dg-sel{color:var(--dr-ink);background:#7376f757;border-radius:2px;padding:2px 0}.dg-sel.is-busy{background:linear-gradient(90deg,#7376f733,#a5a8ff75,#7376f733) 0 0/200% 100%;animation:1.2s linear infinite dgBusy}@keyframes dgBusy{to{background-position:-200% 0}}.dg-spark{width:26px;height:26px;color:var(--dr-faint);border-radius:7px;place-items:center;transition:color .16s,background .16s;display:grid;position:absolute;top:2px;left:-36px}.dg-spark svg{width:15px;height:15px}.dg-anchor:hover .dg-spark{color:var(--dr-accent-2)}.dg-spark:hover{background:#ffffff0d}.dg-card{z-index:5;background:var(--dr-raise);width:236px;box-shadow:var(--dg-card-shadow);transform-origin:18px 0;animation:dgPop .42s var(--dg-spring) both, dgFade .14s ease-out both;border-radius:12px;outline:none;padding:5px;position:absolute}.dg-card.is-placing,.dg-ask.is-placing{visibility:hidden;animation:none}@keyframes dgPop{0%{transform:translateY(-6px)scale(.93)}}@keyframes dgFade{0%{opacity:0}}.dg-card-item{width:100%;height:34px;color:var(--dr-text);white-space:nowrap;border-radius:7px;align-items:center;gap:10px;padding:0 10px;font-size:13.5px;display:flex}.dg-card-item svg{width:15px;height:15px;color:var(--dr-mute);flex:none;transition:color .12s}.dg-card-item.is-active{color:var(--dr-ink);background:#ffffff0f}.dg-card-item.is-active svg{color:var(--dr-accent-2)}.dg-card-item .dg-card-on{color:var(--dr-accent-2);margin-left:auto}.dg-ask{z-index:5;background:var(--dr-raise);width:392px;box-shadow:var(--dg-card-shadow);transform-origin:18px 0;animation:dgPop .42s var(--dg-spring) both, dgFade .14s ease-out both;border-radius:14px;position:absolute}.dg-ask-row{align-items:center;gap:10px;height:48px;padding:0 9px 0 15px;display:flex}.dg-ask-spark{width:15px;height:15px;color:var(--dr-accent-2);flex:none}.dg-ask input{min-width:0;height:100%;color:var(--dr-ink);font:inherit;background:0 0;border:0;outline:none;flex:1;padding:0;font-size:14.5px}.dg-ask input::placeholder{color:var(--dr-faint)}.dg .dg-ask input:focus-visible,.dg .dg-card:focus-visible{outline:none}.dg-ask-send{background:var(--dr-accent);width:28px;height:28px;color:var(--dr-ink);border-radius:50%;flex:none;place-items:center;transition:background .16s,color .16s;display:grid}.dg-ask-send svg{width:15px;height:15px}.dg-ask-send:disabled{color:var(--dr-faint);cursor:default;background:#ffffff12}.dg-ask-note{color:var(--dr-mute);padding:0 18px 14px 40px;font-size:13px;line-height:1.45;margin-top:-5px!important}.dg-ask-note.is-writing{background:linear-gradient(90deg, var(--dr-faint) 20%, var(--dr-ink) 50%, var(--dr-faint) 80%) 0 0 / 200% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:1.4s linear infinite dgBusy}.dg-tracked .dr-block.is-p{line-height:1.85}.dg-change del{color:var(--dr-mute);-webkit-text-decoration:line-through #fff6;text-decoration:line-through #fff6}.dg-change ins{color:var(--dr-ink);text-underline-offset:4px;background:#7376f729;border-radius:3px;padding:1px 2px;-webkit-text-decoration:underline #a5a8ffb3;text-decoration:underline #a5a8ffb3}.dg-change-tools{vertical-align:1px;gap:2px;margin:0 3px 0 5px;display:inline-flex}.dg-change-tools button{width:20px;height:20px;color:var(--dr-text);background:#ffffff0f;border-radius:6px;place-items:center;transition:background .14s,color .14s;display:inline-grid}.dg-change-tools svg{width:12px;height:12px}.dg-change-tools button:first-child:hover{background:var(--dr-accent);color:var(--dr-ink)}.dg-change-tools button:last-child:hover{color:var(--dr-ink);background:#ffffff1f}.dg-marked .dr-block.is-p{line-height:1.75}.dg-strike{background:linear-gradient(var(--dr-pen), var(--dr-pen)) no-repeat 0 60% / 0% 1.6px;animation:.48s cubic-bezier(.55,0,.35,1) forwards dgStrike}@keyframes dgStrike{to{color:var(--dr-mute);background-size:100% 1.6px}}.dg-hand{color:var(--dr-pen);font-family:Caveat,cursive;font-size:1.28em;font-weight:600;line-height:1}.dg-red>*{border-radius:2px;transition:background-color .2s}.dg-red.is-hover>.dg-strike,.dg-red.is-hover>.dg-hand{background-color:#e0786f1a}.dg-redline{position:relative}.dg-arrows{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.dg-arrow path{fill:none;stroke:var(--dr-pen);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;opacity:.9;animation:dgDraw .42s cubic-bezier(.45, 0, .3, 1) var(--at,0s) both;transition:stroke-width .2s,opacity .2s}.dg-arrow path.is-head{animation-duration:.16s;animation-delay:calc(var(--at,0s) + .4s)}.dg-arrow.is-hover path{stroke-width:2px;opacity:1}@keyframes dgDraw{0%{stroke-dashoffset:1px;opacity:0}1%{opacity:.9}to{stroke-dashoffset:0;opacity:.9}}.dg-redline .dg-aside{align-self:stretch;position:relative}.dg-notes{margin:0;padding:0;list-style:none;position:relative}.dg-note{transition:top .32s var(--dr-ease), opacity .24s;animation:dgNote .46s var(--dg-spring) .7s both, dgFade .2s ease-out .7s both;position:absolute;left:0;right:0}@keyframes dgNote{0%{transform:translate(-8px)rotate(-2deg)}}.dg-note-text{color:var(--dr-pen);transform-origin:0;font-family:Caveat,cursive;font-size:21px;font-weight:600;line-height:1.12;transition:color .2s;transform:rotate(-1.2deg)}.dg-note.is-hover .dg-note-text{color:#ef9890}.dg-box{cursor:default;position:relative}.dg-box.is-sized{transition:width .16s var(--dr-ease), height .16s var(--dr-ease)}.dg-direct.is-dragging .dg-box{transition:none}.dg-direct.is-dragging{-webkit-user-select:none;user-select:none}.dg-box:before{content:"";pointer-events:none;border-radius:3px;transition:box-shadow .15s;position:absolute;inset:-6px -8px;box-shadow:0 0 0 1px #0000}.dg-box:hover:before{box-shadow:0 0 0 1px #7376f74d}.dg-box.is-selected:before{box-shadow:0 0 0 1px #7376f79e}.dg-box:not(.is-selected):not(.is-sized):before{animation:1.8s ease-in-out .8s dgHint}@keyframes dgHint{40%,60%{box-shadow:0 0 0 1px #7376f752}}.dg-box-handle{z-index:2;opacity:0;pointer-events:none;touch-action:none;background:#0d0c0c;border-radius:1.5px;width:7px;height:7px;transition:opacity .14s;position:absolute;box-shadow:inset 0 0 0 1px #a5a8ffe6}.dg-box-handle:after{content:"";position:absolute;inset:-12px}.dg-box.is-selected .dg-box-handle,.dg-box:focus-within .dg-box-handle{opacity:1;pointer-events:auto}.dg-box-handle.is-s{cursor:ns-resize;margin-left:-3.5px;bottom:-9.5px;left:50%}.dg .dg-box-handle:focus-visible{outline:1px solid var(--dr-accent-2);outline-offset:2px;border-radius:2px}.dg-measure{visibility:hidden;pointer-events:none;position:absolute;top:0;left:0}.dg-said{min-height:0;color:var(--dr-mute);opacity:0;font-size:13px;line-height:1.45;transition:opacity .24s;margin-top:16px!important}.dg-said.is-on{opacity:1}.dg-measure .dr-block{margin:0}.dg-tone{opacity:0;pointer-events:none;transition:opacity .2s ease-out;display:flex}.dg-direct.is-selected .dg-tone{opacity:1;pointer-events:auto}.dg-pad{background:var(--dr-raise);min-height:180px;box-shadow:var(--dg-card-shadow);cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:12px;flex:1;position:relative}.dg .dg-pad:focus-visible{outline:1px solid var(--dr-accent-2);outline-offset:3px;border-radius:12px}.dg-pad-axis{pointer-events:none;background:#ffffff0f;position:absolute}.dg-pad-axis.is-x{height:1px;top:50%;left:0;right:0}.dg-pad-axis.is-y{width:1px;top:0;bottom:0;left:50%}.dg-pad-label{color:#8a8888;letter-spacing:.01em;opacity:.75;pointer-events:none;font-size:11px;line-height:1;transition:color .18s,opacity .18s;position:absolute}.dg-pad-label.is-on{color:var(--dr-ink);opacity:1}.dg-pad-label.is-top{top:10px;left:50%;translate:8px}.dg-pad-label.is-bottom{bottom:10px;left:50%;translate:8px}.dg-pad-label.is-left{top:50%;left:10px;translate:0 calc(-100% - 7px)}.dg-pad-label.is-right{top:50%;right:10px;translate:0 calc(-100% - 7px)}.dg-pad-point{background:var(--dr-ink);pointer-events:none;width:9px;height:9px;transition:left .14s var(--dr-ease), top .14s var(--dr-ease), scale .14s var(--dr-ease);border-radius:50%;margin:-4.5px 0 0 -4.5px;position:absolute;box-shadow:0 0 0 2px #0d0c0c,0 0 0 3px #a5a8ffcc}.dg-direct.is-toning .dg-pad-point{transition:scale .14s var(--dr-ease);scale:1.25}.dg-stage.is-medieval{background:0 0;padding:0;overflow:hidden}.mv{scrollbar-width:none;flex:1;min-height:0;position:relative;overflow:hidden}.mv.is-pan,.mv.is-fit{-webkit-mask:linear-gradient(#0000,#000 32px calc(100% - 32px),#0000);mask:linear-gradient(#0000,#000 32px calc(100% - 32px),#0000)}.mv.is-scroll{overflow-y:auto}.mv::-webkit-scrollbar{display:none}.mv-sizer{height:100%;position:relative}.mv-leaf{transform-origin:0 0;opacity:0;-webkit-user-select:none;user-select:none;isolation:isolate;will-change:transform;width:1280px;height:1779px;transition:opacity .7s ease-out;position:absolute;top:0;left:0;box-shadow:0 50px 110px -30px #000000d9,0 6px 18px #00000080}.mv.is-on .mv-leaf{opacity:1}.mv-vellum{width:100%;height:100%;display:block;position:absolute;inset:0}.mv-writing{mix-blend-mode:multiply;position:absolute;inset:0}.mv-line{display:block;position:absolute}.mv-filler{position:absolute;overflow:hidden;translate:-100%}.mv-filler img{width:100%;height:100%;display:block;translate:100%}.mv.is-writing .mv-filler,.mv.is-writing .mv-filler img{animation:1.1s cubic-bezier(.4,0,.2,1) both mvPaint}@keyframes mvPaint{to{translate:0}}.mv-beast{transition:rotate 1.6s cubic-bezier(.25,.6,.25,1);position:absolute}.mv-beast img{width:100%;height:100%;display:block}.mv-gold{mix-blend-mode:screen;opacity:0;pointer-events:none;will-change:opacity;transition:opacity .9s ease-out;position:absolute;inset:0;overflow:hidden;-webkit-mask:url(/blog/the-best-time-to-be-a-designer/medieval/gold.webp) 0 0/100% 100%;mask:url(/blog/the-best-time-to-be-a-designer/medieval/gold.webp) 0 0/100% 100%}.mv-glint{will-change:transform;background:radial-gradient(closest-side,#ffeebebf,#ffd6824d 50%,#0000);width:400px;height:400px;position:absolute;top:-200px;left:-200px}.mv.is-lit .mv-gold{opacity:1}.mv:focus{outline:none}.mv-omen{cursor:pointer;opacity:0;background:0 0;border:0;border-radius:50%;padding:0;transition:opacity .7s ease-out,translate .7s cubic-bezier(.25,.6,.25,1),scale .7s cubic-bezier(.25,.6,.25,1);position:absolute;translate:0 6px}.mv-omen img{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.mv-omen-lit{opacity:0;transition:opacity .6s ease-out}.mv-omen:before{content:"";opacity:.45;border-radius:50%;transition:opacity .6s ease-out;position:absolute;inset:6%;box-shadow:0 14px 26px #3c261052}.mv.is-on.is-choosing .mv-omen{opacity:1;translate:0}.mv.is-choosing .mv-omen:hover,.mv.is-choosing .mv-omen:focus-visible{transition-delay:0s;translate:0 -5px;scale:1.012}.mv.is-choosing .mv-omen:hover .mv-omen-lit,.mv.is-choosing .mv-omen:focus-visible .mv-omen-lit,.mv.is-choosing .mv-omen:hover:before,.mv.is-choosing .mv-omen:focus-visible:before{opacity:1}.dg .mv-omen:focus-visible{outline:none}.mv-omen:focus-visible .mv-omen-lit{border-radius:50%;box-shadow:0 0 0 5px #e8c4708c}.mv.is-writing .mv-omen{opacity:0;pointer-events:none;transition-duration:.6s;scale:.97}.mv.is-writing .mv-omen.is-chosen .mv-omen-lit{opacity:1}.mv-mark{cursor:pointer;transform-origin:50% 100%;background:0 0;border:0;padding:0;transition:rotate 1.6s cubic-bezier(.25,.6,.25,1);position:absolute}.dg .mv-mark:focus-visible{outline:none}.mv-mark:focus-visible .mv-mark-colour{filter:drop-shadow(0 0 6px #e8c470e6)}.mv-mark img{pointer-events:none;width:100%;height:100%;display:block}.mv-mark-ink{position:absolute;inset:0;overflow:hidden;translate:-100%}.mv-mark-ink img{translate:100%}.mv-mark-colour{opacity:0;position:absolute;inset:0}.mv.is-writing .mv-mark-ink,.mv.is-writing .mv-mark-ink img{animation:1.5s cubic-bezier(.45,0,.35,1) both mvPaint}.mv.is-writing .mv-mark-colour{animation:1.4s ease-out both mvColour}@keyframes mvColour{to{opacity:1}}.dg.is-slide{place-items:center;width:100%;height:100%;margin:0;display:grid;container-type:size}.dg.is-slide .dg-frame{width:1000px;height:590px;scale:min(tan(atan2(100cqw, 1000px)), tan(atan2(100cqh, 590px)));flex-direction:column;padding:10px 0 14px;display:flex}.dg.is-slide .dg-rail{grid-template-columns:minmax(0,1fr);margin-bottom:18px}.dg.is-slide .dg-stop-name{font-size:15px}.dg.is-slide .dg-stage{flex:1;height:auto;min-height:0;padding:32px 48px;overflow:hidden}.dg.is-slide .dg-stage.is-medieval{padding:0}.dg.is-slide .dr-block.is-p{font-size:18px}.dg.is-slide .dr-block.is-h1{font-size:30px}@media (max-width:767px){.dg{margin:2.5rem 0 2rem}.dg-rail{margin-bottom:18px}.dg-stops{padding-bottom:26px}.dg-stops:before{left:18px;right:18px}.dg-stop{width:36px}.dg-stop-name{visibility:hidden;font-size:12.5px;position:absolute;top:37px;left:50%;translate:-50%}.dg-stop:first-child .dg-stop-name{left:0;translate:none}.dg-stop:last-child .dg-stop-name{left:auto;right:0;translate:none}.dg-stop.is-on .dg-stop-name{visibility:visible}.dg-stage{height:auto;min-height:0;padding:20px 0 24px}.dg-held{height:auto!important}.dg .dg-stage .dg-body{padding-bottom:0}.dg-flag{position:static;margin-bottom:16px!important}.dg .dr-block.is-p{font-size:15px}.dg .dr-block.is-h1{margin-bottom:14px;font-size:23px}.dg-page,.dg-page.has-aside{width:100%}.dg-page.dg-direct{height:auto}.dg-page.has-aside .dg-row,.dg-page.dg-direct .dg-row{grid-template-columns:minmax(0,1fr);gap:26px}.dg .dg-page.has-aside .dr-block.is-p{font-size:15px}.dg-spark{display:none}.dg-card,.dg-ask{margin-top:14px;position:static}.dg-ask{width:100%}.dg-ask-note{padding-left:15px}.dg-redline .dg-aside{align-self:auto}.dg-notes{flex-direction:column;gap:16px;display:flex;min-height:0!important}.dg-note{position:static}.dg-tone{display:none}.dg-direct.is-selected .dg-tone{animation:.18s ease-out both dgFade;display:flex}.dg-pad{aspect-ratio:4/3;min-height:0}.mv{flex:none}.mv.is-pending{aspect-ratio:840/1779}}@media (prefers-reduced-motion:reduce){.dg-body,.dg-card,.dg-ask,.dg-note,.dg-settle,.dg-words .dg-w{animation:none}.dg-strike{color:var(--dr-mute);background-size:100% 1.6px;animation:none}.dg-arrow path{stroke-dashoffset:0;animation:none}.dg-box,.dg-box.is-sized,.dg-pad-point,.dg-note,.dg-tone{transition:none}.dg-box:before{animation:none!important}.mv.is-writing .mv-filler,.mv.is-writing .mv-filler img{animation:none;translate:none}.mv-leaf,.mv-beast,.mv-gold,.mv-omen,.mv-omen-lit,.mv-omen:before,.mv-mark{transition:none}.mv.is-writing .mv-mark-ink,.mv.is-writing .mv-mark-ink img{animation:none;translate:none}.mv.is-writing .mv-mark-colour{opacity:1;animation:none}.mv.is-choosing .mv-omen:hover,.mv.is-choosing .mv-omen:focus-visible{translate:none;scale:none}}@media (hover:none){.dg .dg-box:hover:not(.is-selected):before{box-shadow:0 0 0 1px #0000}}.dr-doc{min-height:100%;position:relative}.dr-surface{caret-color:var(--dr-accent-2);cursor:text;outline:none}.dr-frame .dr-surface:focus,.dr-frame .dr-surface:focus-visible{outline:none}.dr-surface .dr-block{position:relative}.dr-surface ::selection,.dr-static ::selection{background:#7376f752}.dr-surface .dr-block.is-empty:after{color:var(--dr-faint);pointer-events:none;position:absolute;top:0;left:0}.dr-surface .dr-block.is-li.is-empty:after{left:18px}.dr-surface .dr-block.is-h1.is-empty:after{content:"Untitled"}.dr-surface .dr-block.is-h2.is-empty.is-caret:after{content:"Heading"}.dr-surface .dr-block:is(.is-p,.is-li).is-empty.is-caret:after{content:"Press space for AI"}.dr-surface.is-blank .dr-block.is-p:nth-child(2).is-empty:after{content:"Press space for AI, or start writing"}.dr-card{margin-top:6px}.dr-card .dr-ai{margin-top:0}.dr-float{z-index:3;background:var(--dr-raise);height:32px;box-shadow:inset 0 0 0 1px var(--dr-line-2), inset 0 1px 0 #ffffff0f, 0 12px 28px -12px #000000e6;color:var(--dr-ink);white-space:nowrap;border-radius:9px;align-items:center;gap:7px;padding:0 7px 0 10px;font-size:13px;font-weight:500;animation:.16s ease-out both drFloat;display:inline-flex;position:absolute;transform:translate(-50%)}.dr-float svg{width:14px;height:14px;color:var(--dr-accent-2)}.dr-float kbd{color:var(--dr-mute);font:inherit;background:#ffffff0f;border-radius:5px;padding:1px 5px;font-size:11.5px;font-weight:400}.dr-frame button.dr-float:hover{background:#242323}@keyframes drFloat{0%{opacity:0;transform:translate(-50%,3px)}}.dr-static .dr-block mark{padding:1px 0}@media (prefers-reduced-motion:reduce){.dr-float{animation:none}}
.dg.has-land:not(.is-slide){max-width:65ch;font-size:var(--text-base);container:dg/inline-size}.dg.has-land:not(.is-slide) .dg-stop:first-child{align-items:flex-start}.dg.has-land:not(.is-slide) .dg-stop:last-child{align-items:flex-end}.dg.has-land .dg-frame{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);display:grid}.dg.has-land .dg-rail{grid-area:1/1/auto/-1}.dg.is-slide.has-land{grid-template:minmax(0,1fr)/minmax(0,1fr)}.dg.is-slide.has-land .dg-frame{width:1428px;height:640px;scale:min(tan(atan2(100cqw, 1428px)), tan(atan2(100cqh, 640px)));grid-template-rows:auto minmax(0,1fr);grid-template-columns:864px 512px;column-gap:52px}.dg.is-slide.has-land .dg-stage{grid-area:2/1;height:auto}.dg.is-slide.has-land .ls{grid-area:2/2}.dg.has-land:not(.is-slide) .dg-stage{height:560px;padding:0}.dg.has-land:not(.is-slide) .dg-doc{--dr-h:100%}.dg.has-land:not(.is-slide) .dg-doc .dr-page{flex-direction:column;display:flex}.dg.has-land:not(.is-slide) .dg-doc .dg-body{justify-content:flex-start;padding-bottom:0}.dg.has-land:not(.is-slide) .dg-doc .dg-page{width:100%;margin:0}.dg.has-land:not(.is-slide) .dg-doc .dr-block.is-p{font-size:15px}.dg.has-land:not(.is-slide) .dg-doc .dr-block.is-h1{margin-bottom:14px;font-size:26px}.dg.has-land:not(.is-slide) .dg-stage.is-medieval .dr-page{padding:0}@media (max-width:767px){.dg.has-land:not(.is-slide) .dg-stage{height:540px;padding:0}.dg.has-land:not(.is-slide) .dg-doc{font-size:14.5px}.dg.has-land:not(.is-slide) .dg-doc .dr-page{padding:26px 36px 24px 22px}.dg.has-land:not(.is-slide) .dg-doc .dr-block.is-p{font-size:14.5px}.dg.has-land:not(.is-slide) .dg-doc .dr-block.is-h1{font-size:23px}.dg.has-land:not(.is-slide) .dg-stage.is-medieval .dr-page{padding:0}.dg.has-land:not(.is-slide) .dg-doc .dg-page.dg-direct .dg-row{gap:14px}.dg.has-land:not(.is-slide) .dg-doc .dg-tone{display:flex}.dg.has-land:not(.is-slide) .dg-doc .dg-pad{aspect-ratio:16/7}}@container dg (min-width:900px){.dg.has-land .dg-frame{grid-template-columns:minmax(560px,1fr) minmax(300px,.62fr);column-gap:48px}.dg.has-land .dg-stage{grid-area:2/1}.dg.has-land .ls{grid-area:2/2}}@container dg (max-width:899px){.dg.has-land .dg-stage,.dg.has-land .ls{grid-area:2/1}.dg.has-land .ls{z-index:1;opacity:0;pointer-events:none;transition:opacity .42s var(--dr-ease)}.dg.has-land.is-walking .ls{opacity:1;pointer-events:auto}.dg.has-land .dg-stage{transition:opacity .42s var(--dr-ease)}.dg.has-land.is-walking .dg-stage{opacity:0}}.dg-cursor{z-index:30;pointer-events:none;will-change:transform;transition-property:transform;position:absolute;top:0;left:0}.dg-cursor svg{opacity:0;fill:#fffbfa;stroke:#0d0c0ce6;stroke-width:1.1px;stroke-linejoin:round;filter:drop-shadow(0 1px 1.5px #00000073);transform-origin:2px 2px;transition:opacity .22s ease-out,scale .11s ease-out;display:block}.dg-cursor.is-on svg{opacity:1}.dg-cursor.is-down svg{scale:.86}.dg.is-slide .dg-cursor svg{width:19px;height:26px}.dg-change.is-new{animation:.26s ease-out both dgFade}.ls{-webkit-tap-highlight-color:transparent;min-width:0;min-height:0;position:relative}.ls-surface,.ls-marks{width:100%;height:100%;position:absolute;inset:0}.ls-marks{overflow:visible}.ls-route path{fill:none;stroke:#fffbfa42;stroke-width:1px;stroke-dasharray:2 4;stroke-linecap:round;stroke-linejoin:round}.ls-route.is-on path{stroke:var(--dr-accent-2);stroke-width:1.5px}.ls-route .is-hidden{opacity:.3}.ls-start{fill:var(--dr-accent-2)}.ls-reveal{fill:none;stroke:#fff;stroke-width:6px;stroke-dasharray:1 1;transition:stroke-dashoffset .9s cubic-bezier(.45,0,.2,1)}.ls-point{cursor:pointer}.ls-hit{fill:#0000}.ls-ring{fill:#7376f700;transition:fill .2s}.ls-dot{fill:#0d0c0c;stroke:#fff3;stroke-width:1px;transition:fill .2s,stroke .2s}.ls-num{fill:var(--dr-mute);font-variant-numeric:tabular-nums;text-anchor:middle;font-size:12px;font-weight:500;transition:fill .2s}.ls-point:hover .ls-dot{stroke:#fff6}.ls-point:hover .ls-num{fill:var(--dr-ink)}.ls-point.is-promising .ls-dot{stroke:#a5a8ff8c}.ls-point.is-promising .ls-num{fill:var(--dr-accent-2)}.ls-point.is-on .ls-ring{fill:#7376f729}.ls-point.is-on .ls-dot{fill:var(--dr-accent);stroke:var(--dr-accent)}.ls-point.is-on .ls-num{fill:var(--dr-ink)}.ls-name{fill:var(--dr-ink);pointer-events:none;animation:lsName .42s var(--dr-ease) .16s both;font-size:13px;font-weight:500}.ls.is-slide .ls-name{font-size:15px}@keyframes lsName{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.ls-name{animation:none}.ls-reveal,.ls-ring,.ls-dot,.ls-num,.dg.has-land .ls,.dg.has-land .dg-stage,.dg-cursor svg{transition:none}.dg-change.is-new{animation:none}}
.god-rays-bg{pointer-events:none;background:#0d0c0c;position:absolute;inset:0;overflow:hidden}.god-rays-glow{background:radial-gradient(at 85% -20%,#ffffff3d,#ffffff14 28%,#0000 52%);position:absolute;inset:0}.god-rays-depth-fade{background:linear-gradient(#0000 0%,#0003 48%,#000000c7 100%);position:absolute;inset:0}.god-rays-vignette{background:radial-gradient(#0000 28%,#000000b8 100%);position:absolute;inset:0}.site-fog{z-index:-9;pointer-events:none;height:100lvh;position:fixed;inset:0 0 auto;overflow:hidden}.site-fog-field{width:100%;height:100%;position:absolute}.site-fog-field.is-ready{opacity:1;transition:none}.site-fog-field[data-failed]{background:radial-gradient(85% 28% at 22% 75%,#8a888838,#0000),radial-gradient(90% 35% at 80% 100%,#8a888847,#0000);animation:2.1s cubic-bezier(.22,1,.36,1) both site-fog-arrive}.site-fog:not([data-haunted]) .site-fog-field[data-failed]{opacity:0;transition:opacity .8s,transform .8s;animation:none;transform:translateY(20%)}@keyframes site-fog-arrive{0%{opacity:0;transform:translateY(35%)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.site-fog .site-fog-field{transition:none;animation:none}}
:root{--ease-house:cubic-bezier(.32, .72, 0, 1);--motion-fast:.12s;--motion-ui:.18s;--motion-panel:.24s}@keyframes motion-fade-in{0%{opacity:0}to{opacity:1}}@keyframes motion-surface-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes motion-spin{to{transform:rotate(360deg)}}.cta-primary,.cta-secondary{transition:transform var(--motion-fast) var(--ease-house), filter var(--motion-fast) var(--ease-house), box-shadow var(--motion-ui) var(--ease-house), background-color var(--motion-fast) var(--ease-house), border-color var(--motion-fast) var(--ease-house), opacity var(--motion-fast) var(--ease-house)}.cta-primary:disabled{transform:none}.motion-dialog[open],.motion-menu{animation:motion-surface-in var(--motion-ui) var(--ease-house)}.motion-dialog[open]::backdrop{animation:motion-fade-in var(--motion-ui) var(--ease-house)}.motion-feedback{animation:motion-fade-in var(--motion-fast) var(--ease-house)}.motion-spin{animation:.8s linear infinite motion-spin}.learn-page-surface h1[tabindex="-1"]:focus{outline:none}.learn-route-loading{z-index:120;pointer-events:none;height:2px;position:fixed;inset:0 0 auto;overflow:hidden}.learn-route-loading i{background:var(--color-interactive-bright);width:35%;height:100%;animation:learn-route-progress 1s var(--ease-house) infinite;display:block;transform:translate(-110%)}@keyframes learn-route-progress{to{transform:translate(390%)}}.learn-ring-arc{transition:stroke-dashoffset var(--motion-panel) var(--ease-house)}.learn-app details>summary :is(.lucide-chevron-right,.lucide-chevron-down){transition:transform var(--motion-ui) var(--ease-house)}.learn-app details[open]>summary .lucide-chevron-right{transform:rotate(90deg)}.learn-app details[open]>summary .lucide-chevron-down{transform:rotate(180deg)}@supports (interpolate-size:allow-keywords){.learn-app details:not(.learn-menu)::details-content{interpolate-size:allow-keywords;opacity:0;height:0;transition:height var(--motion-panel) var(--ease-house), opacity var(--motion-fast) var(--ease-house), content-visibility var(--motion-panel) allow-discrete;overflow:clip}.learn-app details:not(.learn-menu)[open]::details-content{opacity:1;height:auto}}@media (prefers-reduced-motion:reduce){.cta-primary,.cta-secondary,.learn-ring-arc,.learn-app details>summary :is(.lucide-chevron-right,.lucide-chevron-down){transition:none!important}.learn-app details::details-content{transition:none!important}.motion-spin,.motion-feedback,.motion-dialog[open],.motion-dialog[open]::backdrop,.motion-menu,.learn-route-loading i{animation:none}.learn-route-loading i{opacity:.55;width:100%;transform:none}.cta-primary:hover{transform:none}}