@font-face{font-family:BestDay;src:url('/fonts/GoogleSansFlex.ttf') format('truetype');font-weight:100 1000;font-stretch:25% 151%;font-display:swap}
:root{color-scheme:dark;--bg:#000;--ink:#ededed;--muted:#969696;--green:#05cf87;--line:#242424;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);color:var(--ink);scroll-behavior:smooth;scroll-padding-top:30px}
*{box-sizing:border-box}body{margin:0}h1,h2,p,figure{margin:0}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:7px}.wrap{width:min(1180px,calc(100% - 88px));margin-inline:auto}.skip-link{position:fixed;left:16px;top:-80px;background:var(--green);color:#000;padding:16px;z-index:20}.skip-link:focus{top:16px}.site-header{height:108px;display:flex;justify-content:space-between;align-items:center}.wordmark{display:inline-flex;align-items:center;color:var(--green);font-family:BestDay,sans-serif;font-variation-settings:'wdth' 75,'wght' 630,'ROND' 30,'opsz' 100;font-size:29px;font-weight:600;letter-spacing:-1px}.wordmark img{display:block;width:156px;height:auto}.site-header nav,.site-footer nav{display:flex;gap:28px;font-size:14px;color:#b7b7b7}nav a{padding-block:14px}.intro{text-align:center;padding:70px 0 0;position:relative;z-index:2}h1{font-size:clamp(46px,6.8vw,94px);line-height:1.035;font-weight:600;letter-spacing:-.065em}.intro>p{font-size:18px;line-height:1.5;color:var(--muted);margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:17px 24px;border-radius:50px;background:var(--green);color:#000;font-size:15px;font-weight:600;min-height:52px;transition:transform .2s,background .2s}.button:hover{color:#000;background:#30e5a2;transform:translateY(-2px)}.intro .button{margin-top:30px}.dial-chapter{height:1400px;height:170svh;min-height:1050px;position:relative}.dial-sticky{position:sticky;top:0;height:100svh;min-height:660px;max-height:1100px;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:clip;perspective:1600px}.dial-scene{position:relative;width:min(58vw,650px);aspect-ratio:1;perspective:1800px;isolation:isolate;--tilt-x:11deg;--tilt-y:-14deg;--turn:-8deg;--spread:0px;--pointer-x:0deg;--pointer-y:0deg}.dial-stack{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(calc(var(--tilt-x) + var(--pointer-y))) rotateY(calc(var(--tilt-y) + var(--pointer-x))) rotateZ(var(--turn));transition:transform .12s ease-out}.dial-layer{position:absolute;inset:0;transform-style:preserve-3d;backface-visibility:hidden}.layer-year{transform:translateZ(calc(var(--spread) * 3))}.layer-day{transform:translateZ(calc(var(--spread) * 2))}.layer-activity{transform:translateZ(var(--spread))}.layer-face{mask:url('/assets/face-mask.svg') center/100% 100%}.dial-shadow{position:absolute;inset:5%;border-radius:34%;background:#3a3470;filter:blur(65px);opacity:.2;transform:translateY(60px) scale(.88);z-index:-1}.chapter-caption{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:48px;position:relative;z-index:2}.chapter-caption h2{font-size:28px;letter-spacing:-1px;font-weight:500}.replay{border:1px solid #ffffff1a;background:#161616;border-radius:50%;width:40px;height:40px;color:#a6a6a6;cursor:pointer;display:grid;place-items:center}.replay[hidden]{display:none}.replay:hover{color:var(--green)}.replay svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.planner-chapter{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:90px;padding-block:90px 150px;perspective:1800px}.planner-caption h2,.closing h2{font-size:clamp(40px,5vw,68px);line-height:1.1;letter-spacing:-.055em;font-weight:550}.planner-scene{position:relative;perspective:1600px}.planner-screen{width:100%;max-width:430px;aspect-ratio:1206/2335;border-radius:34px;border:0;background:transparent;overflow:hidden;transform:rotateX(7deg) rotateY(-13deg) rotateZ(5deg);transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}.planner-scene.visible .planner-screen{transform:rotateX(0deg) rotateY(-5deg) rotateZ(2deg)}figcaption{font-size:11px;color:var(--muted);text-align:center;margin-top:30px}.closing{text-align:center;padding-block:90px 140px;border-top:1px solid #181818}.closing>p{font-size:17px;color:var(--muted);margin:22px 0 28px}.availability{display:block;margin-top:34px;color:var(--muted);font-size:13px}.site-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #1c1c1c;padding-block:30px}.site-footer .wordmark img{width:112px}.site-footer .wordmark{font-size:22px}.site-footer>p{font-size:11px;color:var(--muted)}.site-footer nav{font-size:12px;gap:24px}.will-reveal{opacity:0;transform:translateY(45px);transition:opacity 1s,transform 1.2s cubic-bezier(.2,.7,.2,1)}.will-reveal.visible{opacity:1;transform:none}
.legal{max-width:720px;padding-block:65px 100px}.legal .eyebrow{font-size:14px;color:var(--muted);margin-bottom:24px}.legal h1{font-size:62px;margin:20px 0 22px;letter-spacing:-3px}.legal .lede{color:var(--muted);font-size:17px;line-height:1.65}.legal .updated{font-size:12px;color:var(--muted);margin-top:25px;line-height:1.8}.legal .summary{border:1px solid #2b382f;background:#0d1711;border-radius:20px;padding:23px 26px;margin-block:36px;color:#d2e4d6;line-height:1.7}.legal section{margin-top:34px}.legal h2{font-size:23px;letter-spacing:-.5px;margin-bottom:12px;line-height:1.3;font-weight:600}.legal section p{font-size:15px;line-height:1.85;color:#b3bdb5;margin-top:12px}.legal p a{color:var(--ink);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.legal p a:hover{color:var(--green)}.legal .button{margin-top:25px}.legal details{border-bottom:1px solid var(--line);padding-block:22px}.legal summary{cursor:pointer;font-size:17px;font-weight:500;padding:5px 0}.legal details p{color:#b3bdb5;margin-top:15px;font-size:14px;line-height:1.8}.legal details a{text-decoration:underline}
@media(min-width:1600px){.dial-scene{width:720px}.intro{padding-top:95px}}
@media(max-width:900px){.wrap{width:calc(100% - 56px)}.intro{padding-top:55px}.dial-scene{width:72vw;max-width:620px}.planner-chapter{gap:42px}.planner-caption h2{font-size:46px}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.site-header{height:88px}.wordmark img{width:124px}.site-header nav{gap:20px;font-size:13px}.intro{padding-top:48px}h1{font-size:clamp(43px,10.7vw,64px);letter-spacing:-.06em}.intro>p{font-size:15px;margin-top:21px}.intro .button{margin-top:25px;font-size:14px;padding:15px 22px}.dial-chapter{height:130svh;min-height:880px}.dial-sticky{min-height:540px;max-height:850px}.dial-scene{width:86vw;--tilt-x:9deg;--tilt-y:-10deg}.chapter-caption{gap:12px;margin-top:40px}.chapter-caption h2{font-size:23px;letter-spacing:-.8px}.replay{width:35px;height:35px}.planner-chapter{grid-template-columns:1fr;gap:50px;padding-block:45px 100px}.planner-caption{text-align:center}.planner-caption h2{font-size:42px}.planner-scene{width:min(88%,360px);margin:auto}.planner-screen{border-radius:27px}.closing{padding-block:70px 85px}.closing h2{font-size:39px}.closing>p{font-size:15px}.site-footer{flex-wrap:wrap;gap:26px}.site-footer nav{font-size:12px}.site-footer>p{order:2;width:100%;font-size:10px}.legal{padding-block:40px 70px}.legal h1{font-size:46px;letter-spacing:-2px}.legal .lede{font-size:16px}.legal h2{font-size:21px}.legal section p{font-size:14px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.will-reveal{opacity:1;transform:none}.dial-chapter{height:auto;min-height:0;padding-block:75px}.dial-sticky{position:relative;height:auto;min-height:0;overflow:visible}.dial-stack{transform:none}.dial-layer{transform:none}.dial-scene{--spread:0px}.planner-screen,.planner-scene.visible .planner-screen{transform:none}.replay{display:none}}


/* ClockSizing and RingRamp values from the app; geometry comes from ClockContour. */
.native-ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.layer-year,.layer-day,.layer-activity,.layer-face{mask:none}
.layer-year{transform:translateZ(calc(var(--spread) * 3))}.layer-day{transform:translateZ(calc(var(--spread) * 2))}.layer-activity{transform:translateZ(var(--spread))}
.ring-paint{width:100%;height:100%}
.year-paint{background:conic-gradient(oklch(92% .025 260),oklch(79% .10 225),oklch(76% .15 150),oklch(84% .15 120),oklch(90% .15 95),oklch(81% .16 65),oklch(71% .18 30),oklch(77% .10 305),oklch(92% .025 260))}
.day-paint{background:conic-gradient(from 177.89384deg,rgb(0.000,43.000,162.000) 0%,rgb(0.000,43.000,162.000) 5%,rgb(5.000,56.000,196.000) 12%,rgb(161.000,140.000,222.000) 20%,rgb(255.000,255.000,255.000) 30%,rgb(39.000,205.000,255.000) 50%,rgb(255.000,255.000,255.000) 70%,rgb(161.000,140.000,222.000) 80%,rgb(5.000,56.000,196.000) 88%,rgb(0.000,43.000,162.000) 95%,rgb(0.000,43.000,162.000) 100%)}
.activity-paint{background:conic-gradient(from 470.39384deg,rgb(136.625,126.875,217.938) 0%,rgb(130.186,122.497,219.004) 12.5%,rgb(123.498,118.052,220.070) 25%,rgb(116.565,113.540,221.136) 37.5%,rgb(109.392,108.961,222.202) 50%,rgb(102.257,104.582,223.268) 62.5%,rgb(95.054,100.279,224.334) 75%,rgb(87.738,95.998,225.401) 87.5%,rgb(81.930,92.662,226.234) 97.2724%,rgb(136.625,126.875,217.938) 98.6362%,rgb(136.625,126.875,217.938) 100%)}
.dial-copy{position:absolute;inset:0;color:rgb(132.914,140.897,235.059);pointer-events:none}
.dial-now{position:absolute;top:34.4%;left:0;width:100%;text-align:center;font-size:clamp(10px,1.9vw,21px);font-weight:600;letter-spacing:.5px}
.fit-type{display:block;overflow:visible}.fit-type text{font-variation-settings:'wdth' 75,'wght' 630,'ROND' 30,'opsz' 144}
.dial-headline{position:absolute;left:22.46%;top:39.635%;width:55.07%;height:20.73%;color:rgb(136.625,126.875,217.938)}
.dial-subtitle{position:absolute;top:63.1%;width:100%;text-align:center;font-size:clamp(12px,2.4vw,25px);font-weight:500}
.planner-screen{aspect-ratio:auto;position:relative;padding:0 16px;isolation:isolate}


.plan-timeline{padding:0;list-style:none;display:flex;align-items:center;flex-direction:column;position:relative;margin:0}
.plan-timeline:before{content:'';position:absolute;top:0;bottom:0;width:8px;background:linear-gradient(#70deef,#d5d0ee 32%,#c1b0ee 64%,#6762e4);z-index:-1}
.plan-card{width:76%;position:relative;padding:15px 14px 13px;border:1px solid #b4a1fa44;border-radius:20px;background:linear-gradient(120deg,#ffffff05,#ffffff0a),#26272ee8;box-shadow:inset 0 1px 0 #ffffff0a;color:#b6a2ed}
.plan-card .card-ink{position:relative}.card-ink .fit-type{width:100%;height:auto}
.card-time{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:40px;padding:4px 9px;background:#000c;white-space:nowrap;font-size:12px;font-weight:500}
.card-large{width:94%;padding:14px 17px 15px;background:linear-gradient(135deg,#03c99e14,#50d9c726),#192c28ed;border-color:#63e4c261}
.card-subtitle{display:block;text-align:center;font-size:13px;margin-top:6px;color:#53d7bc}
.card-walk{color:#9de7f9;border-color:#9de7f944}.card-work{color:#42d6b7}.card-draw{color:#bdadf2}.card-eat{color:#8882ec}
.plan-gap{display:flex;align-items:center;gap:9px;justify-content:center;width:100%;height:56px;font-size:12px;color:#a6a6a6}.plan-gap>span:first-child{padding:6px 10px;border-radius:30px;background:#000e}.plan-gap>span:last-child{color:#42d6b7;font-size:21px}
.resize-corner{position:absolute;right:11px;bottom:10px;width:12px;height:12px;border:3px solid #0004;border-left:0;border-top:0;border-bottom-right-radius:5px}

@media(max-width:600px){.dial-now{font-size:10px}.dial-subtitle{font-size:13px}.card-time{font-size:10px}.card-subtitle{font-size:12px}.plan-gap{font-size:11px;height:49px}.plan-card{padding:12px}}

/* Exact native ink-fit metrics from DisplayTypography.blockFace. */
.type-busy text{font-variation-settings:"wdth" 59.899169921875,"wght" 574.639892578125,"ROND" 30,"opsz" 142.2712847984677;}
.type-chill text{font-variation-settings:"wdth" 64.175048828125,"wght" 589.910888671875,"ROND" 30,"opsz" 144;}
.type-draw text{font-variation-settings:"wdth" 46.794677734375,"wght" 527.838134765625,"ROND" 30,"opsz" 104.97128985681204;}
.type-eat text{font-variation-settings:"wdth" 102.596435546875,"wght" 727.130126953125,"ROND" 30,"opsz" 104.69069478428307;}
.type-take-a-walk text{font-variation-settings:"wdth" 25.015380859375,"wght" 450.054931640625,"ROND" 30,"opsz" 52.60376908101528;}

/* DayPlanScale: the same duration-to-size formula as the native planner. */
.planner-screen{container-type:inline-size}
.plan-card{display:flex;flex-direction:column;padding:3.243243cqw 4.324324cqw;border-radius:4.324324cqw}.plan-card .card-ink{flex:1;min-height:0}.card-ink .fit-type{width:100%;height:100%}.card-subtitle{font-size:3.243243cqw;line-height:3.783784cqw;margin-top:1.081081cqw}.card-time{font-size:3.243243cqw;padding:.810811cqw 2.162162cqw}
.card-walk{width:50.982425%;height:23.648649cqw;}
.card-work{width:74.888120%;height:39.613350cqw;}
.card-draw{width:58.756028%;height:26.946046cqw;}
.card-eat{width:58.756028%;height:26.946046cqw;}