body{margin:0}.site{min-height:100vh}.site-skip{z-index:100;background:var(--a-color-accent);color:var(--a-color-on-accent);padding:12px;position:fixed;inset:8px auto auto 8px;transform:translateY(-200%)}.site-skip:focus{transform:none}.site__main:focus{outline:none}.site__logo{width:132px;height:auto;display:block}.site[data-theme=dark] .site__logo{filter:invert()}.site__legal{padding-block:var(--a-space-16)}.site--pop{--pop-night:#0c0f18;--pop-paper:#f4f4f0;--pop-blue:#79d9ff;--pop-orange:#ed633b;background:var(--pop-paper)}.pop-wrap{width:min(1040px,100% - 64px);margin-inline:auto}.site--pop :is(section,[id]){scroll-margin-top:24px}.pop-hero{background:var(--pop-night);color:var(--pop-paper);overflow:clip}.pop-nav{justify-content:center;align-items:center;max-width:1440px;min-height:80px;margin-inline:auto;padding:16px 28px;display:flex;position:relative}.pop-nav nav{--a-color-ink:#f4f4f0;gap:12px;display:flex}.pop-nav nav .c-button{--a-type-h6-size:14px}.pop-nav__action{--a-type-h6-size:12px;position:absolute;right:28px}.pop-hero__inner{max-width:1280px;margin-inline:auto;padding:48px 0 126px}.pop-hero__brand{width:242px;margin:0 auto 56px;display:block}.pop-hero__brand img{filter:invert();width:100%;height:auto;display:block}.pop-hero__composition{aspect-ratio:900/360;width:min(900px,100% - 48px);margin-inline:auto;position:relative;container-type:inline-size}.pop-hero__title{color:var(--hero-accent,#68d4ff);--a-type-h1-size:12.67cqw;--a-type-h1-line:.94;letter-spacing:-.055em;--a-type-h1-weight:900}.pop-hero__title>span{white-space:nowrap;display:block;position:absolute}.pop-hero__anti{background:var(--pop-orange);color:#000;letter-spacing:-.03em;border-radius:3.2cqw;padding:1.7% 4.8% 2.5%;top:0;left:3%}.pop-hero__design{top:30.5%;left:29%}.pop-hero__system{top:60%;left:48%}.pop-hero__word-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pop-hero__letter{transform-origin:50% 100%;display:inline-block}.pop-hero__composition:has(.c-radio[value=white]:checked){--hero-accent:#fff}.pop-hero__composition:has(.c-radio[value=pink]:checked){--hero-accent:#ff80ed}.pop-hero__composition:has(.c-radio[value=gray]:checked){--hero-accent:#d9d9d9}.pop-hero__composition:has(.c-radio[value=green]:checked){--hero-accent:#5dff88}.pop-hero__dots{--a-size-choice:7.1cqw;--a-size-marker:1.1cqw;--a-border-width:.4cqw;--a-color-ink:#000;position:absolute;top:36%;left:5%}.pop-hero__dots .c-radio-group{padding:0}.pop-hero__dots .c-radio-group>.a-stack>.a-stack{flex-direction:row}.pop-hero__dots .c-choice-row{--a-color-canvas:transparent;gap:0;margin-left:-3.2cqw;position:relative}.pop-hero__dots .c-choice-row:first-child{margin-left:0}.pop-hero__dots .c-choice-row:has(:focus-visible){z-index:1}.pop-hero__dots .c-radio{--a-color-surface:var(--swatch);--a-color-accent:var(--swatch)}.pop-hero__dots .c-radio:checked{--a-color-surface:#0c0f18}.pop-hero__dots [value=blue]{--swatch:#79d9ff}.pop-hero__dots [value=white]{--swatch:#fff}.pop-hero__dots [value=pink]{--swatch:#ff80ed}.pop-hero__dots [value=gray]{--swatch:#d9d9d9}.pop-hero__dots [value=green]{--swatch:#5dff88}.pop-hero__dots .c-choice-row>.a-type,.pop-hero__switch .c-choice-row>.a-type,.pop-hero__second-switch .c-choice-row>.a-type{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pop-hero__switch,.pop-hero__second-switch{--a-size-control:11.85cqw;--a-size-switchHeight:6.9cqw;--a-size-choice:4.9cqw;--a-border-width:.37cqw;--a-color-ink:#000;--a-color-surface:#f4f4f0;--a-color-accent:#79d9ff;width:11.85%;position:absolute}.pop-hero__switch{top:36%;left:72%}.pop-hero__second-switch .c-toggle:before{background:#79d9ff}.pop-hero__arrow{width:12.2%;height:auto;position:absolute;top:25%;left:85%}.pop-hero__arrow img{width:100%;height:auto;display:block}.pop-hero__badge{--a-color-accent:#b9ff18;--a-color-on-accent:#292a28;--a-type-h7-size:2.67cqw;--a-type-h7-weight:700;border:0;padding:.7cqw 1.55cqw;position:absolute;top:calc(30px - 11%);left:10.5%;rotate:-3.72deg}.pop-hero__badge .a-type{white-space:nowrap;align-items:center;gap:.9cqw;display:flex}.pop-hero__badge img{width:2.56cqw;height:auto}.pop-hero__check{--a-size-choice:6.32cqw;--a-border-width:.37cqw;--a-radius-small:2.33cqw;--a-color-surface:#79d9ff;--a-color-accent:#79d9ff;--a-color-on-accent:#000;--a-color-ink:#000;--a-icon-small:5.7cqw;width:7.9%;position:absolute;top:-11%;left:71%}.pop-hero__check .c-choice-mark svg{stroke-width:3px;width:5.7cqw;height:5.7cqw}.pop-hero__second-switch{top:66%;left:32%}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.pop-hero [data-hero-depth]{translate:calc(var(--hero-pointer-x,0px) * .45) calc(var(--hero-pointer-y,0px) * .45);transition:translate .35s ease-out}.pop-hero [data-hero-depth=far]{translate:var(--hero-pointer-x,0px) var(--hero-pointer-y,0px)}}.pop-hero__cta{position:absolute;top:55%;left:18%;rotate:-9.78deg}.pop-hero__cta .c-button{--a-type-h6-size:clamp(12px, 1.53vw, 20px);--a-size-control:58px;--a-space-4:20px}.pop-hero__description{text-align:center;--a-type-body-size:clamp(17px, 1.875vw, 24px);--a-type-body-line:1.25;color:#e9e7e3;margin-top:32px;padding-inline:24px}.pop-showcase{color:#101220;background:#7ad5f6}.pop-showcase__inner{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:88px;min-height:850px;padding-block:96px 88px;display:flex;position:relative}.pop-showcase__kicker{z-index:2;--a-type-h2-size:clamp(36px, 4.23vw, 54px);--a-type-h2-line:1.05;--a-type-h2-weight:800;letter-spacing:-.035em;text-wrap:balance;position:relative}.pop-showcase__copy{z-index:2;width:40%;position:relative}.pop-showcase__count{font-variant-numeric:tabular-nums;--a-type-h2-size:clamp(90px, 11.7vw, 150px);--a-type-h2-line:.9;--a-type-h2-weight:700;letter-spacing:-.04em;margin-bottom:24px}.pop-showcase__copy>p:not(.pop-showcase__source){--a-type-body-size:24px;--a-type-body-weight:500;--a-type-body-line:1.15}.pop-showcase__copy>.c-button{--a-size-control:70px;min-width:300px;box-shadow:var(--a-shadow-interactive);--a-type-h6-size:24px;margin-top:110px}.pop-showcase__source{margin-top:20px}.pop-collage{width:610px;height:490px;position:absolute;bottom:-40px;right:0;container-type:inline-size}.pop-collage__smile{z-index:2;width:27%;height:auto;position:absolute;top:-18%;left:25%}.pop-collage__arrow{width:12%;height:auto;position:absolute;top:10%;left:38%;rotate:65.97deg}.pop-collage__preferences{width:36.5%;position:absolute;top:21%;left:63%;rotate:4.14deg}.pop-collage__preferences .c-tile{box-shadow:var(--a-shadow-interactive);--a-radius-large:2.6cqw;padding:2.6cqw}.pop-collage__preferences .c-tile__body{border-radius:1.3cqw;gap:0;overflow:hidden}.pop-collage__preferences .c-figure{background-blend-mode:multiply;--a-type-small-size:1.3cqw;--a-color-secondary:#171a22;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAABaWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QcXKWq8MSlPPgAAAA50RVh0U29mdHdhcmUARmlnbWGesZZjAAAAlklEQVR4Ae2UzQrCMBCEp4mYVC9qff/n8xLBgyQK6c8G2p67PYTCfJfsJewHM2wTwmtARQwqQwEKUIACFKgucIKSvh8QUyqzd2dYa6FBJZBzRnh/yit8p+XP7g5jGmxFFUH6/Zfls1BMERqOWcLW+ynz9avM3jloUHVAsu4etxLFLKTJXy0gSOuvlxZ74SGiAAUoQAEKjH+rI2M/u8xsAAAAAElFTkSuQmCC);background-size:6.4px;gap:.8cqw;padding:1.3cqw}.pop-collage__preferences .c-figure__value{letter-spacing:-.04em;font-weight:700}.pop-collage__preferences .c-figure:first-child{--a-type-display-size:10.1cqw;background-color:#ffbe00}.pop-collage__preferences .c-figure:nth-child(2){--a-type-h2-size:6.9cqw;background-color:#ffd14a}.pop-collage__preferences .c-figure:nth-child(3){--a-type-h4-size:4.6cqw;background-color:#fff1c7}.pop-collage__calories{width:38%;position:absolute;top:50%;left:4%;rotate:-7.45deg}.pop-collage__calories .c-tile{--a-type-display-size:54px;--a-radius-large:16px;border:0;min-height:180px}.pop-collage__calories .c-figure__value{letter-spacing:-.055em;font-weight:700}.pop-collage__calories .a-type[data-type=h7]{--a-type-h7-size:9px}.pop-collage__message{z-index:2;color:#171a22;background:#ffbe00;border:2px solid #171a22;border-radius:16px;width:46%;padding:18px;position:absolute;top:32%;left:9%;rotate:7.81deg;box-shadow:4px 4px #000}.pop-collage__message .a-type{--a-type-h6-size:18px;--a-type-h6-weight:700;--a-type-h6-line:1.35}.pop-collage__play{width:16%;height:auto;position:absolute;top:-3%;left:53%;rotate:28.7deg}.pop-collage__toggle{width:18%;height:auto;position:absolute;top:12%;left:14%;rotate:-9.11deg}.pop-collage__heart{width:14%;height:auto;position:absolute;top:45%;left:73%}.pop-collage__heart--small{width:9.5%;top:31%;left:64%;transform:scaleX(-1)}.pop-collage__woman{z-index:3;width:44%;position:absolute;top:51%;left:33%}.pop-collage__woman img{width:100%;height:auto;transform:rotate(141.99deg)scaleY(-1)}.pop-collage__flower{width:19%;height:auto;position:absolute;top:52%;left:83%}.pop-section-heading{text-align:center;max-width:820px;margin-inline:auto}.pop-section-heading h2{--a-type-h2-size:clamp(36px, 4.77vw, 61px);--a-type-h2-weight:700;letter-spacing:-.035em;--a-type-h2-line:1.04;text-wrap:balance}.pop-section-heading>p{--a-type-body-size:clamp(18px, 1.875vw, 24px);--a-type-body-line:1.25;text-wrap:balance;max-width:620px;margin:28px auto 0}.pop-story{padding-top:156px}.pop-story .pop-section-heading h2{--a-type-h2-size:clamp(36px, 5.48vw, 70px)}.pop-story .pop-section-heading>p{max-width:744px}.pop-story__scene{position:relative}.pop-prompt__accessible{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pop-prompt{color:#fff;background:#000;border-radius:15px;align-items:center;gap:20px;width:min(510px,100%);margin:64px auto 0;padding:16px 24px;display:flex}.pop-prompt img{flex:none}.pop-prompt p{--a-type-body-size:17px;--a-type-body-line:1.35}.pop-prompt__file{color:#79d9ff}.pop-connector{width:2px;height:52px;margin:12px auto;display:block}.pop-connector--end{width:20px;height:60px;color:var(--a-color-ink)}.pop-story__caption{text-align:center;--a-type-body-size:19px;--a-type-body-line:1.4;max-width:620px;margin:22px auto;font-style:italic}.pop-definition{background:#fff;border:1px solid #000;border-radius:16px;grid-template-columns:1fr 1fr;max-width:762px;margin:52px auto 0;display:grid;overflow:hidden}.pop-definition__cell{min-width:0;padding:24px}.pop-definition__cell:nth-child(odd){border-right:1px solid #000}.pop-definition__cell:nth-child(n+3){border-top:1px solid #000}.pop-definition__cell p{text-transform:uppercase;letter-spacing:.12em;--a-type-h7-size:16px;margin-bottom:24px}.pop-definition__cell img{width:100%;height:auto;display:block}.pop-branches{justify-content:center;gap:42px;height:85px;margin-top:24px;display:flex}.pop-branches img{object-fit:fill;max-width:30%}.pop-branches img+img{transform:scaleX(-1)}.pop-charts{grid-template-columns:1.4fr 1fr;gap:48px;display:grid}.pop-chart{box-shadow:var(--a-shadow-interactive);--a-color-chart-1:#00cf67;--a-color-chart-2:#00c78d;--a-color-chart-3:#00b69c;--a-color-chart-4:#26d9b7;--a-color-chart-5:#83ecd7}.pop-chart .c-tile__label{max-width:100%}.pop-chart .c-tile__label .a-type{--a-type-small-size:10px;letter-spacing:.09em;text-transform:uppercase}.pop-chart .c-tile__header h3{--a-type-h4-size:23px;--a-type-h4-weight:700;--a-type-h4-line:1.1}.pop-chart .c-donut{align-self:center}.pop-install{max-width:920px;box-shadow:var(--a-shadow-interactive);margin:32px auto 0}.pop-screens{padding-block:116px 100px}.pop-screens__heart{margin:0 auto 48px;display:block}.pop-screens .pop-section-heading{max-width:820px;margin-bottom:84px}.site-gallery__toolbar{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.site-gallery__canvas{background:var(--pop-blue);border:var(--a-border-width) solid var(--a-color-ink);box-shadow:var(--a-shadow-interactive);border-radius:28px;min-width:0;padding:24px}.site-gallery__canvas .docs-page-preview{padding:0}.site-gallery__canvas[data-viewport=mobile] .docs-page-preview{max-width:392px;margin-inline:auto}.site-gallery__canvas[data-viewport=tablet] .docs-page-preview{max-width:822px;margin-inline:auto}.pop-principles{--a-color-orange-400:#ff5c33;--a-color-yellow-300:#ffee58;background:var(--pop-night);color:var(--pop-paper);padding-block:144px 80px}.pop-principles .pop-section-heading h2{color:var(--pop-blue)}.pop-principles .pop-section-heading p{max-width:680px}.pop-bento{grid-template-rows:repeat(2,minmax(245px,auto));grid-template-columns:1.8fr 1fr 1fr;gap:24px;margin-top:110px;display:grid}.pop-bento>.c-tile{border:0;border-radius:16px;gap:30px;padding:26px}.pop-bento .c-tile__header{order:2}.pop-bento .c-tile__body{justify-content:center}.pop-bento .c-tile__header h3{--a-type-h4-size:24px;--a-type-h4-weight:700;--a-type-h4-line:1.05}.pop-bento .c-tile__header p{--a-type-small-size:20px;--a-type-small-line:1.15;color:inherit}.pop-bento .c-tile__heading{gap:6px}.pop-bento__atomic{grid-area:1/1}.pop-bento__blocks{grid-area:2/1}.pop-bento>.pop-bento__blocks{gap:20px;padding-block:20px}.pop-bento__blocks .pop-block-assembly{width:min(100%,280px)}.pop-bento__theme{grid-area:1/2/3/3}.pop-bento__mobile{grid-area:1/3}.pop-bento__access{grid-area:2/3}.pop-bento__access .c-tile__body{gap:14px}.pop-access-art{color:#0c0f18;width:100%;max-width:240px;height:auto;margin-inline:auto;display:block;overflow:visible}.pop-access-art text{font:700 24px var(--a-font-family,sans-serif);fill:currentColor}.pop-access-art__focus{fill:none;stroke:currentColor;stroke-width:2px;stroke-dasharray:5 4;transition:opacity .2s}.pop-access-art__tick{fill:none;stroke:currentColor;stroke-width:8px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset .35s,opacity .2s}.pop-access-art__seal{transform-box:fill-box;transform-origin:50%;transition:transform .4s cubic-bezier(.2,.8,.2,1)}@keyframes pop-access-stamp{0%{transform:rotate(-12deg)scale(.9)}55%{transform:rotate(4deg)scale(1.08)}to{transform:rotate(0)scale(1)}}.pop-atomic-shapes{color:#0c0f18;width:300px;max-width:100%;margin-inline:auto}.pop-atomic-shapes svg{width:100%;height:auto;display:block;overflow:visible}.pop-block-sample{flex-direction:column;align-items:center;gap:6px;display:flex}.pop-block-assembly{color:#0c0f18;width:min(100%,300px);height:auto;display:block;overflow:visible}.pop-theme-preview{flex-direction:column;gap:24px;width:100%;display:flex}.pop-theme-toggle{justify-content:center;display:flex}.pop-theme-toggle .c-toggle-field{transform:scale(1.25)}.pop-theme-toggle .c-choice-row>.a-type{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pop-theme-sample{isolation:isolate;min-height:400px;transition:color .45s var(--a-motion-out);background:#0c0f18;border-radius:12px;flex-direction:column;justify-content:center;align-items:flex-start;gap:20px;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px #0c0f182e}.pop-theme-sample:before{content:"";z-index:-1;clip-path:circle(0% at 42px 42px);background:#fff0bd;transition:clip-path .7s cubic-bezier(.65,0,.35,1);position:absolute;inset:0}.pop-theme-sample[data-theme=light]:before{clip-path:circle(150% at 42px 42px)}.pop-theme-sample .a-type{transition:color .45s var(--a-motion-out)}.pop-theme-sample__sky{flex:0 0 44px;width:44px;height:44px;position:relative}.pop-theme-sample__sky .a-icon{width:32px;height:32px;transition:transform .65s cubic-bezier(.34,1.56,.64,1),opacity .35s;position:absolute;inset:6px}.pop-theme-sample__moon{transform:rotate(-12deg)}.pop-theme-sample__sun{opacity:0;transform:translateY(22px)rotate(-100deg)scale(.3)}.pop-theme-sample[data-theme=light] .pop-theme-sample__moon{opacity:0;transform:translateY(-22px)rotate(70deg)scale(.3)}.pop-theme-sample[data-theme=light] .pop-theme-sample__sun{opacity:1;transform:translateY(0)rotate(0)scale(1)}.pop-theme-sample__stars{color:#ffcf98;letter-spacing:4px;font-size:18px;transition:opacity .3s,transform .6s;position:absolute;top:32px;right:20px}.pop-theme-sample[data-theme=light] .pop-theme-sample__stars{opacity:0;transform:translateY(-15px)}.pop-theme-greeting>span{animation:pop-theme-greeting-enter .45s var(--a-motion-out) both}@keyframes pop-theme-greeting-enter{0%{opacity:.2;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.pop-theme-toggle .c-toggle{transition:transform .16s var(--a-motion-out), background-color .22s var(--a-motion-out), border-color .22s var(--a-motion-out), color .22s var(--a-motion-out)}.pop-theme-toggle .c-toggle:before{transition:transform var(--a-motion-fast) var(--a-motion-out), background-color .22s var(--a-motion-out), border-color .22s var(--a-motion-out)}.pop-theme-toggle .c-toggle:active{transform:scale(.94)}@media (hover:hover) and (pointer:fine){.pop-theme-toggle .c-toggle:hover{transform:scale(1.06)}}.pop-theme-preview:has([data-theme=dark]) .c-toggle{--a-border-width:0px}.pop-theme-overview{gap:6px;width:100%;display:grid}.pop-theme-overview .a-type{--a-type-h6-size:14px;--a-type-small-size:12px}.pop-theme-agenda{background:var(--a-color-surface);width:100%;transition:background-color .45s var(--a-motion-out), border-color .45s var(--a-motion-out);border:1px solid;border-radius:8px;gap:4px;padding:12px;display:grid}.pop-theme-agenda .a-type{--a-type-small-size:12px;--a-type-small-line:1.35}.pop-theme-agenda__title{--a-type-body-size:15px;--a-type-body-weight:600;--a-type-body-line:1.3}.pop-theme-greeting{--a-type-body-size:17px;--a-type-body-line:1.3;--a-type-body-weight:500}.pop-theme-greeting span,.pop-theme-greeting strong{display:block}.pop-theme-greeting strong{letter-spacing:-.03em;margin-top:6px;font-size:clamp(24px,2.4vw,32px);line-height:1.15}.pop-mobile-scene{color:#0c0f18;width:100%;max-width:260px;margin-inline:auto}.pop-mobile-scene svg{width:100%;height:auto;display:block;overflow:visible}.pop-mobile-scene [data-mobile-arm],.pop-mobile-scene [data-mobile-leg],.pop-mobile-scene [data-mobile-rest],.pop-mobile-scene [data-mobile-palm]{fill:none;stroke:currentColor;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.pop-mobile-scene [data-mobile-palm]{stroke-width:2.5px}.pop-mobile-scene [data-mobile-shadow]{fill:currentColor;opacity:.16}.pop-mobile-scene__apple,.pop-mobile-scene__leaf{fill:currentColor}.pop-mobile-scene__android{fill:#b9ff88;stroke:currentColor;stroke-width:2.5px;stroke-linejoin:round}.pop-mobile-scene__antenna{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round}.pop-mobile-scene__eye{fill:currentColor}.pop-mobile-scene__shine{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round;opacity:.55}.pop-mobile-scene__spark,.pop-mobile-scene__impact{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;opacity:0}.pop-mobile-scene__impact{stroke:#fff0bd}.pop-questions{padding-block:140px 64px}.pop-questions .b-questions-section__inner{padding-inline:0}.pop-questions .c-accordion summary{transition:background-color .14s cubic-bezier(.16,1,.3,1)}.pop-questions .c-accordion summary:is(:hover,:focus-visible){background-color:var(--a-color-surface)}@media (prefers-reduced-motion:reduce){.pop-questions .c-accordion summary{transition:none}}@media (hover:none){.pop-questions .c-accordion summary:hover{background-color:#0000}}.pop-offer{margin-bottom:64px}.pop-offer>.c-disclosure>.c-button{border-bottom-color:var(--a-color-border);justify-content:space-between;width:100%}.pop-offer .c-disclosure__content{padding-top:32px}.pop-pricing{margin-bottom:96px}.pop-pricing__heading{margin-bottom:40px;position:relative}.pop-pricing__heading h2{--a-type-h2-size:clamp(36px, 4vw, 54px);--a-type-h2-weight:800;--a-type-h2-line:1.08;letter-spacing:-.03em}.pop-pricing__heading>p{--a-type-body-size:20px;--a-type-body-line:1.4;margin-top:20px}.pop-pricing__arrow{color:#000;filter:none;width:clamp(120px,17vw,190px);height:auto;box-shadow:none;transform:rotate(var(--pricing-arrow-angle,0deg));transform-origin:50%;pointer-events:none;position:absolute;top:-36px;right:0}.pop-pricing__offers{grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);align-items:stretch;gap:24px;display:grid}.pop-pricing__free,.pop-pricing__pro{border:var(--a-border-width) solid var(--a-color-ink);border-radius:var(--a-radius-large);min-width:0;transition:transform var(--a-motion-fast) var(--a-motion-out), box-shadow var(--a-motion-fast) var(--a-motion-out);padding:36px}.pop-pricing__free{background:var(--a-color-surface);flex-direction:column;gap:28px;display:flex}.pop-pricing__free>.a-stack{border-bottom:var(--a-border-width) solid var(--a-color-ink);padding-bottom:24px}.pop-pricing__free .a-stack>p{--a-type-body-size:clamp(18px, 1.45vw, 24px);--a-type-body-line:1.25}.pop-pricing__free h3,.pop-pricing__pro-heading h3{--a-type-h3-size:30px;--a-type-h3-line:1.1;--a-type-h3-weight:700}.pop-pricing__zero{--a-type-body-size:40px;--a-type-body-line:1;--a-type-body-weight:800;letter-spacing:-.04em}.pop-pricing__features{gap:16px;margin:0 0 auto;padding:0;list-style:none;display:grid}.pop-pricing__features li{align-items:flex-start;gap:12px;display:flex}.pop-pricing__check{border:1px solid var(--a-color-ink);background:var(--a-color-success);width:20px;height:20px;color:var(--a-color-ink);border-radius:50%;flex:0 0 20px;place-items:center;margin-top:1px;display:inline-grid}.pop-pricing__check .a-icon{width:12px;height:12px}.pop-pricing__pro{background:var(--pop-blue);flex-direction:column;gap:20px;display:flex}.pop-pricing__free:hover,.pop-pricing__free:focus-within,.pop-pricing__pro:hover,.pop-pricing__pro:focus-within{transform:translate(var(--a-motion-liftStrong), var(--a-motion-liftStrong));box-shadow:var(--a-shadow-interactive)}.pop-pricing__pro-heading{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pop-pricing__status{--a-color-accent:#000;--a-color-on-accent:#fff}.pop-pricing__pro-description{--a-type-body-size:24px;--a-type-body-line:1.15;letter-spacing:-.02em;font-weight:700}.pop-pricing__signup{border-top:var(--a-border-width) solid var(--a-color-ink);margin-top:6px;padding-top:26px}.pop-pricing__signup .b-subscription{background:0 0;border:0;border-radius:0;overflow:visible}.pop-pricing__signup .b-subscription__body{gap:24px;padding:0}.pop-pricing__signup .c-section-heading h3{--a-type-h3-size:clamp(30px, 3vw, 40px);--a-type-h3-line:1.1;--a-type-h3-weight:800;letter-spacing:-.03em}.pop-pricing__signup .b-subscription__row{grid-template-columns:minmax(0,1fr);max-width:none}.pop-pricing__signup .b-subscription__submit{--a-color-accent:var(--pop-night);--a-color-on-accent:var(--pop-paper);width:100%;margin-block-start:0}.pop-pricing__signup{--a-color-secondary:#243e48}@media (prefers-reduced-motion:reduce){.pop-pricing__free,.pop-pricing__pro{transition:none}.pop-pricing__free:hover,.pop-pricing__free:focus-within,.pop-pricing__pro:hover,.pop-pricing__pro:focus-within{transform:none}}@media (width<=700px){.pop-pricing__offers{grid-template-columns:minmax(0,1fr)}.pop-pricing__free,.pop-pricing__pro{padding:24px}.pop-pricing__heading>p,.pop-pricing__free .a-stack>p{--a-type-body-size:18px}.pop-pricing__arrow{display:none}}.site--pop .b-site-footer{background:var(--pop-paper);border-top:0}.site--pop .b-site-footer__inner{max-width:1104px}@media (width>=1450px){.pop-hero__inner{padding-bottom:145px}.pop-showcase__inner{min-height:860px}}@media (width<=1000px){.pop-showcase__inner{min-height:680px}.pop-showcase__copy{width:44%}.pop-showcase__copy>p:not(.pop-showcase__source){--a-type-body-size:21px}.pop-showcase__copy>.c-button{--a-type-h6-size:20px;min-width:0;margin-top:64px}.pop-collage{aspect-ratio:610/490;width:55%;height:auto;bottom:0}.pop-collage__calories .c-tile{--a-type-display-size:42px;min-height:145px;padding:12px}.pop-collage__calories .c-tile__body{gap:8px}.pop-collage__message{padding:12px}.pop-collage__message .a-type{--a-type-h6-size:14px}.pop-charts{grid-template-columns:1fr 1fr;gap:24px}.pop-chart .c-donut{flex-wrap:wrap;justify-content:center}.pop-bento{grid-template-columns:1.4fr 1fr 1fr;gap:16px}.pop-bento>.c-tile{padding:20px}.pop-bento .c-tile__header h3{--a-type-h4-size:21px}.pop-bento .c-tile__header p{--a-type-small-size:17px}}@media (width<=700px){.pop-wrap{width:calc(100% - 40px)}.pop-nav{justify-content:space-between;min-height:72px;padding:12px 16px}.pop-nav nav{gap:0}.pop-nav nav .c-button{--a-type-h6-size:12px;padding-inline:8px}.c-button.pop-nav__action{--a-type-h6-size:11px;padding-inline:12px;position:static}.pop-hero__inner{padding:48px 0 72px}.pop-hero__brand{width:180px;margin-bottom:56px}.pop-hero__composition{aspect-ratio:900/475;width:calc(100% - 24px)}.pop-hero__title{--a-type-h1-size:12.67cqw}.pop-hero__design{top:23%}.pop-hero__system{top:44%}.pop-hero__dots,.pop-hero__switch{top:26.5%}.pop-hero__arrow{top:19%}.pop-hero__cta{top:78%;left:50%;transform:translate(-50%)rotate(-6deg)}.pop-hero__cta .c-button{--a-size-control:48px;--a-type-h6-size:14px;white-space:nowrap}.pop-hero__description{--a-type-body-size:17px;margin-top:30px}.pop-showcase__inner{min-height:740px;padding-block:64px 370px;display:block}.pop-showcase__kicker{margin-bottom:64px}.pop-showcase__copy{width:100%}.pop-showcase__count{--a-type-h2-size:100px;margin-bottom:20px}.pop-showcase__copy>p:not(.pop-showcase__source){--a-type-body-size:21px}.pop-showcase__copy>.c-button{--a-size-control:48px;--a-type-h6-size:16px;margin-top:32px}.pop-showcase__source{--a-type-small-size:12px;margin-top:16px}.pop-collage{width:min(440px,100%);bottom:0;right:0}.pop-collage__calories .c-tile{--a-type-display-size:8.7cqw;min-height:29.5cqw;padding:1.8cqw}.pop-collage__calories .a-type[data-type=small]{--a-type-small-size:2.5cqw}.pop-collage__calories .a-type[data-type=h7]{--a-type-h7-size:1.5cqw}.pop-collage__message .a-type{--a-type-h6-size:clamp(9px, 2.95cqw, 13px)}.pop-collage__message{border-radius:10px;padding:1.8cqw}.pop-collage__woman{top:48%}.pop-story{padding-top:104px}.pop-story .pop-section-heading h2,.pop-section-heading h2{--a-type-h2-size:clamp(32px, 7.9vw, 48px)}.pop-section-heading>p{--a-type-body-size:17px;--a-type-body-line:1.4;margin-top:22px}.pop-prompt{gap:12px;margin-top:40px;padding:16px}.pop-prompt p{--a-type-body-size:14px}.pop-prompt img{width:26px;height:auto}.pop-story__caption{--a-type-body-size:15px}.pop-definition{border-radius:12px;margin-top:32px}.pop-definition__cell{padding:18px 12px}.pop-definition__cell p{--a-type-h7-size:11px;letter-spacing:.07em;margin-bottom:16px}.pop-branches{gap:24px;height:58px}.pop-branches img{height:58px}.pop-charts{grid-template-columns:1fr;gap:28px}.pop-chart .c-donut{flex-wrap:wrap;justify-content:center}.pop-chart .c-tile__header h3{--a-type-h4-size:23px}.pop-install{margin-top:24px}.pop-screens{padding-block:80px}.pop-screens__heart{width:32px;height:auto;margin-bottom:32px}.pop-screens .pop-section-heading{margin-bottom:40px}.site-gallery__toolbar{gap:12px}.site-gallery__canvas{border-radius:16px;padding:8px}.pop-principles{--a-color-orange-400:#ff5c33;--a-color-yellow-300:#ffee58;padding-block:80px 48px}.pop-bento{grid-template-rows:auto;grid-template-columns:1fr 1fr;gap:16px;margin-top:56px}.pop-bento>.c-tile{min-height:230px;padding:20px}.pop-bento__atomic{grid-area:1/1/2/3}.pop-bento__blocks{grid-area:3/1}.pop-bento__theme{grid-area:2/1;gap:16px}.pop-bento__mobile{grid-area:2/2}.pop-bento__access{grid-area:3/2}.pop-bento .c-tile__header h3{--a-type-h4-size:21px}.pop-bento .c-tile__header p{--a-type-small-size:16px}.pop-theme-sample{gap:14px;min-height:0;padding:16px 8px}.pop-theme-agenda{display:none}.pop-theme-sample .c-choice-row{flex-wrap:wrap}.pop-questions{padding-block:64px 24px}.pop-offer{margin-bottom:40px}}@media (width<=370px){.pop-wrap{width:calc(100% - 32px)}.pop-bento{gap:12px}.pop-bento>.c-tile{padding:14px}.c-button.pop-nav__action{padding-inline:8px}.pop-hero__description{--a-type-body-size:15px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pop-theme-sample,.pop-theme-sample .a-type,.pop-theme-toggle .c-toggle,.pop-theme-toggle .c-toggle:before,.pop-theme-agenda,.pop-theme-sample:before,.pop-theme-sample__sky .a-icon,.pop-theme-sample__stars{transition:none}.pop-theme-greeting>span{animation:none}.pop-theme-toggle .c-toggle:active,.pop-theme-toggle .c-toggle:hover{transform:none}.pop-access-art *{transition:none;animation:none}}.site--pop .pop-nav__action{color:#0c0f18}.pop-hero__description{--a-color-ink:#e9e7e3}.pop-prompt{--a-color-ink:#fff}.pop-principles .pop-section-heading>p{--a-color-ink:#f4f4f0}.pop-hero :focus-visible{outline-color:#79d9ff}.site__header{z-index:20;position:sticky;top:0}.site__band{padding-inline:var(--a-space-8)}@media (width<=800px){.site__band{padding-inline:var(--a-space-4)}}@media (width<=700px){.pop-collage__flower{left:78%}.site-gallery__toolbar .c-segmented-scroll{--a-type-h6-size:14px;--a-space-4:12px}.pop-hero__dots{--a-size-choice:clamp(24px, 7.1cqw, 36px);--a-size-marker:5px;top:53%;left:3%}.pop-hero__dots .c-choice-row{min-height:44px;margin-left:0}.pop-hero__dots .c-radio-group>.a-stack>.a-stack{gap:3px}.pop-hero__check .c-choice-row,.pop-hero__switch .c-choice-row,.pop-hero__second-switch .c-choice-row{justify-content:center;min-width:44px;min-height:44px}.pop-hero__check{top:-17%}.pop-hero__second-switch{top:35%;left:35%}}.pop-install .b-code-example__source{font-size:calc(var(--a-type-small-size) + 3px);line-height:1.5}