.cosmo-how-interactive{width:min(1040px,100% - 48px);margin:0 auto;padding:92px 0 104px}.cosmo-how-interactive-inner{grid-template-columns:minmax(280px,.85fr) minmax(420px,1.15fr);align-items:center;gap:clamp(38px,6vw,82px);display:grid}.cosmo-how-menu h2{letter-spacing:-.055em;color:#11110f;margin:0 0 34px;font-family:Arial,Helvetica,sans-serif;font-size:clamp(38px,4.5vw,58px);font-weight:650;line-height:.96}.cosmo-how-options{--row-height:84px;border-top:1px solid #1f1e1a1c;position:relative}.cosmo-how-active-line{z-index:3;width:2px;height:46px;transform:translateY(calc((var(--active-index) * var(--row-height)) + 19px));pointer-events:none;background:#11110f;transition:transform .38s cubic-bezier(.76,0,.24,1);position:absolute;top:0;left:0}.cosmo-how-option{appearance:none;width:100%;height:var(--row-height);color:#aaa69e;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #1f1e1a1c;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:14px;padding:0 10px 0 24px;transition:color .28s;display:grid;position:relative}.cosmo-how-option span{letter-spacing:.08em;color:#c7c3bb;font-size:8px;font-weight:700;transition:color .28s}.cosmo-how-option strong{letter-spacing:-.045em;font-family:Arial,Helvetica,sans-serif;font-size:clamp(25px,2.6vw,35px);font-weight:500;line-height:1}.cosmo-how-option:hover,.cosmo-how-option:focus-visible,.cosmo-how-option.is-active{color:#11110f;outline:none}.cosmo-how-option.is-active span,.cosmo-how-option:hover span,.cosmo-how-option:focus-visible span{color:#6f6b63}.cosmo-how-visual{aspect-ratio:20/13;isolation:isolate;background:#ece8df;border-radius:18px;width:100%;min-height:0;position:relative;overflow:hidden}.cosmo-how-visual img{object-fit:cover;opacity:1;filter:saturate(.74)contrast(.96)sepia(.03);pointer-events:none;will-change:transform;width:100%;height:100%;min-height:0;display:block;position:absolute;inset:0}.cosmo-how-visual img.is-hidden{z-index:0;transition:none;transform:translateY(-100%)}.cosmo-how-visual img.is-active{z-index:2;transition:transform .38s cubic-bezier(.76,0,.24,1);transform:translateY(0)}.cosmo-how-visual img.is-leaving{z-index:1;transition:transform .38s cubic-bezier(.76,0,.24,1);transform:translateY(100%)}@media (max-width:860px){.cosmo-how-interactive{width:min(100% - 32px,760px);padding:72px 0 84px}.cosmo-how-interactive-inner{grid-template-columns:1fr;gap:30px}.cosmo-how-menu h2{margin-bottom:26px}.cosmo-how-visual{aspect-ratio:16/10}}@media (max-width:560px){.cosmo-how-interactive{width:min(100% - 28px,760px);padding:64px 0 72px}.cosmo-how-menu h2{font-size:42px}.cosmo-how-options{--row-height:72px}.cosmo-how-option{grid-template-columns:28px minmax(0,1fr);gap:10px;padding-left:18px}.cosmo-how-option strong{font-size:26px}.cosmo-how-active-line{height:38px;transform:translateY(calc((var(--active-index) * var(--row-height)) + 17px))}.cosmo-how-visual{aspect-ratio:4/3;border-radius:14px}}@media (prefers-reduced-motion:reduce){.cosmo-how-option,.cosmo-how-active-line,.cosmo-how-visual img{transition:none!important;animation:none!important}.cosmo-how-visual img.is-active{transform:translateY(0)}.cosmo-how-visual img.is-hidden,.cosmo-how-visual img.is-leaving{transform:translateY(-100%)}}
.cosmo-editorial-home{--cosmo-paper:#fff;background:#fff}.cosmo-editorial-header{background:#ffffffe6}.cosmo-editorial-hero,.cosmo-how-interactive,#integrations,.cosmo-final-cta-minimal,.cosmo-editorial-footer{background:#fff}.cosmo-how-interactive{padding-top:160px;padding-bottom:170px}#integrations{padding:110px 0 170px}#integrations .cosmo-integration-hub{padding-top:0;padding-bottom:0}.cosmo-final-cta-minimal{color:#11110f;background:#fff;border-top:1px solid #1f1e1a24;border-bottom:1px solid #1f1e1a24;border-radius:0;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:72px;width:min(1080px,100% - 48px);min-height:0;margin:0 auto 120px;padding:82px 0 84px;display:grid;position:relative;overflow:visible}.cosmo-final-cta-minimal:before,.cosmo-final-cta-minimal .cosmo-final-art{display:none}.cosmo-final-cta-minimal .cosmo-final-copy{z-index:1;position:relative}.cosmo-final-cta-minimal .cosmo-final-copy h2{letter-spacing:-.055em;color:#11110f;max-width:700px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(56px,6.2vw,88px);font-weight:400;line-height:.9}.cosmo-final-actions{z-index:1;align-items:center;gap:18px;padding-bottom:4px;display:flex;position:relative}.cosmo-final-actions a{border-radius:10px;justify-content:center;align-items:center;min-height:44px;font-size:10px;font-weight:650;text-decoration:none;transition:transform .2s,background .2s,color .2s;display:inline-flex}.cosmo-final-actions .primary{color:#fff;background:#11110f;padding:0 19px}.cosmo-final-actions .secondary{color:#11110f;background:0 0;padding:0 4px}.cosmo-final-actions a:hover{transform:translateY(-2px)}@media (max-width:900px){.cosmo-how-interactive{padding-top:125px;padding-bottom:135px}#integrations{padding:90px 0 130px}.cosmo-final-cta-minimal{grid-template-columns:1fr;align-items:start;gap:38px;width:min(100% - 36px,760px);margin-bottom:92px;padding:68px 0 70px}.cosmo-final-actions{padding-bottom:0}}@media (max-width:560px){.cosmo-how-interactive{padding-top:96px;padding-bottom:108px}#integrations{padding:72px 0 104px}.cosmo-final-cta-minimal{gap:30px;width:min(100% - 28px,760px);margin-bottom:72px;padding:54px 0 56px}.cosmo-final-cta-minimal .cosmo-final-copy h2{font-size:clamp(48px,14vw,64px)}.cosmo-final-actions{flex-wrap:wrap;gap:14px}}
.auth-page.auth-page-editorial.auth-page-cosmo-refresh,.auth-page-cosmo-refresh .auth-scene{background:#fff}.auth-page-cosmo-refresh .auth-scene:before,.auth-page-cosmo-refresh .auth-scene:after,.auth-page-cosmo-refresh .scene-window,.auth-page-cosmo-refresh .scene-arch,.auth-page-cosmo-refresh .scene-table,.auth-page-cosmo-refresh .scene-orb{display:none!important}.auth-page-cosmo-refresh .auth-shell{background:#fff;border-color:#ececec;box-shadow:0 18px 60px #11110f0e}.auth-page-cosmo-refresh .auth-story,.auth-page-cosmo-refresh .auth-form-panel,.auth-page-cosmo-refresh .auth-form-card{background:#fff}.auth-page-cosmo-refresh .auth-story{flex-direction:column;justify-content:center;padding:clamp(34px,4vw,54px);display:flex;position:relative}.auth-page-cosmo-refresh .auth-story-copy-minimal{width:min(620px,100%);margin:auto 0;padding:34px 0 32px}.auth-page-cosmo-refresh .auth-story-copy-minimal h1{letter-spacing:-.055em;color:#11110f;max-width:620px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(58px,5.3vw,82px);font-weight:400;line-height:.92}.auth-page-cosmo-refresh .auth-welcome-lockup{flex-wrap:wrap;align-items:center;gap:10px 18px;display:flex}.auth-page-cosmo-refresh .auth-welcome-lockup>span{display:inline-block}.auth-page-cosmo-refresh .auth-welcome-logo{align-items:center;width:clamp(190px,18vw,265px);line-height:0;display:inline-flex;transform:translateY(3px)}.auth-page-cosmo-refresh .auth-welcome-logo img{width:100%;height:auto;display:block}.auth-page-cosmo-refresh .auth-story-copy-minimal>p{color:#6e6a62;max-width:430px;margin:28px 0 0;font-size:12px;line-height:1.55}.auth-page-cosmo-login .auth-login-lockup,.auth-page-cosmo-login .auth-login-lockup>span{display:block}.auth-page-cosmo-login .auth-login-lockup .auth-welcome-logo{width:clamp(230px,22vw,310px);margin-top:16px;transform:none}.auth-page-cosmo-login .auth-story-copy-minimal>p{margin-top:24px}.auth-mini-integrations{width:min(420px,100%);margin-top:58px;padding-top:54px;position:relative}.auth-mini-core{z-index:3;color:#fff;letter-spacing:-.08em;background:#11110f;border-radius:11px;place-items:center;width:42px;height:42px;font-family:Arial,Helvetica,sans-serif;font-size:27px;font-weight:900;display:grid;position:absolute;top:0;left:50%;transform:translate(-50%)}.auth-mini-lines{pointer-events:none;width:100%;height:90px;position:absolute;top:41px;left:0;overflow:visible}.auth-mini-lines path{fill:none;stroke:#c9c3b9;stroke-width:1.1px;vector-effect:non-scaling-stroke}.auth-mini-lines circle{fill:#aaa399}.auth-mini-tools{z-index:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:72px;display:grid;position:relative}.auth-mini-tools>div{background:#fff;border:1px solid #26231e13;border-radius:14px;justify-content:center;align-items:center;gap:9px;min-height:60px;padding:0 13px;display:flex;box-shadow:0 8px 22px #1e1b1609}.auth-mini-tools span{flex:0 0 25px;place-items:center;width:25px;height:25px;display:grid}.auth-mini-tools span.figma{flex-basis:18px;width:18px;height:28px}.auth-mini-tools svg{width:100%;height:100%;display:block}.auth-mini-tools strong{letter-spacing:-.02em;color:#181714;font-size:10px;font-weight:680;line-height:1}.auth-page-cosmo-refresh .auth-form-heading>p{max-width:320px}@media (max-width:1080px){.auth-page-cosmo-refresh .auth-story-copy-minimal h1{font-size:clamp(52px,6vw,70px)}.auth-page-cosmo-refresh .auth-welcome-logo{width:clamp(175px,20vw,225px)}.auth-page-cosmo-login .auth-login-lockup .auth-welcome-logo{width:clamp(220px,25vw,280px)}.auth-mini-integrations{width:min(380px,100%)}}@media (max-width:900px){.auth-page-cosmo-refresh .auth-story{min-height:620px;padding:38px}.auth-page-cosmo-refresh .auth-story-copy-minimal{padding:52px 0 18px}.auth-page-cosmo-refresh .auth-story-copy-minimal h1{font-size:clamp(54px,9vw,76px)}.auth-page-cosmo-refresh .auth-welcome-lockup{column-gap:14px}}@media (max-width:520px){.auth-page.auth-page-editorial.auth-page-cosmo-refresh,.auth-page-cosmo-refresh .auth-form-panel,.auth-page-cosmo-refresh .auth-form-card{background:#fff}.auth-page-cosmo-refresh .auth-story{display:none}}
.cosmo-template-import{background:#fff;border:1px solid #1111111f;border-radius:24px;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);align-items:start;gap:56px;margin:28px 0 52px;padding:34px;display:grid}.cosmo-template-import-copy h3{letter-spacing:-.035em;max-width:520px;margin:12px 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(30px,3.1vw,48px);font-weight:400;line-height:1.02}.cosmo-template-import-copy>p{color:#666;max-width:560px;margin:0 0 22px;font-size:14px;line-height:1.6}.cosmo-template-import-form{gap:14px;display:grid}.cosmo-template-import-form label{background:#fafafa;border:1px solid #1111111c;border-radius:14px;gap:8px;padding:14px 16px;display:grid}.cosmo-template-import-form label>span{color:#555;letter-spacing:.09em;text-transform:uppercase;font-size:11px;font-weight:700}.cosmo-template-import-form input[type=text]{color:#111;width:100%;font:inherit;background:0 0;border:0;outline:0;padding:4px 0;font-size:15px}.cosmo-template-import-form input[type=file]{color:#333;width:100%;font-size:13px}.cosmo-template-import-form input[type=file]::file-selector-button{color:#111;cursor:pointer;font:inherit;background:#fff;border:1px solid #11111124;border-radius:9px;margin-right:12px;padding:8px 11px;font-size:12px}.cosmo-template-import-form small{color:#858585;font-size:11px;line-height:1.45}.cosmo-template-import-form .connect-provider-button{cursor:pointer;border:0;width:100%;margin-top:2px}.cosmo-template-import-disconnected{border:1px solid #1111111c;border-radius:16px;padding:24px}.cosmo-template-import-disconnected p{color:#777;margin:7px 0 18px;font-size:13px;line-height:1.5}.cosmo-import-notice{align-items:center}.cosmo-import-notice>a{color:#111;font-size:12px;font-weight:700;text-decoration:none}@media (max-width:860px){.cosmo-template-import{grid-template-columns:1fr;gap:28px;padding:24px}}