@font-face{font-family:OT Geist;font-weight:400;font-display:swap;src:url(/fonts/Geist-Regular.ttf)format("truetype")}@font-face{font-family:OT Geist;font-weight:500;font-display:swap;src:url(/fonts/Geist-Medium.ttf)format("truetype")}@font-face{font-family:OT Geist;font-weight:600;font-display:swap;src:url(/fonts/Geist-SemiBold.ttf)format("truetype")}@font-face{font-family:OT Geist;font-weight:700;font-display:swap;src:url(/fonts/Geist-Bold.ttf)format("truetype")}@font-face{font-family:OT Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/InstrumentSerif-Regular-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:OT Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/InstrumentSerif-Italic-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:OT Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/InstrumentSerif-Regular-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}.ot{--cyan:#00abcb;--cyan-bright:#3fe0f4;--cyan-deep:#037c94;--hl:#3a97b0;--ink:#0e1114;--sans:"OT Geist", -apple-system, "SF Pro Text", system-ui, sans-serif;--serif:"OT Instrument Serif", "Iowan Old Style", Georgia, serif;--ease:cubic-bezier(.22, 1, .36, 1);--pop:cubic-bezier(.34, 1.56, .64, 1);--bg:#f5f5f3;--fg:#111417;--fg-2:#1114179e;--fg-3:#11141757;--line:#1114171a;background:var(--bg);color:var(--fg);font-family:var(--sans);min-height:100vh;transition:background-color .45s var(--ease), color .45s var(--ease);-webkit-font-smoothing:antialiased;position:relative}.ot [data-tone]{color:var(--fg)}.ot [data-tone=light]{--bg:#f5f5f3;--fg:#111417;--fg-2:#1114179e;--fg-3:#11141757;--line:#1114171a}.ot [data-tone=dark]{--bg:#05080b;--fg:#f2f2f7;--fg-2:#f2f2f7a3;--fg-3:#f2f2f766;--line:#ffffff1f}.ot [data-tone=cyan]{--bg:#2c7f92;--fg:#fff;--fg-2:#ffffffdb;--fg-3:#ffffff9e;--line:#ffffff4d}.ot[data-tone=dark]{background-color:#05080b}.ot[data-tone=cyan]{background-color:#2c7f92}body:has(.ot){background:#f5f5f3}.ot ::selection{background:var(--cyan);color:#fff}.ot :focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.ot img{max-width:100%;display:block}.ot-shell{max-width:1240px;margin:0 auto;padding:0 clamp(16px,4vw,48px);position:relative}.ot h1,.ot h2,.ot h3{font-family:var(--sans);letter-spacing:-.05em;text-wrap:balance;margin:0;font-weight:600;line-height:1}.ot h1{font-size:clamp(40px,4.5vw,72px)}.ot h2{font-family:var(--serif);letter-spacing:-.015em;font-size:clamp(42px,5vw,76px);font-weight:400}.ot .ot-serif{color:inherit;font-family:var(--serif);letter-spacing:-.01em;font-size:1.12em;font-style:italic;font-weight:400;line-height:.9}.ot-soft{color:var(--fg-3);transition:color .45s var(--ease)}.ot-nowrap{white-space:nowrap}.ot-head{text-align:center}.ot-hl{color:var(--hl);background:0 0}.ot-logo{height:var(--s);width:var(--s);background:currentColor;flex:none;display:inline-block;-webkit-mask:url(/opentodo/logo-dots.png) 50%/contain no-repeat;mask:url(/opentodo/logo-dots.png) 50%/contain no-repeat}.ot-store{background:var(--fg);color:var(--bg);letter-spacing:-.01em;transition:transform .3s var(--ease), box-shadow .3s var(--ease), background-color .45s var(--ease), color .45s var(--ease);white-space:nowrap;border-radius:999px;align-items:center;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.ot-store.is-lg{gap:12px;height:60px;padding:0 28px;font-size:17px;overflow:hidden}.ot-store.is-sm{gap:8px;height:40px;padding:0 16px;font-size:14px}a.ot-store:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 30%,#ffffff47 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}a.ot-store:hover{transform:translateY(-2px);box-shadow:0 14px 36px -10px #00789673}a.ot-store:hover:after{transition:transform .75s var(--ease);transform:translate(120%)}a.ot-store:active{transform:translateY(0)scale(.98)}.ot .ot-soon{background:var(--fg);color:#fff;cursor:default;letter-spacing:-.01em;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:10px;height:52px;margin:0;padding:0 24px 0 20px;font-size:16px;font-weight:500;display:inline-flex}.ot-soon svg{animation:ot-hourglass 4s var(--ease) infinite;flex:none;width:18px;height:18px}@keyframes ot-hourglass{0%,70%{transform:none}85%,to{transform:rotate(180deg)}}.ot-nav{transition:color .45s var(--ease), opacity .4s var(--ease), transform .5s var(--ease);pointer-events:none;z-index:50;position:fixed;top:0;left:0;right:0}.ot-nav.is-away{opacity:0;transform:translateY(-16px)}.ot-nav.is-away .ot-nav-inner>*{pointer-events:none}.ot-nav-inner{justify-content:space-between;align-items:center;height:76px;display:flex}.ot-nav-inner>*{pointer-events:auto}.ot-brand{color:var(--fg);letter-spacing:-.02em;transition:color .45s var(--ease);align-items:center;gap:10px;font-size:18px;font-weight:600;display:inline-flex}.ot-nav-store{opacity:0;perspective:600px;pointer-events:none;transform-origin:50% 0;transition:opacity .3s ease, transform .65s var(--pop);transform:translateY(-24px)rotateX(80deg)scale(.8)}.ot-nav-store.is-on{opacity:1;pointer-events:auto;transform:none}.ot-nav-store .ot-store{box-shadow:0 10px 30px #0000002e}.ot-box{-webkit-backdrop-filter:blur(24px)saturate(1.4);backdrop-filter:blur(24px)saturate(1.4);color:#f2f2f7;text-align:left;transition:border-color .5s var(--ease), box-shadow .5s var(--ease);background:#0e141adb;border:1px solid #ffffff1f;border-radius:22px;width:320px;padding:16px 20px 18px;box-shadow:0 30px 80px #050a1459}.ot-box p{margin:0;font-size:17px;line-height:1.45}.ot-box p span{opacity:.2;transition:opacity .24s}.ot-box p span.is-in{opacity:1}.ot-box-status{animation:ot-fade-in .4s var(--ease) both;color:#f2f2f799;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-weight:500;display:inline-flex}.ot-box-status i{border-radius:50%;width:8px;height:8px;display:inline-block;position:relative}.ot-box-status.is-live i{background:var(--cyan);animation:1.6s ease-in-out infinite ot-pulse}.ot-box-status.is-thinking i{border:1.5px solid #ffffff40;border-top-color:var(--cyan-bright);width:10px;height:10px;animation:.9s linear infinite ot-spin}.ot-box-status.is-done{color:var(--cyan-bright)}.ot-box-status.is-done i{background:var(--cyan);width:14px;height:14px}.ot-box-status.is-done i:after{content:"";border:1.5px solid #fff;border-width:0 1.5px 1.5px 0;width:3px;height:6px;position:absolute;top:2.5px;left:5px;transform:rotate(45deg)}.ot-box.is-live{border-color:#00abcb99;box-shadow:0 30px 80px #050a1459,0 0 0 4px #00abcb1f}@keyframes ot-pulse{0%{box-shadow:0 0 #00abcb8c}70%{box-shadow:0 0 0 9px #00abcb00}to{box-shadow:0 0 #00abcb00}}@keyframes ot-spin{to{transform:rotate(360deg)}}@keyframes ot-fade-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.ot-hero{background:var(--bg);position:relative;overflow:hidden}.ot-hero>.ot-slide{align-items:center;min-height:100vh;padding:96px 0 40px;display:flex}.ot-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(32px,5vw,80px);width:100%;display:grid}.ot h1.ot-hero-title{font-family:var(--serif);letter-spacing:-.02em;font-size:clamp(52px,5.8vw,80px);font-weight:400;line-height:var(--cell,1)}.ot-hero-grid{z-index:1}.ot-hero-lede{color:var(--fg);text-wrap:balance;max-width:520px;margin:26px 0 36px;font-size:clamp(17px,1.4vw,19px);line-height:1.45}.ot-hero-cta{padding-left:0}.ot-hero-copy{translate:0 calc(clamp(52px,5.8vw,80px)/-10)}.ot-aurora{pointer-events:none;position:absolute;inset:0}.ot-aurora span{filter:blur(80px);border-radius:50%;animation:18s ease-in-out infinite alternate ot-drift;position:absolute}.ot-slide{height:100%;position:relative}.ot-flight{pointer-events:none;transform-origin:0 0;will-change:transform, opacity;z-index:3;transition:opacity .42s;position:fixed;top:0;left:0}.ot-stage-phone{transition:opacity .42s}@keyframes ot-drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(-60px,40px)scale(1.12)}}.ot-load{animation:ot-rise 1.1s var(--ease) both;animation-delay:var(--d,0s)}@keyframes ot-rise{0%{filter:blur(8px);opacity:0;transform:translateY(28px)}to{filter:blur();opacity:1;transform:none}}.ot-hero-stage{justify-items:end;display:grid;position:relative}.ot-hero .ot-hero-halo{display:none}.ot-hero-halo{filter:blur(20px);background:radial-gradient(circle,#00c4d63d,#0000 62%);width:120%;height:120%;position:absolute;top:-10%;left:-10%}.ot-hero-box{opacity:0;transition:opacity .4s var(--ease), transform .5s var(--ease), border-color .5s var(--ease), box-shadow .5s var(--ease);z-index:3;position:absolute;bottom:30%;left:-34%;transform:translate(12px,12px)scale(.96)}.ot-hero-box.is-on{opacity:1;transform:none}.ot-hero-box.is-on.is-sent{opacity:0;transition:transform .28s cubic-bezier(.4,0,1,1),opacity .24s ease-in;transform:scale(.82)}.ot-grid{--cell:96px;--grid-line:#1114170f;background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-position:var(--ox,0) var(--oy,0);background-size:var(--cell) var(--cell);pointer-events:none;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:radial-gradient(75% 65% at 50% 42%,#000 25%,#0000 82%);mask-image:radial-gradient(75% 65% at 50% 42%,#000 25%,#0000 82%)}.ot-grid.is-paper{--grid-line:#1114170d;background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:calc(var(--cell) / var(--paper)) calc(var(--cell) / var(--paper))}.ot-stage .ot-grid{display:none}.ot-features-light{background-blend-mode:multiply, normal, normal, normal, normal, normal, normal, normal;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .1 0 0 0 0 .08 0 0 0 0 .05 0 0 0 .224 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(34% 30% at 50% -8%,#fff4deb3,#fff4de33 50%,#0000 100%),radial-gradient(70% 40% at 50% 0,#fff4de29,#0000 100%),radial-gradient(44% 20% at 50% 106%,#fff4de9e,#fff4de66 22%,#fff4de33 46%,#fff4de12 72%,#0000 100%),radial-gradient(80% 26% at 50% 102%,#fff4de29,#fff4de0f 55%,#0000 100%),radial-gradient(36% 34% at 50% 56%,#fff4de14,#0000 100%),radial-gradient(80% 52%,#08242c29,#0000 100%),radial-gradient(120% 90%,#0000 60%,#08242c4d 100%),#2c7f92;position:absolute;inset:0}.ot-beam{animation:8s linear infinite ot-beam-x;position:absolute}.ot-grid[data-offscreen] .ot-beam{animation-play-state:paused}.ot-beam.is-h{background:linear-gradient(90deg, #00abcb00, var(--cyan), #00abcb00);height:1px;left:0;top:calc(var(--oy,0px) + var(--line) * var(--cell));width:180px}.ot-beam.is-v{background:linear-gradient(180deg, #00abcb00, var(--cyan), #00abcb00);height:180px;left:calc(var(--ox,0px) + var(--line) * var(--cell));width:1px;animation-name:ot-beam-y;top:0}@keyframes ot-beam-x{0%{transform:translate(-200px)}to{transform:translate(110vw)}}@keyframes ot-beam-y{0%{transform:translateY(-200px)}to{transform:translateY(130vh)}}.ot-iphone{--z:.76;text-align:left;z-index:2;zoom:var(--z);background:linear-gradient(150deg,#f6f7f9 0%,#d3d6db 38%,#eceef1 62%,#c8cbd0 100%);border-radius:68px;flex:none;width:417px;padding:12px;position:relative;box-shadow:inset 0 0 0 1px #fffffff2,inset 0 0 0 3px #c4c7cc,inset 0 0 0 4px #ffffff80,0 2px 2px #1e283c0f,0 30px 60px -20px #1e325047,0 60px 120px -30px #1e325038}.ot-iphone.is-dark{background:linear-gradient(150deg,#4a4d53 0%,#17181b 38%,#2c2e33 62%,#121316 100%);box-shadow:inset 0 0 0 1px #ffffff29,inset 0 0 0 3px #1b1c1f,inset 0 0 0 4px #ffffff0d,0 60px 140px #0000008c}.ot-iphone.is-titanium{background:linear-gradient(150deg,#fbfbfa 0%,#dcdcd8 24%,#f6f6f4 48%,#cfcfcb 74%,#efefec 100%);border-radius:68px;padding:12px;box-shadow:inset 0 0 0 1px #fffffff2,inset 0 0 0 2px #9696914d,0 1px 2px #1e23281a,34px 46px 22px #28323c1c}.ot-iphone.is-titanium .ot-iphone-screen{box-shadow:0 0 0 1px #78787340}.ot-iphone.is-titanium:after{box-shadow:inset 0 0 0 1px #00000014,0 76px #dcdcd8}.ot-iphone.is-flat{background:0 0;border-radius:54px;width:393px;padding:0;box-shadow:22px 26px #0a283047}.ot-iphone.is-flat:before,.ot-iphone.is-flat:after{display:none}.ot-iphone.is-glass{-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);background:#faf3e433;box-shadow:inset 0 0 0 1px #fffaee80,inset 0 1px 0 1px #fffaee40,0 30px 70px -28px #08242c73}.ot-hero .ot-iphone.is-glass,.ot-flight .ot-iphone.is-glass{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#11141706;box-shadow:inset 0 0 0 1px #1114171a,inset 0 1px 0 1px #fff9,0 30px 70px -28px #14283c52}.ot-iphone.is-glass:before,.ot-iphone.is-glass:after{display:none}.ot-iphone.is-glass .ot-iphone-screen{box-shadow:0 0 0 1px #08242c1f}.ot-iphone.is-dark.is-soft{box-shadow:inset 0 0 0 1px #ffffff29,inset 0 0 0 3px #1b1c1f,inset 0 0 0 4px #ffffff0d,0 30px 60px -20px #00323c66,0 60px 120px -30px #00323c4d}.ot-iphone:before,.ot-iphone:after{background:inherit;content:"";border-radius:3px;width:4px;position:absolute;box-shadow:inset 0 0 0 1px #00000014}.ot-iphone:before{height:100px;top:220px;right:-3px}.ot-iphone:after{height:60px;top:190px;left:-3px;box-shadow:inset 0 0 0 1px #00000014,0 76px #d3d6db}.ot-iphone.is-dark:after{box-shadow:inset 0 0 0 1px #ffffff14,0 76px #222327}.ot-iphone-screen{border-radius:56px;width:393px;height:852px;position:relative;overflow:hidden}.app{--fg1:#1c1c1e;--fg2:#6c6c70;--accent:#00a9c9;--danger:#ff3b30;--card:#ffffffe6;--ring:#0006;--glass:#ffffffc7;color:var(--fg1);font-family:var(--sans);width:393px;height:852px;position:relative;overflow:hidden}.app-dark{--fg1:#f2f2f7;--fg2:#aeaeb2;--accent:#00abcb;--danger:#ff453a;--card:#ffffff14;--ring:#fff6;--glass:#ffffff1a}.app-mesh{background:radial-gradient(70% 9% at 50% 0,#80d5d8f2,#cfe7ec00 100%),linear-gradient(#eff1f3 0%,#eef0f2 14%,#f1f2f3 37%,#eff1f2 70%,#e3edf0 82%,#c6e5e9 91%,#92d8dc 100%);position:absolute;inset:0}.app-dark .app-mesh{background:radial-gradient(70% 10% at 50% 0,#2a3d3ee6,#0c141400 100%),linear-gradient(#1d1c1b 0%,#0c1414 12%,#070400 30%,#070200 76%,#071310 86%,#06383f 94%,#036676 97%,#0093ac 100%)}.app-status{justify-content:space-between;align-items:center;padding:18px 34px 0 50px;font-size:17px;font-weight:600;line-height:22px;display:flex;position:absolute;top:0;left:0;right:0}.app-status-icons{align-items:center;gap:6px;display:inline-flex}.app-status-icons svg{display:block}.app-island{z-index:6;background:#000;border-radius:20px;width:125px;height:37px;position:absolute;top:11px;left:50%;transform:translate(-50%)}.ot-i{background:currentColor;flex:none;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.app-top{justify-content:space-between;display:flex;position:absolute;top:59px;left:24px;right:24px}.app-glass{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff9e;position:relative;box-shadow:inset 0 0 0 .5px #ffffffe6,0 0 0 .5px #0000000f,0 2px 6px #141e320d}.app-dark .app-glass{background:#ffffff1a;box-shadow:inset 0 0 0 .5px #fff3,0 2px 6px #0003}.app-round{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:500;transition:background-color .3s,color .3s;display:inline-flex}.app-round.is-selected{background:var(--fg1);color:#f7f7f7}.app-title{animation:ot-fade-in .5s var(--ease) both;letter-spacing:-.01em;font-size:32px;font-weight:700;line-height:38px;position:absolute;top:119px;left:24px}.app-list{flex-direction:column;gap:8px;display:flex;position:absolute;top:172px;left:12px;right:12px}.app-card-slot{transform-origin:50%;transition:opacity .42s var(--ease), scale .42s var(--ease)}.app-card{background:var(--card);border-radius:20px;padding:16px;position:relative;overflow:hidden}.app-card-wash{background:color-mix(in srgb, var(--accent) 15%, transparent);pointer-events:none;animation:.9s ease-out both app-wash;position:absolute;inset:0}@keyframes app-wash{0%,33%{opacity:1}to{opacity:0}}.app-word{white-space:pre;animation:.14s ease-out both app-word;display:inline-block}@keyframes app-word{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.app-card.is-faded{opacity:.35}.app-card-row{align-items:center;gap:12px;display:flex;position:relative}.app-check{border:1px solid var(--ring);border-radius:50%;flex:none;width:20px;height:20px}.app-check-sm{width:16px;height:16px}.app-card-body{flex:1;min-width:0}.app-card-title{font-size:16px;line-height:22px}.app-card-meta{color:var(--fg2);flex-wrap:wrap;gap:8px;padding:4px 0 0 32px;font-size:12px;line-height:18px;display:flex;position:relative}.app-meta-icon{align-items:center;gap:3px;display:inline-flex}.app-card-date{color:var(--fg2);flex:none;padding-left:8px;font-size:12px;line-height:18px}.app-card-date.is-today{color:var(--accent);font-weight:500}.app-card-date.is-overdue{color:var(--danger)}.app-card-sub{flex-direction:column;padding:4px 0 0 32px;display:flex;position:relative}.app-card-sub:not(:has(.app-card-note)){padding-top:8px}.app-card-note{color:var(--fg2);margin:0 0 8px;font-size:12px;line-height:18px}.app-sub{align-items:center;gap:8px;padding:12px 0;font-size:14px;line-height:20px;display:flex}.app-sub:last-child{margin-bottom:-12px}.app-edge-blur{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;pointer-events:none;z-index:3;height:96px;transition:bottom .3s cubic-bezier(0,0,.2,1),opacity .3s;position:absolute;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 36px);mask-image:linear-gradient(#0000 0%,#000 36px)}.app-edge-blur.is-keyboard{opacity:1;bottom:291px}.app-answer{animation:app-answer-in .6s var(--ease) both;z-index:3;background:#ffffffeb;border-radius:24px;padding:16px 18px;position:absolute;bottom:98px;left:16px;right:16px;box-shadow:0 12px 40px #1428461f}.app-answer p{margin:0;font-size:16px;line-height:22px}.app-answer b{font-weight:600}@keyframes app-answer-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.app-input{transition:bottom .3s cubic-bezier(0, 0, .2, 1), left .3s cubic-bezier(0, 0, .2, 1), right .3s cubic-bezier(0, 0, .2, 1), opacity .3s ease, transform .38s var(--ease);z-index:4;align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:34px;left:24px;right:24px}.app-input.is-hidden{opacity:0;transform:translateY(10px)}.has-keyboard .app-input{bottom:303px;left:12px;right:12px}.app-round-lg{flex:none;width:48px;height:48px;transition:transform .16s,background-color .3s,color .3s}.app-round-lg.is-down{transform:scale(.86)}.app-toggle{transition:opacity .32s cubic-bezier(.4, 0, .2, 1), transform .42s var(--pop), filter .32s ease;display:inline-flex;position:absolute}.app-toggle.is-off{filter:blur(2px);opacity:0;transform:scale(.5)rotate(-20deg)}.app-speak{border-radius:999px;flex:1;justify-content:center;align-items:center;height:48px;font-size:16px;font-weight:500;line-height:22px;transition:transform .15s;display:flex}.app-speak.is-pressed{background:color-mix(in srgb, var(--accent) 22%, var(--glass));transform:scale(.94)}.app-touch{opacity:0;pointer-events:none;height:44px;transition:opacity .18s ease, transform .22s var(--ease);z-index:6;background:#ffffff8c;border-radius:50%;width:44px;position:absolute;top:772px;left:204px;transform:scale(.6);box-shadow:inset 0 0 0 1px #ffffffbf,0 4px 14px #0028322e}.app-touch.is-on{opacity:1;transform:none}.app-touch.at-toggle{left:26px}.app-touch:after{content:"";opacity:0;border:2px solid #fffc;border-radius:50%;position:absolute;inset:0}.app-touch.is-on:after{animation:.6s ease-out app-touch-ring}@keyframes app-touch-ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}.app-status-word{color:var(--accent);font-size:16px;font-weight:400;animation:1.4s linear infinite ot-shimmer;-webkit-mask-image:linear-gradient(90deg,#000 30%,#00000059 50%,#000 70%);mask-image:linear-gradient(90deg,#000 30%,#00000059 50%,#000 70%);-webkit-mask-size:220% 100%;mask-size:220% 100%}.app-field .app-status-word{text-align:center;flex:1;align-self:center}@keyframes ot-shimmer{0%{-webkit-mask-position:110% 0;mask-position:110% 0}to{-webkit-mask-position:-110% 0;mask-position:-110% 0}}.app-field{border-radius:24px;flex:1;align-items:flex-end;gap:8px;min-height:48px;padding:0 8px 0 16px;display:flex}.app-field.is-tall{border-radius:20px}.app-field-text,.app-field-hint{flex:1;padding:13px 0;font-size:16px;line-height:22px}.app-field-hint{color:#1c1c1e4d}.app-caret{background:var(--accent);vertical-align:-4px;width:2px;height:20px;margin-left:1px;animation:1s step-end infinite ot-blink;display:inline-block}@keyframes ot-blink{50%{opacity:0}}.app-send{color:#8e8e93;background:#ededed;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:8px;transition:background-color .2s,transform .15s;display:inline-flex}.app-send.is-ready{background:var(--accent);color:#fff}.app-send.is-down{transform:scale(.88)}.app-keyboard-wrap{transition:transform .38s var(--ease);z-index:5;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.has-keyboard .app-keyboard-wrap{transform:none}.app-keyboard{background:#d1d4db;flex-direction:column;gap:12px;height:291px;padding:8px 3px 0;display:flex}.app-key-row{justify-content:center;gap:6px;display:flex}.app-key-row.is-1{padding:0 19px}.app-key{color:#000;background:#fff;border-radius:5px;flex:1;justify-content:center;align-items:center;max-width:33px;height:42px;font-size:22px;transition:background-color 80ms;display:flex;box-shadow:0 1px #0000004d}.app-key.is-down{background:#acb0b8}.app-key.is-wide{background:#acb0b8;max-width:44px;font-size:16px}.app-key-row.is-3 .app-key.is-wide{max-width:88px}.app-key.is-space{max-width:none;font-size:16px}.app-key.is-return{font-size:16px}.app-home{background:var(--fg1);z-index:6;border-radius:3px;width:134px;height:5px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.app-recording{color:#fff;opacity:0;pointer-events:none;transition:opacity .4s var(--ease);z-index:4;position:absolute;inset:0}.app-recording.is-on{opacity:1}.app-recording-glow{filter:blur(60px);background:#1aa3b8;border-radius:50%;width:150%;height:30%;position:absolute;bottom:-85px;left:-25%}.app-recording-main,.app-recording-sub{text-align:center;margin:0;position:absolute;left:0;right:0}.app-recording-main{font-size:16px;font-weight:600;bottom:140px}.app-recording-sub{opacity:.75;font-size:14px;bottom:116px}.app-recording .ot-wave{justify-content:center;position:absolute;bottom:43px;left:0;right:0}.ot-wave{align-items:center;gap:3px;height:30px;display:flex}.ot-wave span{height:calc(30px * var(--h));opacity:.9;background:currentColor;border-radius:2px;width:2px;animation:.76s ease-in-out infinite alternate ot-wave-a;display:block}.ot-wave span:nth-child(3n+1){animation-name:ot-wave-b}.ot-wave span:nth-child(3n+2){animation-name:ot-wave-c}.app-recording.is-still .ot-wave span{animation-play-state:paused}@keyframes ot-wave-a{0%{transform:scaleY(.3)}35%{transform:scaleY(1)}60%{transform:scaleY(.55)}to{transform:scaleY(.85)}}@keyframes ot-wave-b{0%{transform:scaleY(.8)}30%{transform:scaleY(.25)}70%{transform:scaleY(.95)}to{transform:scaleY(.4)}}@keyframes ot-wave-c{0%{transform:scaleY(.5)}45%{transform:scaleY(.15)}80%{transform:scaleY(.75)}to{transform:scaleY(1)}}@media (max-height:860px){.ot-hero-stage .ot-iphone{--z:.64}}.ot-callout{--card:#fff;--fg1:#1c1c1e;--fg2:#6c6c70;--accent:#00a9c9;--ring:#0006;color:var(--fg1);font-family:var(--sans);opacity:0;pointer-events:none;transition:opacity .26s ease, transform .52s var(--pop);z-index:4;zoom:calc(var(--pz,.7) * 1.22);width:380px;position:absolute;left:-17%;transform:translateY(14px)scale(.88)}.ot-callout.is-on{opacity:1;transition-delay:.12s;transform:none}.ot-callout.is-0{top:140px}.ot-callout.is-1{bottom:120px}.ot-stage-phone.has-callout .app-answer:not(.is-callout){visibility:hidden}.ot-callout .app-card,.ot-callout .app-answer{box-shadow:0 1px 2px #08242c1f,0 30px 60px -18px #08242c73}.app-answer.is-callout{animation:none;position:relative;bottom:auto;left:auto;right:auto}@keyframes ot-said-in{0%{filter:blur(4px);opacity:0;transform:translateY(12px)}to{filter:none;opacity:1;transform:none}}.ot-stage-pin{background:#2c7f92;height:100vh;margin-bottom:-100vh;position:sticky;top:0;overflow:hidden}.ot-stage-track{position:relative}.ot-snap{pointer-events:none;width:1px;height:1px;position:absolute;left:0}@media (hover:none) and (pointer:coarse) and (any-hover:none){html:has(.ot-stage-track):not(.ot-snap-free){scroll-snap-type:y mandatory}.ot-hero,.ot-closing{scroll-snap-align:start}.ot-closing,.ot-snap{scroll-snap-stop:always}.ot-snap{scroll-snap-align:start}}.ot-stage-dark{clip-path:inset(100% 0 0);transition:clip-path .9s cubic-bezier(.65,0,.35,1);position:absolute;inset:0}.ot-stage.is-dark .ot-stage-dark{clip-path:inset(0)}.ot-stage-pin>.ot-slide{flex-direction:column;align-items:center;padding-top:clamp(118px,17vh,168px);display:flex}.ot-show-glow{background-blend-mode:overlay, normal, normal, normal, normal;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .121 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(34% 30% at 50% -8%,#96ccce6b,#6eaaae1f 50%,#0000 100%),radial-gradient(70% 40% at 50% 0,#6eaaae14,#0000 100%),linear-gradient(#000 0%,#000000d9 10%,#0000 30%),#000 url(/opentodo/dark-mesh.webp) 50%/100% 100% no-repeat;position:absolute;inset:0}.ot-stage .ot-head{width:100%;position:relative}.ot-roll{--roll-h:1.12em;height:var(--roll-h);font-size:clamp(42px,5vw,76px);overflow:hidden}.ot-roll-inner{transform:translateY(calc(var(--step,0) * var(--roll-h) * -1));transition:transform .7s cubic-bezier(.65,0,.35,1)}.ot-roll h2{height:var(--roll-h);white-space:nowrap;justify-content:center;align-items:center;font-size:1em;line-height:1.12;display:flex}.ot-show-said{text-align:center;justify-content:center;align-items:baseline;max-width:880px;min-height:62px;margin-top:24px;padding:0 16px;display:flex;position:relative}.ot-show-said p{color:#f2f2f7eb;margin:0;font-size:clamp(17px,1.4vw,20px);font-weight:400;line-height:1.55}.ot-show-said p span{filter:blur(4px);opacity:0;transition:opacity .24s,filter .24s,color .5s}.ot-show-said p span.is-in{filter:none;opacity:1}.ot-show-said p span.is-key{color:#8fe3ee}.ot-show-phone{--pz:clamp(.62, var(--fit,.8), .92);margin-top:28px;position:relative}.ot-show-phone .ot-iphone{--z:var(--pz);transition:background .6s,box-shadow .6s}.ot .ot-stage-nav{z-index:2;flex-direction:column;align-items:flex-end;gap:2px;font-weight:400;display:flex;position:absolute;top:50%;right:clamp(16px,4vw,48px);transform:translateY(-50%)}.ot-stage-nav button{color:var(--fg-3);cursor:pointer;font:inherit;letter-spacing:.01em;transition:color .4s var(--ease);background:0 0;border:0;align-items:center;gap:10px;padding:5px 0;font-size:12px;display:flex}.ot-stage-nav button:hover{color:var(--fg-2)}.ot-stage-nav button.is-on{color:var(--fg)}.ot-stage-nav i{opacity:.6;height:2px;transition:width .5s var(--ease), background-color .4s ease;background:currentColor;border-radius:1px;width:12px}.ot-stage-nav button.is-on i{background:var(--cyan);opacity:1;width:26px}.lock{color:#fff;background:#000;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Arial,sans-serif;position:absolute;inset:0;overflow:hidden}.lock-lk,.akit-al{height:874px;transform:translate(calc((1 - var(--zoom,1)) * 196.5px), calc((1 - var(--zoom,1)) * 427px)) scale(calc(.97761 * var(--zoom,1)));transform-origin:0 0;width:402px;position:absolute;top:0;left:0;overflow:hidden}.lock-wp{background:url(/opentodo/lock-wallpaper.jpg) 50%/100% 100%;position:absolute;inset:0}.lock-sb{color:#fff;font-family:var(--sans);z-index:6}.lock .app-status:not(.lock-sb){visibility:hidden}.lock-island{z-index:4;background:#000;border-radius:20px;width:128px;height:37px;position:absolute;top:11px;left:137px}.lock-date{color:#f2fbfd;text-align:center;font-size:21px;font-weight:600;line-height:26px;position:absolute;top:88px;left:0;right:0}.lock-time{-webkit-text-stroke:1.2px #cdf2f86b;color:#a8dee866;font-variant-numeric:tabular-nums;letter-spacing:-1.5px;text-align:center;text-shadow:0 1.5px 1px #fff3,0 -1px 1px #0028324d,0 0 22px #3cd2eb29;font-size:104px;font-weight:700;line-height:104px;position:absolute;top:112px;left:0;right:0}.lock-btn{-webkit-backdrop-filter:blur(8px)saturate(1.3);backdrop-filter:blur(8px)saturate(1.3);background:radial-gradient(circle at 35% 25%,#78c8d742,#0a1e2480 70%);border-radius:50%;place-items:center;width:60px;height:60px;display:grid;position:absolute;bottom:55px;box-shadow:inset 0 0 0 1px #fff3,inset 1px 1.5px 1px #ffffff47,0 6px 16px #00000059}.lock-btn.is-l{left:47px}.lock-btn.is-r{right:47px}.lock-note{-webkit-backdrop-filter:blur(18px)saturate(1.3);backdrop-filter:blur(18px)saturate(1.3);z-index:5;background:#282e32b8;border-radius:26px;align-items:center;gap:14px;padding:14px 16px;display:flex;position:absolute;top:250px;left:14px;right:14px;box-shadow:inset 0 0 0 .6px #ffffff24}.lock-note b{font-size:17px;font-weight:600;line-height:22px;display:block}.lock-note small,.lock-note div>span{color:#ebebf59e;font-size:14px;line-height:19px;display:block}.lock-note .siri-ico{width:40px;height:40px}.lock-note .siri-ico svg{width:28px;height:28px}.lock-home{background:#fff;border-radius:3px;width:142px;height:5px;position:absolute;bottom:11px;left:130px}.lock-app{transform-origin:50% 100%;will-change:transform, opacity;z-index:6;position:absolute;inset:0;overflow:hidden}.lock-night{background:#000;position:absolute;inset:0}.siri-orb{-webkit-backdrop-filter:blur(1.2px)brightness(1.18)saturate(1.25);backdrop-filter:blur(1.2px)brightness(1.18)saturate(1.25);transform-origin:50% 20%;z-index:5;background:linear-gradient(#000 0% 36%,#0000009e 54%,#001a2229 78%,#ffffff0d 100%);border-radius:56px;width:162px;height:114px;position:absolute;top:1px;left:120px;overflow:hidden;box-shadow:inset 0 -1.5px 1.5px #ffffff9e,inset 0 -16px 18px -10px #96ebfa66,inset 0 0 0 .8px #ffffff29,0 10px 26px #0032424d}.siri-mir{color:#f2fbfd;filter:blur(.5px);opacity:.34;text-align:center;white-space:nowrap;font-size:21px;font-weight:600;position:absolute;bottom:1px;left:0;right:0;transform:translateY(7px)scale(.8,-.3)}.siri-orb svg{width:162px;height:59px;position:absolute;top:30px;left:0;overflow:visible}.siri-pill{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transform-origin:50% 30%;z-index:5;background:linear-gradient(#000 0% 60%,#00161c8c 100%);border-radius:30px;width:252px;height:60px;position:absolute;top:9px;left:75px;box-shadow:inset 0 -1.5px 1.5px #fff6,inset 0 0 0 .8px #ffffff14}.siri-pill svg{width:32px;height:32px;position:absolute;top:14px;left:19px}.siri-resp{-webkit-backdrop-filter:blur(3px)brightness(1.2)saturate(1.35);backdrop-filter:blur(3px)brightness(1.2)saturate(1.35);transform-origin:50% 8%;z-index:6;background:linear-gradient(0deg,#ffffff12 0,#00222c38 10px,#000000bd 34px,#000 66px);border-radius:50px;padding:30px 0 18px;position:absolute;top:12px;left:12px;right:12px;box-shadow:inset 0 -1.5px 1.5px #fff9,inset 0 0 0 .8px #ffffff17,0 18px 40px #00283457}.siri-rg{filter:blur(2.6px);pointer-events:none;background:radial-gradient(22% 80% at 32% 62%,#fffffffa 0,#8cebfa99 45%,#8cebfa00 75%),radial-gradient(13% 70% at 63% 64%,#ffffffe6 0,#fff0 75%),radial-gradient(46% 90% at 50% 80%,#28c8e675 0,#28c8e600 75%);height:15px;position:absolute;bottom:-2px;left:26px;right:26px}.siri-resp p{letter-spacing:-.2px;margin:0 37px;font-size:17.5px;font-weight:500;line-height:22px}.siri-rc{background:#2c2c2e;border-radius:36px;align-items:center;gap:17px;margin:22px 16px 0;padding:20px 22px;display:flex;position:relative}.siri-ico{background:#fff;border-radius:12px;flex:none;place-items:center;width:48px;height:48px;display:grid}.siri-ico svg{width:34px;height:34px}.siri-rc b{letter-spacing:-.2px;font-size:18.5px;font-weight:600;line-height:23px;display:block}.siri-rc small{color:#9c9ca3;margin-top:1px;font-size:16px;line-height:21px;display:block}.akit{color:#fff;pointer-events:none;z-index:8;background:#000;position:absolute;inset:0}.akit-isl{box-sizing:border-box;border:1.5px solid #2a2a2c;border-radius:20px;width:174px;height:40px;position:absolute;top:10px;left:111px}.akit-head{color:#8e8e93;letter-spacing:-.3px;justify-content:center;align-items:center;gap:13px;font-size:31px;font-weight:600;display:flex;position:absolute;top:156px;left:0;right:0}.akit-ic{flex:none;width:32px;height:30px;position:relative}.akit-ic svg{width:32px;height:30px;position:absolute;inset:0;overflow:visible}.akit-time{font-variant-numeric:tabular-nums;letter-spacing:-3px;text-align:center;font-size:150px;font-weight:700;line-height:182px;position:absolute;top:196px;left:0;right:0}.akit-name{color:#77777c;text-align:center;font-size:24px;line-height:30px;position:absolute;top:380px;left:0;right:0}.akit-snooze{color:#000;letter-spacing:-.2px;background:#4aa6c9;border-radius:53px;place-items:center;height:105px;font-size:30px;font-weight:600;display:grid;position:absolute;top:569px;left:17px;right:17px;box-shadow:inset 0 0 0 1px #78e1f5bf}.akit-dim{z-index:2;background:#000;position:absolute;inset:0}.akit-slide{z-index:3;height:105px;position:absolute;top:700px;left:17px;right:17px}.akit-sbg{background:#1c1c1e;border-radius:53px;position:absolute;inset:0}.akit-slide span{color:#0000;background-color:#6e6e73;background-image:linear-gradient(100deg,#fff0 0,#ffffffd9 50%,#fff0 100%);background-repeat:no-repeat;background-size:90px 100%;-webkit-background-clip:text;background-clip:text;font-size:25px;line-height:105px;position:absolute;top:0;left:116px}.akit-knob{z-index:4;place-items:center;width:97px;height:97px;display:grid;position:absolute;top:4px;left:4px}.akit-knob u,.akit-knob s,.akit-knob i{border-radius:50%;position:absolute;inset:0}.akit-knob u{background:radial-gradient(circle at 50% 20%,#2c3436 0%,#161718 62%)}.akit-knob s{-webkit-backdrop-filter:blur(1.5px)brightness(1.5);backdrop-filter:blur(1.5px)brightness(1.5);background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff47,inset 0 2px 6px #ffffff2e,0 6px 20px #00000080}.akit-knob b{background:#fff;border-radius:7px;width:33px;height:33px;position:relative}.akit-knob i{-webkit-mask-composite:xor;background:conic-gradient(from -100deg,#5fd3e600 0deg,#5fd3e6f2 70deg,#5fd3e600 150deg 360deg) border-box;border:1.5px solid #0000;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) padding-box exclude,linear-gradient(#000 0 0)}.ot .ot-eyebrow{color:var(--fg-2);letter-spacing:.14em;text-transform:uppercase;margin:0 0 20px;font-size:12px;font-weight:600}.ot .ot-build{--fg:#f4efe4;--fg-2:#f4efe4a8;--line:#f4efe429;text-align:left;z-index:1;background:#1c1e21;border-radius:90px;padding:clamp(112px,16vh,168px) 0;position:relative}.ot-build-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:clamp(32px,5vw,80px);display:grid}.ot .ot-build-head h2{font-family:var(--serif);letter-spacing:-.015em;max-width:9.5em;font-size:clamp(48px,5.6vw,80px);font-weight:400;line-height:1.02}.ot-build-list{margin:0;padding:0;list-style:none}.ot-build-list li{grid-template-columns:40px minmax(0,1fr);gap:20px;padding:0 0 44px;display:grid}.ot-build-list li:last-child{padding-bottom:0}.ot-build-num{color:var(--cyan-bright);font-family:var(--serif);font-size:28px;line-height:1}.ot .ot-build-list h3{font-family:var(--sans);letter-spacing:-.015em;font-size:18px;font-weight:600;line-height:1.3}.ot-build-list p{color:var(--fg-2);margin:8px 0 0;font-size:16px;line-height:1.55}.ot .ot-lab{text-align:center;padding:calc(clamp(136px,19vh,200px) + 90px) 0 clamp(120px,18vh,184px)}.ot-end{background:linear-gradient(#f4f3ef 0%,#eeebe3 40%,#e6e0d3 100%);margin-top:-90px}.ot-end .ot-footer{--line:#11141714}.ot .ot-lab h2{font-family:var(--serif);letter-spacing:-.015em;text-wrap:balance;font-size:clamp(42px,5vw,76px);font-weight:400;line-height:1.12}.ot-hand{white-space:nowrap;font-style:italic;display:inline-block;position:relative}.ot-hand svg{clip-path:inset(0 100% 0 0);width:104%;height:.28em;transition:clip-path .9s cubic-bezier(.65,0,.35,1) .2s;position:absolute;bottom:-.12em;left:-.02em;overflow:visible}.ot-hand path{fill:#9fdde8}.ot-hand.is-seen svg{clip-path:inset(0)}.ot-lab-line{color:var(--fg-2);text-wrap:balance;max-width:500px;margin:24px auto 0;font-size:16px;line-height:1.55}@media (prefers-reduced-motion:reduce){.ot-hand svg{clip-path:none;transition:none}}@media (max-width:860px){.ot .ot-build{border-radius:40px;padding:88px 0}.ot-build-grid{grid-template-columns:minmax(0,1fr)}.ot .ot-build-head h2{font-size:min(44px,10vw)}.ot .ot-lab h2{font-size:min(32px,8vw)}.ot-build-list li{grid-template-columns:minmax(0,1fr);gap:10px}.ot .ot-lab{padding:136px 0 96px}.ot-end{margin-top:-40px}}.ot-closing{background:var(--bg);text-align:center;position:relative;overflow:hidden}.ot-closing-main{padding:clamp(118px,17vh,168px) 0;position:relative}.ot .ot-closing-title{font-family:var(--serif);letter-spacing:-.015em;height:1.12em;font-size:clamp(42px,5vw,76px);font-weight:400;line-height:1.12}.ot-specs{column-gap:var(--cell,96px);grid-auto-rows:auto;grid-template-rows:repeat(2, minmax(calc(var(--cell,96px) * 2), auto));margin:calc(var(--cell,96px) * .6) 0 0;text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none;display:grid}.ot-specs li{grid-template-columns:120px minmax(0,1fr);align-items:start;gap:24px;padding-bottom:48px;display:grid}@media (min-width:861px) and (max-width:1100px){.ot .ot-specs{grid-template-rows:none;grid-template-columns:minmax(0,1fr);row-gap:8px;max-width:660px;margin-left:auto;margin-right:auto;padding:0}}.ot-spec-art{color:var(--fg);width:120px;height:80px;display:block}.ot-spec-art path{opacity:0;stroke-dasharray:1;stroke-dashoffset:1px}.ot-specs>li.is-drawn .ot-spec-art path{opacity:1;stroke-dashoffset:0;transition:opacity 0s linear calc(var(--row,0s) + var(--d)), stroke-dashoffset var(--t) linear calc(var(--row,0s) + var(--d))}@media (prefers-reduced-motion:reduce){.ot-spec-art path{opacity:1;stroke-dashoffset:0}}.ot .ot-specs h3{font-family:var(--sans);letter-spacing:-.015em;font-size:18px;font-weight:600;line-height:1.3}.ot-specs p{color:var(--fg-2);max-width:440px;margin:6px 0 0;font-size:15px;line-height:1.5}.ot-closing-cta{padding:calc(var(--cell,96px) * .5) 0 calc(var(--cell,96px) * 1);justify-content:center;display:flex}.ot-baseline{vertical-align:baseline;width:0;height:0;display:inline-block}.ot-footer{border-top:1px solid var(--line);text-align:left;padding:48px 0 32px;position:relative}.ot-footer-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:40px 64px;display:flex}.ot-footer-brand p{color:var(--fg-2);margin:10px 0 0 36px;font-size:14px}.ot-footer-cols{grid-template-columns:repeat(3,auto);align-items:start;gap:24px clamp(40px,6vw,96px);font-weight:400;display:grid}.ot-footer-cols div{flex-direction:column;gap:10px;display:flex}.ot-footer-cols p{color:var(--fg-3);letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:500}.ot .ot-footer-cols a{color:var(--fg-2);font-size:15px;transition:color .2s;display:block}.ot-footer-cols a:hover{color:var(--fg);opacity:1}.ot-footer-legal{color:var(--fg-3);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:48px;font-size:13px;display:flex}@media (max-width:860px){.ot-hero>.ot-slide{padding-top:100px}.ot h1.ot-hero-title{font-size:min(52px,11.4vw);line-height:1.08}.ot-hero-stage{margin-top:16px;translate:none!important}.ot-footer-brand p{margin-left:0}.ot-hero-grid{grid-template-columns:1fr}.ot-hero-copy{text-align:center;translate:none}.ot-hero-lede{margin-left:auto;margin-right:auto}.ot-hero-cta{padding-left:0}.ot-hero-stage{justify-items:center}.ot-hero-stage .ot-iphone{--z:.7}.ot-hero-box{width:300px;margin-left:-150px;bottom:10%;left:50%}.ot-store.is-lg{font-size:16px}.ot-callout{left:-6%}.ot-footer-top{flex-direction:column;align-items:flex-start}.ot-specs{grid-template-rows:none;grid-template-columns:1fr;grid-auto-rows:auto;row-gap:44px;margin-top:40px;padding:0 0 16px}.ot-specs li{grid-template-columns:84px minmax(0,1fr);align-items:start;gap:16px;padding-bottom:0}.ot-spec-art{width:84px;height:56px}.ot .ot-specs h3{font-size:17px}.ot-specs p{font-size:15px}.ot .ot-closing-title{justify-content:center;align-items:center;height:2.3em;font-size:min(32px,8vw);display:flex}.ot-closing-cta{padding:32px 0 56px;translate:none!important}.ot-specs{translate:none!important}.ot-footer-cols{grid-template-columns:1fr 1fr}.ot-roll{--roll-h:2.3em;font-size:min(32px,8vw)}.ot-roll h2{text-wrap:balance;white-space:normal;line-height:1.12}.ot .ot-stage-nav{display:none}.ot-show-phone{--pz:clamp(.5, var(--fit,.6), .62)}.ot-show-said{display:block}.ot-show-phone .ot-iphone{--z:clamp(.5, var(--fit,.6), .62)}}@media (prefers-reduced-motion:reduce){.ot *,.ot :before,.ot :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}