/* Full-viewport, scroll-scrubbed calendar. All rules stay within .cx. */
.cx{--cc-dock:0px;--cc-header:85px}
.cc{position:relative;background:#050b17;color:#fff}
.cc-pin{position:relative;overflow:hidden;isolation:isolate;background:#050b17}
.cc-is-animated{height:780svh;min-height:4800px}
.cc-is-animated .cc-pin{position:sticky;top:var(--cc-header);height:calc(100svh - var(--cc-header) - var(--cc-dock))}
.cc-space{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.cc-grid{position:absolute;inset:-60%;background-image:linear-gradient(#89b0fb14 1px,transparent 1px),linear-gradient(90deg,#89b0fb14 1px,transparent 1px);background-size:95px 95px;transform:perspective(600px) rotateX(65deg) rotateZ(-20deg) translateY(18%);mask-image:radial-gradient(ellipse,#000,transparent 65%);will-change:transform}
.cc-glow{position:absolute;inset:-30%;background:radial-gradient(ellipse at 70% 60%,#104fdb55,transparent 55%);will-change:transform}
.cc-axis{position:absolute;width:900px;height:900px;left:50%;top:50%;border:1px solid #769cd124;border-radius:50%;transform:translate(-50%,-50%)}
.cc-axis--b{width:1350px;height:1350px;border-style:dashed;opacity:.5}
.cc-top{position:absolute;inset:0 0 auto;z-index:30;height:79px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff24;transition:color .3s,border-color .3s}
.cc-top-demo{display:flex;align-items:center;gap:22px;font-size:14px;color:#c3d0e3}.cc-top-demo>span{font-size:23px}
.cc .cx-wordmark{color:#fff}.cc[data-chapter="4"] .cc-top{color:#142619;border-bottom-color:#20392333}.cc[data-chapter="4"] .cx-wordmark,.cc[data-chapter="4"] .cx-wordmark>span:last-child,.cc[data-chapter="4"] .cc-top-demo{color:#142619}.cc[data-chapter="4"] .cx-logo{border-color:#142619;color:#142619}
.cc-scene{position:relative;min-height:850px;padding-top:100px;transform-origin:center;overflow:hidden}
.cc-is-animated .cc-scene{position:absolute;inset:0;min-height:0;padding:0;overflow:visible;will-change:transform,opacity;pointer-events:none}
.cc-is-animated .cc-scene:not(.cc-opening){opacity:0}
.cc-is-animated .cc-scene.is-current{pointer-events:auto}
.cx .cc-eyebrow{font:14px/1.5 'Space Grotesk',sans-serif;letter-spacing:.17em;color:#b7d58c;text-transform:uppercase}
.cc-art{position:absolute;inset:0;pointer-events:none;transform-origin:72% 55%;will-change:transform,opacity}
.cc-art img{position:absolute;right:-3%;top:52%;width:100%;height:auto;max-width:none;transform:translateY(-50%);object-fit:contain;opacity:1;mask-image:linear-gradient(180deg,transparent,#000 12%,#000 85%,transparent)}
.cc-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050b17 0%,#050b17c7 25%,#050b1700 63%)}
.cc-opening-copy{position:relative;padding-top:65px;z-index:4}
.cc-is-animated .cc-opening-copy{position:absolute;inset:18% 0 auto;padding-top:0}
.cx .cc-opening h1{font-size:clamp(70px,9.4vw,145px);font-weight:760;letter-spacing:-.075em;line-height:1.08;margin:28px 0 35px;text-wrap:nowrap;overflow-wrap:normal}
.cc-title-line{display:block;will-change:transform,opacity}.cc-title-line em{color:#d2ff6b;font-style:normal}
.cc-opening-bottom{display:flex;align-items:flex-end;gap:58px;will-change:transform,opacity}.cx .cc-opening-bottom p{font-size:15px;color:#afbed2;line-height:1.9}.cc-explore{display:flex;gap:18px;align-items:center;font-size:14px;padding-bottom:7px;border-bottom:1px solid #ffffff55}.cc-explore span{font-size:23px;color:#d2ff6b}
.cc-date{position:absolute;z-index:3;right:max(calc((100% - 1200px)/2),5%);top:19%;display:flex;flex-direction:column;align-items:center;padding:19px 23px 15px;border:1px solid #c8d5ff40;border-radius:20px;background:linear-gradient(135deg,#ffffff20,#ffffff08);backdrop-filter:blur(18px);box-shadow:0 18px 45px #0002;color:#e2e7ff;will-change:transform,opacity;pointer-events:none}
.cc-date>span{font:14px 'Space Grotesk',sans-serif;letter-spacing:.18em}.cc-date>b{font:500 72px/1.05 'Space Grotesk',sans-serif;letter-spacing:-.075em;margin:8px 0;color:#f0f2ff}.cc-date>small{font:14px 'Space Grotesk',sans-serif;letter-spacing:.12em;color:#b3bfe0}
.cc-opening-tags{position:absolute;right:22%;bottom:16%;z-index:4;display:flex;flex-direction:column;align-items:flex-end;gap:12px;pointer-events:none}
.cc-opening-tags>span{padding:15px 22px;border:1px solid #ffffff5c;background:#eef0ff;color:#343d66;border-radius:13px;font-size:14px;transform:rotate(-7deg);box-shadow:0 18px 45px #0003}.cc-opening-tags>span+span{background:#d2ffb5;border-color:#d2ffb5;color:#284b38;transform:translateX(-50px) rotate(7deg)}.cc-opening-tags i{font-style:normal;margin-left:18px}
.cc-chapter-copy{position:relative;z-index:10;text-align:center;padding-inline:24px;width:100%;will-change:transform,opacity}
.cc-is-animated .cc-chapter-copy{position:absolute;left:0;top:13%;padding:0 24px}
.cx .cc-chapter-copy h2{font-size:clamp(36px,4.6vw,70px);line-height:1.12;font-weight:680;letter-spacing:-.06em;margin:17px auto 18px}
.cc-chapter-copy h2 em{color:#d2ff6b;font-style:normal}.cx .cc-chapter-copy>p:last-child{font-size:14px;line-height:1.8;color:#aabbd3;max-width:670px;margin-inline:auto}
.cc-board-camera{position:relative;width:min(1020px,76vw);margin:48px auto 60px;perspective:1800px;z-index:4;transform-style:preserve-3d;will-change:transform,opacity}
.cc-is-animated .cc-board-camera{position:absolute;left:50%;top:41%;margin:0;transform:translateX(-50%)}
.cc-board{position:relative;padding:24px 26px 21px;transform-style:preserve-3d;will-change:transform}
.cc-board-surface{position:absolute;inset:0;border:1px solid #c0cbff30;background:linear-gradient(145deg,#1b2440f5,#10182dfc 65%);box-shadow:0 40px 100px #0006,0 0 90px #7388ff10,inset 0 1px #ffffff17;border-radius:24px;z-index:-1;will-change:opacity}
.cc-board-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;font-size:14px;color:#e0e5f7;border-bottom:1px solid #aab8e51f;gap:12px}
.cc-board-brand{display:flex;align-items:center;gap:10px}.cc-board-brand>svg{width:30px;height:30px;padding:4px;background:#b9c3ff1f;border:1px solid #bac8ff24;border-radius:9px;color:#c9d1ff;flex:none}.cc-board-brand b{color:#f0f3ff}.cc-board-view{display:flex;align-items:center;gap:20px;font:14px 'Space Grotesk',sans-serif;color:#d2d9ed}.cc-board-view b{font-weight:400;color:#8b98b8;margin-left:3px}.cc-board-head i{display:flex;align-items:center;gap:15px;font:14px 'Pretendard Variable',sans-serif;background:#d5dfff12;border:1px solid #d5dfff1a;color:#c9d2ed;padding:7px 10px;border-radius:7px;font-style:normal}
.cc-days{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;position:relative;transform-style:preserve-3d}
.cc-day{min-width:0;transform-style:preserve-3d}.cc-day-heading{display:flex;align-items:center;gap:10px;margin:15px 0 12px;padding-inline:2px}.cc-day-heading b{font:500 26px 'Space Grotesk',sans-serif;letter-spacing:-.055em;color:#dce4fa}.cc-day:first-child .cc-day-heading b{color:#d2ff9b}.cc-day-heading>span{font:14px 'Space Grotesk',sans-serif;letter-spacing:.1em;color:#9ba8c4}.cc-day-heading>i{margin-left:auto;font:17px/1 'Space Grotesk',sans-serif;letter-spacing:2px;color:#7584a8}
.cc-task{--task-accent:#6f7bc6;position:relative;background:#dfe5fc;border:1px solid #ffffff55;border-radius:12px;padding:12px 15px;min-height:77px;margin-top:9px;box-shadow:0 5px 13px #00000012,inset 0 1px #ffffff70;color:#283554;will-change:transform;transform-origin:center;backface-visibility:hidden}
.cc-task>span{font:500 14px 'Space Grotesk',sans-serif;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#4f607d}.cc-task time{display:flex;align-items:center;gap:7px;white-space:nowrap}.cc-task time::before{content:"";width:5px;height:5px;flex:none;border-radius:50%;background:var(--task-accent)}.cc-task>span small{font:14px 'Pretendard Variable',sans-serif;line-height:1.2;padding:3px 6px;border-radius:5px;background:#ffffff66;color:inherit;white-space:nowrap}.cc-task strong{display:block;margin-top:8px;font-size:16px;font-weight:650;letter-spacing:-.035em}
.cc-task--peach{--task-accent:#b69564;background:#f0e9dc;color:#594735}.cc-task--lime{--task-accent:#609881;background:#d8eddf;color:#294e43}.cc-task--pink{--task-accent:#9c80bd;background:#e9dff5;color:#503d69}
.cc-board-foot{display:flex;justify-content:space-between;margin-top:17px;font:14px 'Space Grotesk',sans-serif;letter-spacing:.09em;color:#7891ae}
.cc-repeat{background:#1451e8}.cc-is-animated .cc-repeat{background:transparent}
.cc-repeat .cc-eyebrow{color:#c2d8ff}.cc-repeat .cc-chapter-copy>p:last-child{color:#d2e2ff}.cc-repeat .cc-chapter-copy h2 em{color:#d2ff6b}
.cc-repeat-orbit{position:absolute;left:50%;top:55%;width:620px;height:620px;border:1px solid #b2d3ff55;border-radius:50%;transform:translate(-50%,-50%);will-change:transform;pointer-events:none}.cc-repeat-orbit::before,.cc-repeat-orbit::after{content:"";position:absolute;inset:65px;border:1px dashed #b2d3ff33;border-radius:50%}.cc-repeat-orbit::after{inset:-70px;border-style:solid}.cc-repeat-orbit>span{position:absolute;right:-20px;top:50%;font:50px 'Space Grotesk',sans-serif;color:#d2ff6b;background:#1451e8;line-height:1}
.cc-repeat-type{position:absolute;top:48%;left:-10%;font:600 clamp(110px,18vw,280px)/1 'Space Grotesk',sans-serif;letter-spacing:-.07em;white-space:nowrap;color:#ffffff13;pointer-events:none;will-change:transform}
.cc-repeat-track{position:relative;display:flex;gap:24px;width:max-content;margin:75px 0 80px;padding-left:10%;perspective:1200px;will-change:transform}
.cc-is-animated .cc-repeat-track{position:absolute;left:50%;top:53%;margin:0;padding:0}
.cc-repeat-card{width:235px;flex:none;min-height:260px;padding:22px 24px;border:1px solid #c4daff99;border-radius:12px;background:#ffffff;color:#153054;box-shadow:0 25px 40px #00267c44;transform:rotate(-5deg);will-change:transform}
.cc-repeat-card:nth-child(2n){background:#d2ff6b;border-color:#d2ff6b;transform:rotate(5deg)}.cc-repeat-card>span{display:flex;justify-content:space-between;font:14px 'Space Grotesk',sans-serif;letter-spacing:.07em}.cc-repeat-card i{font-size:22px;font-style:normal;line-height:1}.cc-repeat-card>b{display:block;font:500 106px/.98 'Space Grotesk',sans-serif;letter-spacing:-.085em;margin:20px 0}.cc-repeat-card>strong{display:block;font-size:16px;letter-spacing:-.03em}.cc-repeat-card>small{display:block;font-size:14px;opacity:.5;margin-top:6px}
.cc-connect-type{position:absolute;left:-20%;top:48%;font:600 clamp(140px,20vw,300px)/1 'Space Grotesk',sans-serif;letter-spacing:-.08em;color:#92d9f20c;white-space:nowrap;will-change:transform;pointer-events:none}
.cc-devices{position:relative;width:min(1050px,85vw);height:390px;margin:60px auto 40px;perspective:1600px;transform-style:preserve-3d}
.cc-is-animated .cc-devices{position:absolute;left:50%;top:43%;margin:0;transform:translateX(-50%)}
.cc-desktop{position:absolute;width:59%;left:0;top:20px;padding:23px;border:1px solid #edf1ff99;background:#f6f7fb;color:#25314d;box-shadow:0 35px 85px #0005,0 1px 0 #fff inset;border-radius:18px;transform:rotateY(15deg) rotateZ(-5deg);will-change:transform}
.cc-device-bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid #dce1ed;font-size:14px}.cc-device-bar b{color:#394561;display:flex;align-items:center;gap:6px}.cc-device-bar>span{font-size:14px;color:#729880}.cc-device-date{font-size:19px;margin-block:20px 15px;font-weight:600}.cc-device-date>span{font-size:14px;color:#8ca8bc;float:right;margin-top:8px;font-family:'Space Grotesk',sans-serif}.cc-desktop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.cc-desktop-grid>div>b{font:23px 'Space Grotesk',sans-serif}.cc-mini-card{display:block;margin-top:9px;border:1px solid #fff8;background:#dfe5fc;padding:12px 10px;border-radius:9px;font-size:14px;color:#2d3c63}.cc-mini-card--lime{background:#d8eddf;color:#315848}.cc-mini-card--peach{background:#f0e9dc;color:#685441}.cc-mini-card--pink{background:#e9dff5;color:#53416b}.cc-device-foot{margin-top:20px;font-size:14px;color:#7793ad;text-align:center}
.cc-phone{position:absolute;right:3%;top:-25px;width:226px;padding:42px 17px 21px;border:6px solid #bac4d7;border-radius:37px;background:#f6f7fb;color:#25314d;box-shadow:0 25px 60px #0006,0 1px 0 #fff inset;transform:rotateY(-14deg) rotateZ(9deg);will-change:transform}
.cc-phone-island{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:73px;height:18px;background:#020711;border-radius:20px}.cc-phone-time{display:flex;justify-content:space-between;font:14px 'Space Grotesk',sans-serif;color:#3a4660}.cx .cc-phone>p{font:14px 'Space Grotesk',sans-serif;letter-spacing:.1em;color:#8994ab;margin-top:22px}.cc-phone-date{display:block;font:500 56px/.95 'Space Grotesk',sans-serif;margin-block:12px 18px;letter-spacing:-.08em}.cc-phone .cc-mini-card{padding:12px 10px;font-size:14px}.cc-mini-card i{font-style:normal;float:right;opacity:.7}.cc-phone-sync{margin-top:22px;padding:9px;border:1px solid #a9c7b933;border-radius:20px;background:#e8f1eb;text-align:center;color:#668c79;font-size:14px}
.cc-connection{position:absolute;inset:0;width:100%;height:100%;color:#c6ff83;filter:drop-shadow(0 0 12px #b2ff76aa);pointer-events:none}.cc-connection path:first-child{stroke-dashoffset:1100;will-change:stroke-dashoffset}.cc-device-label{position:absolute;bottom:-16px;font:14px 'Space Grotesk',sans-serif;letter-spacing:.13em;color:#638c9e}.cc-device-label--pc{left:22%}.cc-device-label--phone{right:8%}
.cc-yours{background:#d2ff6b;color:#172b1b;z-index:15;min-height:850px;display:flex;align-items:center;justify-content:center}
.cc-is-animated .cc-yours{will-change:clip-path;min-height:0}
.cc-yours-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-15deg);border:2px solid #567e3322;border-radius:50%;width:min(700px,60vw);height:min(700px,60vw);display:grid;place-items:center;font-size:clamp(180px,28vw,420px);font-weight:250;color:#608b3120;will-change:transform}
.cc-yours-copy{position:relative;z-index:2;text-align:center;width:100%;padding:50px 24px;will-change:transform,opacity}
.cc-yours .cc-eyebrow{color:#3a6423}.cx .cc-yours h2{font-size:clamp(44px,5.7vw,88px);line-height:1.16;letter-spacing:-.07em;font-weight:700;margin:26px 0}.cc-yours h2 em{color:#172b1b;font-style:normal}.cx .cc-yours-copy>p:not(.cc-eyebrow){color:#5a793e;font-size:15px}.cc-yours-actions{display:flex;align-items:center;justify-content:center;gap:30px;margin-top:34px}.cc-yours-actions>a:last-child{font-size:14px;border-bottom:1px solid #537638;padding:10px 0}.cc-yours-copy>small{display:block;margin-top:22px;color:#678649;font-size:14px}
.cc-bottom{position:absolute;bottom:22px;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;color:#9babc3}.cc-chapters{display:flex;gap:27px}.cc-chapters>button{border:0;background:none;color:inherit;font-size:14px;padding:12px 0;position:relative;min-height:44px}.cc-chapters>button::after{content:"";position:absolute;left:0;right:0;bottom:3px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s}.cc-chapters>button[aria-pressed="true"]{color:#d2ff6b}.cc-chapters>button[aria-pressed="true"]::after{transform:scaleX(1)}.cc-chapters>button>span{margin-right:7px;font-family:'Space Grotesk',sans-serif;font-size:14px}.cc-scroll-label{font:14px 'Space Grotesk',sans-serif;letter-spacing:.12em}.cc-scroll-label b{display:inline-block;min-width:32px;margin-left:16px;color:#d2ff6b;font-weight:500;text-align:right}
.cc[data-chapter="4"] .cc-bottom{color:#527436}.cc[data-chapter="4"] .cc-chapters>button[aria-pressed="true"],.cc[data-chapter="4"] .cc-scroll-label b{color:#172b1b}.cc-progress{position:absolute;bottom:0;left:0;right:0;height:3px;z-index:31;background:#ffffff13}.cc-progress i{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:#d2ff6b}.cc[data-chapter="4"] .cc-progress i{background:#234723}
.cc:not(.cc-is-animated) .cc-bottom,.cc:not(.cc-is-animated) .cc-progress{display:none}.cc:not(.cc-is-animated) .cc-scene{opacity:1!important;clip-path:none!important}.cc:not(.cc-is-animated) .cc-opening{min-height:850px}.cc:not(.cc-is-animated) .cc-repeat-track{transform:translateX(-12%)}

/* A second scroll sequence: large functional cards travel horizontally. */
.cx .cx-details.cx-horizontal{width:100%;max-width:none;padding:0;height:330svh;min-height:2200px}
.cx-horizontal .cx-features-pin{position:sticky;top:var(--cc-header);height:calc(100svh - var(--cc-header) - var(--cc-dock));overflow:hidden;display:flex;flex-direction:column;justify-content:center;justify-content:safe center;padding-block:40px}
.cx-horizontal .cx-features-pin>div{flex-shrink:0}
.cx-horizontal .cx-section-heading{width:min(1200px,calc(100% - 48px));margin:0 auto 32px;align-items:center}
.cx .cx-horizontal .cx-section-heading h2{font-size:38px;line-height:1.18}.cx-horizontal .cx-section-heading .cx-eyebrow{margin-bottom:13px}
.cx-horizontal .cx-feature-grid{display:flex;gap:28px;width:max-content;padding-inline:max(calc((100vw - 1200px)/2),24px);will-change:transform}
.cx-horizontal .cx-feature{flex:0 0 min(680px,68vw);width:min(680px,68vw);padding:32px 38px;min-height:470px;transform-origin:50% 85%;will-change:transform;transition:none}
.cx .cx-horizontal .cx-feature h3{font-size:30px}.cx .cx-horizontal .cx-feature>p{font-size:15px;max-width:540px}.cx-horizontal .cx-clock,.cx-horizontal .cx-file-preview,.cx-horizontal .cx-keyboard,.cx-horizontal .cx-mini-tasks{height:240px}.cx-horizontal .cx-clock>span{font-size:100px}.cx-horizontal .cx-file-card{width:260px;padding:27px}.cx-horizontal .cx-file-card>b{font-size:16px}.cx-horizontal .cx-file-size{font-size:93px}.cx-horizontal .cx-mini-tasks{padding:45px 10px}.cx-horizontal .cx-mini-tasks button{font-size:16px;padding:16px 20px;min-height:59px}.cx-horizontal .cx-keyboard{gap:17px}.cx .cx-horizontal .cx-keyboard kbd{width:77px;height:80px;font-size:36px}
.cx-feature-scroll{display:flex;justify-content:space-between;align-items:center;width:min(1200px,calc(100% - 48px));margin:22px auto 0;font:14px 'Space Grotesk',sans-serif;letter-spacing:.1em;color:#667463}.cx-feature-scroll>span:last-child{font-size:22px}.cx:not(.cx-ready) .cx-feature-scroll{display:none}

@media(min-width:1700px){.cc-board-camera{width:1100px}.cc-task{min-height:90px}.cc-devices{top:44%}.cx-horizontal .cx-feature{min-height:530px}.cx-horizontal .cx-clock,.cx-horizontal .cx-file-preview,.cx-horizontal .cx-keyboard,.cx-horizontal .cx-mini-tasks{height:280px}}
@media(max-width:1100px){.cx .cc-opening h1{font-size:10vw}.cc-opening-copy{padding-top:100px}.cc-board-camera{width:87vw}.cc-task strong{font-size:14px}.cc-task{padding:12px;min-height:72px}.cc-devices{width:88vw}.cc-desktop{width:62%;padding:18px}.cc-phone{right:0;width:210px}.cc-repeat-card{width:210px;min-height:240px}.cc-repeat-card>b{font-size:90px}.cc-is-animated .cc-chapter-copy{top:14%}.cx .cc-chapter-copy h2{font-size:5.2vw}.cx-horizontal .cx-feature{flex-basis:72vw;width:72vw}}
@media(max-width:800px){.cx{--cc-dock:76px}.cc-is-animated{height:720svh;min-height:4400px}.cc-top{height:66px}.cc-top-demo{font-size:14px;gap:10px}.cc-top-demo>span{font-size:18px}.cc-is-animated .cc-opening-copy{top:20%}.cx .cc-opening h1{font-size:clamp(56px,11vw,100px);margin-block:22px 25px;line-height:1.08}.cc-date>span{font-size:14px}.cc-date>small{font-size:14px}.cc-opening-bottom{display:block}.cx .cc-opening-bottom p{font-size:14px}.cc-explore{margin-top:23px;display:inline-flex;font-size:14px}.cc-bottom{bottom:12px}.cc-chapters{gap:23px}.cc-scroll-label{display:none}.cc-chapters>button{font-size:14px}.cc-chapters>button>span{font-size:14px}
.cc-is-animated .cc-chapter-copy{top:14%}.cx .cc-chapter-copy h2{font-size:clamp(32px,5.5vw,48px);margin:13px 0}.cx .cc-chapter-copy>p:last-child{font-size:14px;max-width:420px}.cx .cc-eyebrow{font-size:14px}.cc-board-camera{width:88vw}.cc-is-animated .cc-board-camera{top:46%}.cc-board{padding:18px 18px 16px}.cc-board-head{font-size:14px;padding-bottom:12px}.cc-board-head i{font-size:14px;margin-left:9px}.cc-day-heading{margin:13px 0 8px}.cc-day-heading b{font-size:21px}.cc-day-heading>span{font-size:14px}.cc-days{gap:10px}.cc-task{min-height:70px;padding:10px}.cc-task strong{font-size:14px}.cc-task>span{font-size:14px}.cc-task>span small{font-size:14px}.cc-board-foot{font-size:14px;margin-top:13px}.cc-repeat-card{width:190px;min-height:225px;padding:20px}.cc-repeat-card>b{font-size:84px;margin:16px 0}.cc-repeat-card>strong{font-size:14px}.cc-is-animated .cc-repeat-track{top:50%}.cc-repeat-orbit{width:470px;height:470px}.cc-repeat-type{font-size:150px;top:52%}.cc-devices{height:320px;width:90vw}.cc-is-animated .cc-devices{top:47%}.cc-desktop{width:64%;padding:15px;top:10px}.cc-device-date{font-size:15px;margin:15px 0 12px}.cc-device-date>span{font-size:14px;margin-top:5px}.cc-desktop-grid{gap:7px}.cc-desktop-grid>div>b{font-size:19px}.cc-mini-card{font-size:14px;padding:12px 7px}.cc-device-bar{font-size:14px;padding-bottom:10px}.cc-device-bar span{font-size:14px}.cc-device-foot{font-size:14px;margin-top:15px}.cc-phone{width:175px;padding:34px 12px 14px;border-width:4px;border-radius:27px;top:-25px}.cc-phone-island{height:12px;width:52px;top:8px}.cc-phone-time{font-size:14px}.cx .cc-phone>p{font-size:14px;margin-top:17px}.cc-phone-date{font-size:48px;margin:10px 0 14px}.cc-phone .cc-mini-card{font-size:14px;padding:11px 7px}.cc-phone-sync{font-size:14px;margin-top:15px;padding:7px}.cc-device-label{font-size:14px;bottom:-4px}.cc-device-label--pc{left:18%}.cc-device-label--phone{right:5%}.cc-yours-actions{gap:20px}.cx .cc-yours h2{font-size:clamp(38px,6.5vw,64px)}.cx .cc-yours-copy>p:not(.cc-eyebrow){font-size:14px}.cc-yours-actions>a:last-child{font-size:14px}.cc-yours-copy>small{font-size:14px}
.cx .cx-horizontal .cx-section-heading h2{font-size:30px}.cx-horizontal .cx-section-heading>p{font-size:14px}.cx-horizontal .cx-feature{flex-basis:82vw;width:82vw;padding:25px;min-height:420px}.cx-horizontal .cx-features-pin{padding-block:27px}.cx-horizontal .cx-clock,.cx-horizontal .cx-file-preview,.cx-horizontal .cx-keyboard,.cx-horizontal .cx-mini-tasks{height:200px}.cx .cx-horizontal .cx-feature h3{font-size:26px}.cx .cx-horizontal .cx-feature>p{font-size:14px}.cx-horizontal .cx-clock>span{font-size:85px}.cx-horizontal .cx-file-card{width:220px;padding:22px}.cx-horizontal .cx-file-size{font-size:70px}.cx-horizontal .cx-mini-tasks{padding:30px 0}.cx-horizontal .cx-mini-tasks button{font-size:14px;padding:13px 15px;min-height:50px}.cx .cx-horizontal .cx-keyboard kbd{width:60px;height:65px;font-size:28px}}
@media(max-width:600px){.cc-is-animated{height:760svh;min-height:4200px}.cc-top{height:60px}.cc .cx-wordmark{font-size:14px}.cc .cx-wordmark>span:last-child{font-size:14px}.cc .cx-logo{width:22px;height:23px;font-size:14px}.cc-top-demo{font-size:14px}.cc-is-animated .cc-opening-copy{top:18%}.cx .cc-opening h1{font-size:clamp(51px,13.5vw,77px);line-height:1.12;margin:20px 0 23px}.cc-opening-bottom{max-width:245px}.cx .cc-opening-bottom p{font-size:14px}.cc-explore{margin-top:20px;font-size:14px;gap:12px}.cc-chapters{width:100%;justify-content:space-between;gap:6px}.cc-chapters>button{font-size:14px;min-height:40px}.cc-chapters>button>span{font-size:14px;margin-right:5px}.cc-bottom{bottom:10px}.cx .cc-eyebrow{font-size:14px;letter-spacing:.12em}.cc-is-animated .cc-chapter-copy{top:15%;padding-inline:18px}.cx .cc-chapter-copy h2{font-size:clamp(28px,7.6vw,40px);line-height:1.19;letter-spacing:-.055em;margin:13px 0}.cx .cc-chapter-copy>p:last-child{font-size:14px;line-height:1.8;max-width:340px}.cc-is-animated .cc-board-camera{top:46%;width:90vw}.cc-board{padding:12px 11px 13px}.cc-board-head{font-size:14px;padding-bottom:10px}.cc-board-view{font-size:14px}.cc-board-head i{display:none}.cc-day-heading{margin:11px 0 7px;gap:6px}.cc-day-heading b{font-size:19px}.cc-day-heading>span{font-size:14px}.cc-days{gap:7px}.cc-task{min-height:61px;padding:8px 6px;margin-top:6px;border-radius:7px}.cc-task strong{font-size:14px;line-height:1.4;margin-top:7px;word-break:keep-all}.cc-task>span{font-size:14px;gap:4px}.cc-task>span small{font-size:14px}.cc-board-foot{font-size:14px;margin-top:12px}.cc-board-surface{border-radius:16px}.cc-repeat-card{width:168px;min-height:207px;padding:17px 18px;border-radius:8px}.cc-repeat-card>b{font-size:81px;margin:16px 0 13px}.cc-repeat-card>span{font-size:14px}.cc-repeat-card>strong{font-size:14px}.cc-repeat-card>small{font-size:14px}.cc-repeat-track{gap:17px}.cc-is-animated .cc-repeat-track{top:52%}.cc-repeat-type{font-size:105px;top:49%}.cc-repeat-orbit{width:340px;height:340px}.cc-repeat-orbit>span{font-size:35px}.cc-is-animated .cc-devices{top:49%;width:93vw;height:260px}.cc-desktop{width:70%;padding:11px;top:10px;border-radius:8px}.cc-device-bar{font-size:14px;padding-bottom:8px}.cc-device-bar span{font-size:14px}.cc-device-date{font-size:14px;margin:11px 0 8px}.cc-device-date>span{font-size:14px;margin-top:3px}.cc-desktop-grid{gap:5px}.cc-desktop-grid>div>b{font-size:15px}.cc-mini-card{font-size:14px;padding:9px 4px;margin-top:6px;border-radius:4px;white-space:nowrap;overflow:hidden}.cc-device-foot{margin-top:11px;font-size:14px}.cc-phone{width:127px;padding:26px 9px 12px;border-width:3px;border-radius:21px;right:0;top:-10px}.cc-phone-island{width:43px;height:9px;top:7px}.cc-phone-time{font-size:14px}.cx .cc-phone>p{font-size:14px;margin-top:13px}.cc-phone-date{font-size:40px;margin:7px 0 10px}.cc-phone .cc-mini-card{font-size:14px;padding:9px 6px}.cc-phone-sync{margin-top:12px;padding:6px;font-size:14px}.cc-device-label{font-size:14px;bottom:5px}.cc-connection{left:0;top:-15px}.cc-yours-copy{padding-inline:18px}.cx .cc-yours h2{font-size:clamp(30px,7.9vw,44px);line-height:1.25;margin:23px 0}.cc-yours h2 em{display:inline-block}.cx .cc-yours-copy>p:not(.cc-eyebrow){font-size:14px}.cc-yours-actions{flex-direction:column;gap:14px;margin-top:25px}.cc-yours-actions>a:last-child{font-size:14px}.cc-yours-copy>small{font-size:14px;margin-top:18px}.cc-yours-ring{width:90vw;height:90vw;font-size:230px}
.cx .cx-details.cx-horizontal{height:350svh;min-height:2100px}.cx-horizontal .cx-features-pin{padding-block:30px}.cx-horizontal .cx-section-heading{margin-bottom:25px;width:calc(100% - 40px)}.cx .cx-horizontal .cx-section-heading h2{font-size:28px}.cx-horizontal .cx-section-heading .cx-eyebrow{font-size:14px;margin-bottom:12px}.cx-horizontal .cx-section-heading>p{display:none}.cx-horizontal .cx-feature-grid{gap:17px;padding-inline:20px}.cx-horizontal .cx-feature{flex-basis:calc(100vw - 40px);width:calc(100vw - 40px);padding:24px;min-height:375px}.cx .cx-horizontal .cx-feature h3{font-size:24px;line-height:1.4}.cx .cx-horizontal .cx-feature>p{font-size:14px;line-height:1.85}.cx .cx-horizontal .cx-feature>small{font-size:14px}.cx-horizontal .cx-clock,.cx-horizontal .cx-file-preview,.cx-horizontal .cx-keyboard,.cx-horizontal .cx-mini-tasks{height:190px}.cx-horizontal .cx-clock>span{font-size:73px}.cx-horizontal .cx-file-card{width:177px;padding:20px 14px}.cx-horizontal .cx-file-card>b{font-size:14px}.cx-horizontal .cx-file-size{font-size:60px}.cx-horizontal .cx-mini-tasks button{font-size:14px;padding:13px 12px;min-height:46px}.cx-horizontal .cx-mini-tasks{padding-top:32px}.cx-horizontal .cx-keyboard{gap:9px}.cx .cx-horizontal .cx-keyboard kbd{width:46px;height:52px;font-size:24px}.cx-feature-scroll{width:calc(100% - 40px);font-size:14px;margin-top:14px}.cx-feature-scroll>span:last-child{font-size:18px}
.cc:not(.cc-is-animated) .cc-scene{min-height:650px;padding-top:80px}.cc:not(.cc-is-animated) .cc-opening{min-height:740px;padding-top:110px}.cc:not(.cc-is-animated) .cc-opening-copy{padding-top:0}.cc:not(.cc-is-animated) .cc-date{display:none}.cc:not(.cc-is-animated) .cc-board-camera{width:90vw;margin-top:35px}.cc:not(.cc-is-animated) .cc-devices{width:90vw;margin-top:50px;height:330px}.cc:not(.cc-is-animated) .cc-yours{padding-top:0}}
@media(max-height:860px) and (min-width:801px){.cc-top{height:59px}.cc-is-animated .cc-opening-copy{top:18%}.cx .cc-opening h1{font-size:14vh;margin:17px 0 20px}.cc-opening-bottom p{font-size:14px}.cc-chapter-copy h2{font-size:7vh!important;margin:11px 0!important}.cc-is-animated .cc-chapter-copy{top:14%}.cc-is-animated .cc-board-camera{top:47%;width:750px}.cc-board{padding:14px 20px}.cc-task{min-height:55px;padding:7px 10px;margin-top:6px}.cc-task strong{font-size:14px;margin-top:4px}.cc-day-heading{margin:9px 0 5px}.cc-day-heading b{font-size:20px}.cc-board-foot{margin-top:10px}.cc-board-head{padding-bottom:9px}.cc-repeat-card{min-height:205px;width:190px;padding:18px}.cc-repeat-card>b{font-size:76px;margin-block:12px}.cc-devices{width:850px;height:300px}.cc-desktop{padding:15px}.cc-mini-card{padding-block:9px}.cc-phone{width:168px;padding:30px 12px 12px;border-radius:25px;border-width:4px}.cc-phone-island{height:12px;width:55px}.cc-phone-date{font-size:43px;margin-block:10px}.cx .cc-phone>p{margin-top:15px;font-size:14px}.cc-phone .cc-mini-card{font-size:14px;padding:9px}.cc-phone-sync{padding:6px;margin-top:12px}.cc-device-label{bottom:-2px}.cc-is-animated .cc-devices{top:48%}.cx .cc-yours h2{font-size:9vh}.cx-horizontal .cx-features-pin{padding-block:25px}.cx .cx-horizontal .cx-section-heading h2{font-size:28px}.cx-horizontal .cx-section-heading{margin-bottom:20px}.cx-horizontal .cx-feature{min-height:0;padding:22px 30px}.cx-horizontal .cx-clock,.cx-horizontal .cx-file-preview,.cx-horizontal .cx-keyboard,.cx-horizontal .cx-mini-tasks{height:170px}.cx-horizontal .cx-clock>span{font-size:70px}.cx .cx-horizontal .cx-feature h3{font-size:25px}.cx .cx-horizontal .cx-feature>p{font-size:14px}.cx-feature-scroll{margin-top:12px}}
@media(max-height:720px) and (max-width:800px){.cc-top{height:48px}.cc-is-animated .cc-opening-copy{top:17%}.cx .cc-opening h1{font-size:clamp(43px,12vw,70px);margin:15px 0 18px}.cc-opening-bottom p{font-size:14px!important}.cc-explore{margin-top:12px}.cc-is-animated .cc-chapter-copy{top:15%}.cx .cc-chapter-copy h2{font-size:26px;margin:9px 0}.cx .cc-chapter-copy>p:last-child{font-size:14px;line-height:1.6}.cc-is-animated .cc-board-camera{top:49%}.cc-task{min-height:43px;padding:6px;margin-top:4px}.cc-task strong{font-size:14px;margin-top:3px}.cc-task>span{font-size:14px}.cc-board{padding:9px}.cc-board-head{padding-bottom:6px}.cc-day-heading{margin:7px 0 4px}.cc-day-heading b{font-size:16px}.cc-board-foot{margin-top:8px}.cc-repeat-card{min-height:167px;width:140px;padding:13px}.cc-repeat-card>b{font-size:65px;margin-block:11px}.cc-repeat-card>strong{font-size:14px}.cc-repeat-card>span{font-size:14px}.cc-repeat-card>small{font-size:14px}.cc-is-animated .cc-repeat-track{top:53%}.cc-is-animated .cc-devices{top:51%;height:210px}.cc-phone{width:105px;padding:23px 7px 9px}.cc-phone-date{font-size:29px}.cc-phone .cc-mini-card{padding:7px 4px;font-size:14px}.cc-phone-sync{padding:4px;margin-top:7px}.cc-desktop{padding:8px}.cc-mini-card{padding-block:6px;font-size:14px}.cc-device-label{bottom:7px}.cc-device-date{margin-block:9px;font-size:14px}.cc-device-foot{margin-top:8px}.cx .cc-yours h2{font-size:29px;margin-block:18px}.cc-yours-actions{margin-top:19px;gap:10px}.cc-yours-copy>small{margin-top:10px}.cx-horizontal .cx-features-pin{padding-block:19px}.cx .cx-horizontal .cx-section-heading h2{font-size:23px}.cx-horizontal .cx-section-heading .cx-eyebrow{margin-bottom:8px}.cx-horizontal .cx-section-heading{margin-bottom:15px}.cx-horizontal .cx-feature{padding:17px 20px;min-height:0}.cx-horizontal .cx-clock,.cx-horizontal .cx-file-preview,.cx-horizontal .cx-keyboard,.cx-horizontal .cx-mini-tasks{height:140px}.cx-horizontal .cx-clock>span{font-size:58px}.cx-horizontal .cx-clock-alert{font-size:14px;padding:9px 12px;bottom:12px}.cx .cx-horizontal .cx-feature h3{font-size:21px;margin-bottom:7px}.cx .cx-horizontal .cx-feature>p{font-size:14px}.cx-horizontal .cx-mini-tasks{padding-top:12px}.cx-horizontal .cx-mini-tasks button{padding:8px 10px;min-height:37px;font-size:14px}.cx-horizontal .cx-file-card{padding:14px 12px;width:167px}.cx-horizontal .cx-file-size{font-size:51px}.cx .cx-horizontal .cx-keyboard kbd{height:44px}.cx-feature-scroll{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.cc *{will-change:auto!important;transition:none!important}.cx .cx-details.cx-horizontal{height:auto;min-height:0}.cx-horizontal .cx-features-pin{position:relative;top:0;height:auto;overflow:visible}.cx-horizontal .cx-feature-grid{display:grid;transform:none!important;width:auto}.cx-horizontal .cx-feature{width:auto;min-height:0;transform:none!important}.cx-feature-scroll{display:none}}

@media(max-height:720px) and (max-width:800px){.cc-is-animated .cc-board-camera{top:45%}.cc-board-foot{display:none}.cc-device-label{display:none}}

/* Keep the ceramic object separate from the headline at every aspect ratio. */
@media(min-width:801px) and (max-aspect-ratio:1/1){
    .cc-is-animated .cc-opening-copy{top:15%}
    .cc-art img{top:64%;width:135%;right:-3%}
    .cc-date{top:48%;right:8%}
    .cc-opening-tags{bottom:16%;right:30%}
}
@media(max-width:800px){
    .cc-is-animated .cc-opening-copy{top:15%}
    .cc-art img{top:65%;width:135%;right:-5%}
    .cc-art::after{background:linear-gradient(180deg,#050b17 5%,#050b1780 30%,#050b1700 60%)}
    .cc-date{top:51%;right:8%;padding:12px 16px;border-radius:14px}
    .cc-date>b{font-size:45px}.cc-date>span{font-size:14px}.cc-date>small{display:none}
    .cc-opening-tags{right:24%;bottom:15%;gap:8px}.cc-opening-tags>span{padding:11px 16px;font-size:14px}
    .cc-board-brand{gap:7px}.cc-board-brand>svg{width:24px;height:24px;border-radius:7px;padding:3px}
    .cc-board-view{font-size:14px}.cc-board-head i{margin:0}
    .cc-task>span small{padding:2px 4px}.cc-task time{gap:4px}.cc-task time::before{width:4px;height:4px}
}
@media(max-width:600px){
    .cc-is-animated .cc-opening-copy{top:14%}
    .cc-art img{width:165%;right:-5%;top:72%}
    .cc-date,.cc-opening-tags{display:none}
    .cc-board-brand>svg{width:20px;height:20px;border-radius:6px;padding:2px}
    .cc-board-view{font-size:14px;gap:0}.cc-board-head{gap:7px}.cc-board-head i{display:none}
    .cc-day-heading>i{font-size:14px;letter-spacing:1px}
    .cc-task>span{gap:2px}.cc-task>span small{font-size:14px;padding:2px 3px;border-radius:3px}
    .cc-task time{gap:3px}.cc-task time::before{width:3px;height:3px}
}
@media(max-height:860px) and (min-width:801px){
    .cc-is-animated .cc-board-camera{top:43%}
    .cc-board-brand>svg{width:22px;height:22px;border-radius:6px;padding:2px}
    .cc-board-head i{padding:5px 8px}
    .cc-task>span small{padding:2px 5px}
    .cc-date{top:16%;padding:12px 18px;border-radius:15px}.cc-date>b{font-size:49px}
    .cc-opening-tags{bottom:15%;right:24%}.cc-opening-tags>span{padding:11px 16px;font-size:14px}
}
@media(max-height:720px) and (max-width:800px){
    .cc-is-animated .cc-opening-copy{top:14%}
    .cc-art img{width:125%;right:-5%;top:70%}
    .cc-opening-bottom .cc-explore{display:none}
    .cc-board-brand>svg{width:16px;height:16px;padding:1px;border-radius:5px}
    .cc-task>span small{font-size:14px;padding:1px 2px}
}