/* Calendar UI and preserved live demo; cinema choreography is in calendar-cinema.css. */
.cx{--cx-night:#07111f;--cx-ink:#101b2a;--cx-lime:#d2ff6b;--cx-blue:#2462ef;--cx-muted:#69717a;--cx-paper:#f6f7f4;background:var(--cx-paper);color:var(--cx-ink);font-family:"Pretendard Variable",Pretendard,system-ui,sans-serif;line-height:1.65;isolation:isolate}
.cx *,.cx *::before,.cx *::after{box-sizing:border-box}
.cx h1,.cx h2,.cx h3,.cx p{margin:0}
.cx h1,.cx h2,.cx h3{font-family:inherit;word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}
.cx p{word-break:keep-all;overflow-wrap:anywhere;text-wrap:pretty}
.cx a{color:inherit;text-decoration:none}
.cx button{font-family:inherit;cursor:pointer}
.cx a,.cx button,.cx summary{-webkit-tap-highlight-color:transparent}
.cx a:focus-visible,.cx button:focus-visible,.cx summary:focus-visible{outline:3px solid #478cff;outline-offset:6px}
.cx [id]{scroll-margin-top:105px}
.cx-shell{width:min(var(--max-width,1200px),calc(100% - 48px));margin-inline:auto}
.cx .cx-eyebrow{font-family:"Space Grotesk",sans-serif;font-size:14px;font-weight:600;letter-spacing:.15em;line-height:1.6}
.cx .cx-button{min-height:55px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border-radius:5px;padding:15px 23px;font-size:15px;font-weight:750;transition:transform .25s,box-shadow .25s}
.cx .cx-button:hover{transform:translateY(-4px);box-shadow:0 12px 35px #0002}
.cx .cx-button span{font-size:24px;font-weight:400;line-height:1}
.cx .cx-button--lime{color:#14251c;background:var(--cx-lime)}
.cx .cx-button--dark{background:var(--cx-night);color:#fff}
.cx-wordmark{display:flex;align-items:center;gap:8px;font-family:"Space Grotesk",sans-serif;font-size:17px;font-weight:700;letter-spacing:-.025em}
.cx-wordmark>span:last-child{font-weight:400;letter-spacing:.04em;font-size:14px;color:#c4ced9}
.cx-logo{display:grid;place-items:center;width:29px;height:30px;margin-right:3px;border:1px solid #87aaff;border-top:5px solid #87aaff;border-radius:4px;font-size:14px;color:#d2ff6b;line-height:1}
.cx h1 em{font-style:normal;color:var(--cx-lime)}
.cx-playground{padding-block:120px 90px;background:#eef1ed}
.cx-section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:55px}
.cx-section-heading .cx-eyebrow{color:#69756c;margin-bottom:20px}
.cx .cx-section-heading h2{font-size:clamp(32px,3.8vw,56px);line-height:1.32;font-weight:650;letter-spacing:-.055em}
.cx-section-heading h2 em{font-style:normal;color:#728572}
.cx .cx-section-heading>p{font-size:14px;color:#69756c;line-height:1.9;margin-bottom:6px}
.cx .cx-demo-wrap{background:transparent;perspective:1500px}
.cx .cx-demo-wrap .cal-window{width:100%;max-width:none;margin:0;border:1px solid #cbd3ca;border-radius:17px;box-shadow:0 30px 60px #1739261a}
.cx .cal-window__url{font-family:ui-monospace,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx .cx-demo-wrap .cal-theme{box-shadow:none}
.cx .cx-demo-wrap .cal-app{min-height:580px}
.cx-demo-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:23px;font-size:14px;color:#717b72}
.cx-demo-bottom a{color:#243a26;font-weight:650;border-bottom:1px solid #8a9a8a;padding-block:4px}
.cx-marquee{overflow:hidden;background:var(--cx-lime);padding:21px 0;color:#172817}
.cx-marquee>div{width:max-content;white-space:nowrap;font-family:"Space Grotesk",sans-serif;font-size:clamp(45px,7.8vw,122px);line-height:1.1;font-weight:500;letter-spacing:-.065em;will-change:transform}
.cx-marquee span{-webkit-text-stroke:1px #264120;color:transparent;margin-inline:20px}
.cx-details{padding-block:120px}
.cx-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.cx-feature{min-width:0;overflow:hidden;position:relative;padding:32px 36px 34px;background:#e8ece8;border:1px solid #dce1da;border-radius:12px}
.cx-card-index{font:14px "Space Grotesk",sans-serif;letter-spacing:.1em;color:#687268}
.cx .cx-feature h3{font-size:25px;letter-spacing:-.035em;font-weight:650;margin-bottom:10px}
.cx .cx-feature>p{font-size:14px;line-height:1.9;color:#667167;max-width:470px}
.cx .cx-feature>small{display:block;margin-top:11px;color:#7c827a;font-size:14px;word-break:keep-all}
.cx-clock{height:225px;display:flex;position:relative;gap:10px;align-items:center;justify-content:center;padding-bottom:28px}
.cx-clock>span{font-family:"Space Grotesk",sans-serif;font-weight:500;font-size:85px;line-height:1.25;background:#f6f8f3;box-shadow:0 8px 15px #2035190b;border-radius:10px;padding:0 13px;letter-spacing:-.07em}
.cx-clock>i{font-size:45px;line-height:1;font-style:normal;color:#a4afa2}
.cx-clock-alert{position:absolute;bottom:24px;left:50%;transform:translateX(-50%) rotate(-5deg);white-space:nowrap;background:#d2ff6b;color:#33432d;box-shadow:0 12px 25px #14290e17;border-radius:6px;padding:13px 20px;font-size:14px}
.cx-feature--files{background:#e9eef6;border-color:#dfe4ed}
.cx-file-preview{height:225px;position:relative;display:flex;align-items:center;justify-content:center;gap:18px}
.cx-file-card{padding:22px 20px;border-radius:8px;background:#fff;box-shadow:0 15px 30px #2c4b651c;transform:rotate(-7deg);width:215px;transition:transform .5s}
.cx-feature--files:hover .cx-file-card{transform:rotate(0) translateY(-6px)}
.cx-file-card>span{display:inline-block;padding:4px 6px;background:#e4edff;color:#3266ad;font-size:14px}
.cx-file-card>b{display:block;margin-top:18px;font-size:14px}
.cx-file-card>small{display:block;color:#8e96a3;font-size:14px;margin-top:3px}
.cx-file-size{font-family:"Space Grotesk",sans-serif;font-size:66px;line-height:1;color:#4e73a8;letter-spacing:-.06em}
.cx-file-size>small{display:block;margin-top:9px;font-size:14px;letter-spacing:.08em}
.cx-feature--check{background:#faf5e9;border-color:#e9e3d8}
.cx-mini-tasks{height:225px;padding:36px 15px 20px;display:flex;flex-direction:column;gap:10px}
.cx-mini-tasks button{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:49px;border:1px solid #e8dfcf;padding:12px 16px;border-radius:6px;background:#fffdf8;text-align:left;font-size:14px;color:#5c503b;box-shadow:0 6px 15px #876e3010;transition:transform .25s,background .25s}
.cx-mini-tasks button:hover{transform:translateX(5px)}
.cx-mini-tasks button i{display:grid;place-items:center;flex:none;width:20px;height:20px;border:1px solid #c7baa2;border-radius:50%;font-style:normal;color:transparent}
.cx-mini-tasks button[aria-pressed=true]{background:#eeebdc;color:#8b8b76}
.cx-mini-tasks button[aria-pressed=true]>span{text-decoration:line-through}
.cx-mini-tasks button[aria-pressed=true] i{background:#788267;color:#fff;border-color:#788267}
.cx-mini-tasks>p{font-size:14px;color:#8d8068;text-align:right}
.cx-feature--keys{background:#ece9f0;border-color:#e0dce5}
.cx-keyboard{height:225px;display:flex;gap:11px;align-items:center;justify-content:center;transform:rotate(-6deg)}
.cx .cx-keyboard kbd{display:grid;place-items:center;width:62px;height:65px;background:linear-gradient(135deg,#fffdff,#efedf6);border:1px solid #ddd6e6;border-bottom:7px solid #d7d0e0;border-radius:10px;font:28px "Space Grotesk",sans-serif;color:#857591;box-shadow:0 10px 13px #5e437020;transition:transform .3s}
.cx-feature--keys:hover .cx-keyboard kbd:nth-child(2n){transform:translateY(-10px)}
.cx .cx-feature>p kbd{font-family:inherit;border:1px solid #ccc1d6;border-radius:3px;padding:0 4px;background:#fff8}
.cx-install{padding-block:115px;background:#0b1728;color:#fff;position:relative;overflow:hidden}
.cx-install::before{content:"";position:absolute;width:800px;height:800px;border:1px solid #2b4260;border-radius:50%;left:-330px;top:100px;pointer-events:none}
.cx-install-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;position:relative}
.cx-install .cx-eyebrow{color:#96a6bc;margin-bottom:25px}
.cx .cx-install h2{font-size:clamp(34px,3.8vw,57px);letter-spacing:-.05em;line-height:1.3;font-weight:650}
.cx-install h2 em{font-style:normal;color:#d2ff6b}
.cx .cx-install-lead{margin-top:25px;color:#a8b6c9;font-size:15px;line-height:1.9}
.cx-install .cx-button{margin-top:30px}
.cx .cx-install-note{font-size:14px;color:#8191a8;margin-top:17px}
.cx-install-options{padding-top:30px}
.cx .cx-install-option{display:flex;gap:22px;align-items:center;padding:28px 0;border-bottom:1px solid #fff2;transition:transform .25s}
.cx-install-option:hover{transform:translateX(8px)}
.cx-device-icon{width:48px;height:58px;border:1px solid #47556b;display:grid;place-items:center;border-radius:8px;color:#d2ff6b;font-size:30px;font-weight:300}
.cx-install-option>div{flex:1}
.cx-install-option small{font:14px "Space Grotesk",sans-serif;letter-spacing:.08em;color:#91a3bd}
.cx .cx-install-option h3{font-size:21px;letter-spacing:-.02em;margin-top:4px}
.cx .cx-install-option p{font-size:14px;color:#8f9fb6;margin-top:5px}
.cx-install-option>span:last-child{font-size:26px;color:#d2ff6b}
.cx .cx-install-options>p{margin-top:25px;font-size:14px;color:#8fa1b8;line-height:1.9}
.cx .cx-reviews{background:#f6f7f4;--cal-blue:#325c45;--cal-blue-dark:#214733;--cal-soft:#f0f3ed;--cal-line:#dce3d8}
.cx .cx-reviews section{padding-block:100px}
.cx .cx-reviews .cal-container{width:min(var(--max-width,1200px),calc(100% - 48px))}
.cx .cx-reviews .cal-head{text-align:left;max-width:720px;margin:0 0 40px}
.cx .cx-reviews .cal-head h2{font-size:40px;font-weight:650;letter-spacing:-.04em}
.cx .cx-reviews .cal-head p{font-size:14px;margin-top:18px;line-height:1.9}
.cx .cx-reviews .cal-kicker{font:14px "Space Grotesk",sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#6b7b6c}
.cx .cx-reviews .cal-rv-card{box-shadow:none}
.cx .cx-reviews .cal-btn{border-radius:5px;box-shadow:none}
.cx-faq{padding-block:40px 120px;display:grid;grid-template-columns:.65fr 1.35fr;gap:100px}
.cx-faq-heading{align-self:start;position:sticky;top:130px}
.cx-faq-heading .cx-eyebrow{color:#69756c;margin-bottom:20px}
.cx .cx-faq-heading h2{font-size:40px;line-height:1.35;letter-spacing:-.04em;font-weight:650}
.cx .cx-faq-heading p:not(.cx-eyebrow){margin-top:20px;color:#748077;font-size:14px}
.cx-faq-heading a{display:inline-block;font-size:14px;border-bottom:1px solid #87988a;padding-block:5px;margin-top:27px}
.cx-faq-list details{border-bottom:1px solid #d8ded5}
.cx-faq-list details:first-child{border-top:1px solid #d8ded5}
.cx-faq-list summary{display:flex;gap:18px;align-items:center;list-style:none;cursor:pointer;padding:23px 0;font-size:15px;font-weight:550;word-break:keep-all;overflow-wrap:anywhere}
.cx-faq-list summary::-webkit-details-marker{display:none}
.cx-faq-list summary>span{font:14px "Space Grotesk",sans-serif;color:#8b958c;flex:none}
.cx-faq-list summary>i{font-style:normal;margin-left:auto;color:#889888;transition:transform .3s}
.cx-faq-list details[open] summary>i{transform:rotate(45deg)}
.cx .cx-faq-list details>p{padding:0 27px 23px 31px;font-size:14px;line-height:1.9;color:#69776d;max-width:680px}
.cx-finale{padding:95px 0 100px;position:relative;overflow:hidden;background:#d2ff6b;text-align:center}
.cx-finale-type{position:absolute;top:48%;left:0;width:max-content;white-space:nowrap;font:500 clamp(100px,15vw,225px)/1 "Space Grotesk",sans-serif;letter-spacing:-.07em;color:#719b4220;pointer-events:none}
.cx-finale-inner{position:relative}
.cx-finale .cx-eyebrow{color:#49642b}
.cx .cx-finale h2{font-size:clamp(40px,5.4vw,80px);letter-spacing:-.065em;line-height:1.23;font-weight:700;margin:24px 0 33px;color:#142619}
.cx-finale h2 em{font-style:normal}
.cx .cx-finale p:last-child{margin-top:19px;font-size:14px;color:#5e753f}
.cx-motion .cx-reveal{opacity:0;transform:translateY(32px);transition:opacity .8s,transform .8s}
.cx-motion .cx-reveal.is-visible{opacity:1;transform:none}
@media (max-width:1200px){
.cx-shell{width:min(var(--max-width,1200px),calc(100% - 48px))}
.cx-install-grid{gap:60px}
.cx-faq{gap:60px}
.cx .cx-reviews .cal-container{width:calc(100% - 48px)}
.cx-feature{padding:27px}
}
@media (max-width:900px){
.cx-shell{width:calc(100% - 48px)}
.cx-section-heading{gap:25px}
.cx .cx-section-heading>p{font-size:14px}
.cx-install-grid{gap:40px}
.cx-device-icon{width:38px;height:48px}
.cx .cx-install-option{gap:15px}
.cx .cx-install-option h3{font-size:18px}
.cx-faq{gap:45px}
.cx .cx-faq-heading h2{font-size:33px}
.cx .cx-reviews .cal-container{width:calc(100% - 48px)}
.cx-keyboard{gap:7px}
.cx .cx-keyboard kbd{width:48px;height:55px;font-size:23px}
.cx-file-card{width:185px;padding:18px 14px}
.cx-file-size{font-size:49px}
.cx-clock>span{font-size:72px}
.cx-feature{padding:24px}
.cx .cx-feature h3{font-size:21px}
.cx .cx-feature>p{font-size:14px}
.cx .cx-demo-wrap .cal-app{min-height:0}
}
@media (max-width:600px){
.cx-shell{width:calc(100% - 40px)}
.cx [id]{scroll-margin-top:85px}
.cx .cx-eyebrow{font-size:14px;letter-spacing:.12em}
.cx-wordmark{font-size:15px;gap:6px}
.cx-wordmark>span:last-child{font-size:14px}
.cx-logo{width:24px;height:26px;font-size:14px}
.cx .cx-button{min-height:48px;padding:13px 17px;gap:23px;font-size:14px}
.cx .cx-button span{font-size:20px}
.cx-playground{padding-block:72px 55px}
.cx-section-heading{display:block;margin-bottom:30px}
.cx .cx-section-heading h2{font-size:32px;line-height:1.35}
.cx-section-heading .cx-eyebrow{margin-bottom:17px}
.cx .cx-section-heading>p{margin-top:20px;font-size:14px;line-height:1.9}
.cx .cx-demo-wrap .cal-window{padding:6px;border-radius:12px}
.cx .cx-demo-wrap .cal-app{border-radius:7px}
.cx .cx-demo-wrap .cal-theme{padding:14px}
.cx .cx-demo-wrap .cal-theme-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.cx .cx-demo-wrap .cal-theme-option{padding:7px 5px;min-height:48px}
.cx .cx-demo-wrap .cal-theme-option__preview{height:22px}
.cx .cx-demo-wrap .cal-theme-option strong{font-size:14px}
.cx .cx-demo-wrap .cal-theme-group{margin-top:10px}
.cx .cx-demo-wrap .cal-switch{padding:8px}
.cx .cx-demo-wrap .cal-board{padding:15px 12px}
.cx .cx-demo-wrap .cal-board__head strong{font-size:15px}
.cx .cx-demo-wrap .cal-cols{grid-template-columns:1fr}
.cx .cx-demo-wrap .cal-col:nth-child(2){display:none}
.cx .cx-demo-wrap .cal-col{padding:13px}
.cx .cx-demo-wrap .cal-task{font-size:14px;padding:11px}
.cx-demo-bottom{align-items:flex-start;gap:14px;font-size:14px}
.cx-demo-bottom>p{max-width:190px}
.cx-demo-bottom>a{white-space:nowrap}
.cx-marquee{padding-block:19px}
.cx-marquee>div{font-size:62px}
.cx-marquee span{margin-inline:12px}
.cx-details{padding-block:72px}
.cx-feature-grid{grid-template-columns:1fr;gap:15px}
.cx-feature{padding:25px;border-radius:9px}
.cx .cx-feature h3{font-size:24px}
.cx .cx-feature>p{font-size:14px}
.cx .cx-feature>small{font-size:14px}
.cx-clock,.cx-file-preview,.cx-keyboard,.cx-mini-tasks{height:195px}
.cx-clock>span{font-size:73px}
.cx-clock-alert{bottom:19px;font-size:14px}
.cx-file-card{width:195px}
.cx-file-size{font-size:59px}
.cx-keyboard{gap:9px}
.cx .cx-keyboard kbd{width:49px;height:55px}
.cx-mini-tasks{padding:27px 0 20px}
.cx-mini-tasks button{font-size:14px}
.cx-install{padding-block:75px}
.cx-install-grid{display:flex;flex-direction:column;gap:30px}
.cx .cx-install h2{font-size:39px}
.cx .cx-install-lead{font-size:14px;margin-top:22px}
.cx .cx-install-note{max-width:330px;line-height:1.8;font-size:14px}
.cx-install-options{padding-top:5px}
.cx .cx-install-option{padding-block:22px;gap:18px}
.cx .cx-install-option h3{font-size:20px}
.cx .cx-install-option p{font-size:14px}
.cx-install-option small{font-size:14px}
.cx .cx-install-options>p{font-size:14px}
.cx .cx-reviews section{padding-block:72px}
.cx .cx-reviews .cal-container{width:calc(100% - 40px)}
.cx .cx-reviews .cal-head h2{font-size:31px}
.cx .cx-reviews .cal-head p{font-size:14px}
.cx .cx-reviews .cal-rv-card{padding:20px}
.cx-faq{display:block;padding-block:5px 75px}
.cx-faq-heading{position:static;margin-bottom:35px}
.cx .cx-faq-heading h2{font-size:32px}
.cx .cx-faq-heading p:not(.cx-eyebrow){font-size:14px;margin-top:16px}
.cx-faq-heading a{font-size:14px;margin-top:15px}
.cx-faq-list summary{font-size:14px;padding-block:20px;gap:12px}
.cx-faq-list summary>span{font-size:14px}
.cx .cx-faq-list details>p{font-size:14px;padding-left:25px;padding-right:12px}
.cx-finale{padding-block:75px}
.cx .cx-finale h2{font-size:44px;margin:23px 0 27px}
.cx .cx-finale p:last-child{font-size:14px}
}
@media (max-width:380px){
.cx-shell{width:calc(100% - 32px)}
.cx-wordmark>span:last-child{font-size:14px}
.cx .cx-section-heading h2{font-size:28px}
.cx .cx-feature h3{font-size:22px}
.cx .cx-keyboard kbd{width:42px;height:50px}
.cx-file-card{width:172px}
.cx-file-preview{gap:13px}
}
@media (prefers-reduced-motion:reduce){
.cx *,.cx *::before,.cx *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.cx-motion .cx-reveal{opacity:1;transform:none}
.cx-faq-heading{position:static}
}