.lab-landing.cl{--cl-ink:#2a211c;--cl-muted:#6f6359;--cl-line:#e2d6c4;--cl-sheet:#fbf6ee;--cl-paper:#f1e8da;--cl-sun:#ee6a4a;--cl-sun-ink:#b5482f;--cl-display:var(--font-fraunces),Georgia,"Times New Roman",serif;--lab-plum:#2a211c;--lab-pop:#ee6a4a;--lab-cream:#fbf6ee;--lab-paper:#fffdf8;--lab-lilac:#f0d0d4;--lab-serif:var(--cl-display);--lab-line:#2a211c1a;--lab-line-strong:#2a211c33;--al-ink-900:#2a211c;--al-ink-400:#6f6359;--al-ink-300:#93877b;--al-border:#2a211c24;--al-purple-100:#f6e4dc;--al-purple-300:#f2b3a0;--al-purple-500:#d9563a;--al-purple-600:#b5482f;--al-purple-700:#2a211c;--al-gold:#ee6a4a;--app-nav-border:#2a211c29;color:var(--cl-ink);background:linear-gradient(#f3eadf 0%,#efe3d4 40%,#f2e8dc 100%);display:flow-root;overflow-x:clip}.cl>:not(.cl-room){z-index:1;position:relative}.cl-wrap{z-index:1;max-width:1120px;margin:0 auto;padding:0 20px;position:relative}.cl-room{z-index:0;pointer-events:none;--sy:0;position:absolute;inset:0;overflow:hidden}.cl-light{opacity:.7;background:linear-gradient(115deg,#ffffff8c 0 8%,#0000 8% 14%,#ffffff59 14% 20%,#0000 20% 100%) 0 0/100% 1400px no-repeat,radial-gradient(60% 40% at 80% 0,#fff0dce6,#0000 70%);position:absolute;inset:0}.cl-ball{transform:translate3d(-50%,calc(var(--sy)*var(--d)*-.35px),0);will-change:transform;border-radius:50%;position:absolute}.cl-ball:before{content:"";animation:11s ease-in-out infinite cl-float;animation-delay:var(--delay);background:var(--ball);border-radius:50%;position:absolute;inset:0;box-shadow:0 40px 60px -30px #6e462859}.cl-ball.cream{--ball:radial-gradient(circle at 34% 28%,#fffaf3 0%,#f1e6d6 45%,#d9c8b1 100%)}.cl-ball.sand{--ball:radial-gradient(circle at 34% 28%,#fbf1e3 0%,#e6d5bd 50%,#c7b090 100%)}.cl-ball.coral{--ball:radial-gradient(circle at 34% 28%,#ffd2c0 0%,#f08b6c 50%,#c95a3e 100%)}.cl-ball.blush{--ball:radial-gradient(circle at 34% 28%,#fff0ee 0%,#f2cfcf 50%,#d6a6a4 100%)}.cl-ball.sage{--ball:radial-gradient(circle at 34% 28%,#f3f6ea 0%,#d6dfc5 50%,#a9b795 100%)}@keyframes cl-float{50%{transform:translateY(-18px)rotate(8deg)}}.cl h1,.cl h2,.cl h3{font-family:var(--cl-display);font-variation-settings:"SOFT" 100,"WONK" 0;text-wrap:balance;color:var(--cl-ink);margin:0;font-weight:300;line-height:1.05}.cl h1 em,.cl h2 em,.cl h3 em{color:var(--cl-sun-ink);font-style:italic}.cl-eyebrow{font-family:var(--cl-display);color:var(--cl-sun-ink);align-items:center;gap:10px;margin-bottom:14px;font-size:1.15rem;font-style:italic;display:flex}.cl-h2{letter-spacing:-.03em;font-size:clamp(2.2rem,4.8vw,3.8rem)}.cl-p{max-width:46ch;color:var(--cl-muted);margin-top:18px;font-size:1.08rem;line-height:1.6}.cl-note{color:var(--cl-muted);font-size:.8rem}.cl-btn{font-family:var(--font-display,inherit);border-radius:999px;align-items:center;gap:8px;padding:.85rem 1.5rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .2s,background .2s,color .2s;display:inline-flex}.cl-btn:hover{transform:translateY(-2px)}.cl-btn.sun{background:var(--cl-sun);color:#fff;box-shadow:0 14px 28px -14px #c85032b3}.cl-btn.sun:hover{background:#d9563a}.cl-btn.ghost{color:var(--cl-ink);border:1px solid var(--cl-ink);background:#ffffff73}.cl-btn.ghost:hover{background:#fff}.cl-btn.small{padding:.55rem 1.1rem;font-size:.8rem}@media (max-width:639px){.cl-btn.small{display:none}}.cl-bar{z-index:40;border:1px solid var(--cl-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f6efe4db;border-radius:999px;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding:8px 10px 8px 20px;display:flex;position:sticky;top:10px}.cl .lab-nav-link{color:var(--cl-ink)}.cl .lab-nav-link:hover{color:var(--cl-ink);background:#ee6a4a1f}.cl .cl-lang button[aria-pressed=true]{background:var(--cl-ink)!important;color:var(--cl-sheet)!important}.cl .cl-lang button[aria-pressed=false]{color:var(--cl-muted)!important}.cl-cover{padding:clamp(64px,8vw,120px) 0 clamp(30px,4vw,56px)}.cl-card{-webkit-backdrop-filter:blur(26px)saturate(1.2);backdrop-filter:blur(26px)saturate(1.2);background:linear-gradient(135deg,#ffffff8c,#ffeee24d);border:1px solid #ffffffbf;border-radius:34px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:32px;padding:clamp(32px,5vw,72px);display:grid;position:relative;box-shadow:0 50px 90px -50px #6e3c1e8c,inset 0 1px #ffffffe6}.cl-date{color:var(--cl-ink);font-size:.95rem}.cl-date:first-letter{text-transform:uppercase}.cl-kicker{font-family:var(--cl-display);color:var(--cl-sun-ink);margin-top:4px;font-size:1.2rem;font-style:italic}.cl .cl-cover-h{letter-spacing:-.035em;margin-top:22px;font-size:clamp(2.8rem,6vw,5.4rem);line-height:.95}.cl-lead{max-width:46ch;color:var(--cl-ink);margin-top:24px;font-size:1.12rem;line-height:1.55}.cl-lead-soft{color:var(--cl-muted);margin-top:10px}.cl-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.cl-fig{align-content:center;justify-items:center;gap:22px;margin:0;display:grid;position:relative}.cl-orb{width:min(78%,320px);margin:0 auto;display:block;position:relative}.cl-moon{filter:drop-shadow(0 40px 40px #963c1e59);width:100%;height:auto;display:block}.cl-orb .cl-moon{animation:9s ease-in-out infinite cl-moon-float}@keyframes cl-moon-float{50%{transform:translateY(-10px)rotate(-3deg)}}.cl-cloud{width:46%;height:22%;display:block;position:absolute}.cl-cloud i{background:radial-gradient(circle at 40% 30%,#fff 0%,#f7f1ee 55%,#e3d6d2 100%);border-radius:50%;position:absolute;bottom:0;box-shadow:0 18px 24px -14px #6e463c73}.cl-cloud i:first-child{width:46%;height:70%;left:0}.cl-cloud i:nth-child(2){width:56%;height:100%;left:24%}.cl-cloud i:nth-child(3){width:42%;height:62%;left:58%}.cl-orb .cl-cloud{animation:12s ease-in-out infinite alternate cl-drift}.cl-cloud.c1{width:42%;height:20%;bottom:6%;left:-10%}.cl-cloud.c2{width:30%;height:14%;animation-duration:15s;animation-delay:-5s;top:10%;right:-6%}@keyframes cl-drift{to{transform:translate(26px)}}.cl-fig figcaption{text-align:center;justify-items:center;gap:2px;display:grid}.cl-fig figcaption b{font-family:var(--cl-display);letter-spacing:-.04em;font-size:clamp(3.4rem,6vw,5.4rem);font-weight:300;line-height:1}.cl-fig figcaption small{margin-left:2px;font-size:.45em}.cl-fig figcaption span{color:var(--cl-muted);font-size:.9rem}.cl-fig .cl-phase{font-family:var(--cl-display);color:var(--cl-sun-ink);font-size:1.1rem;font-style:italic}.cl-portal{height:320vh;position:relative}.cl-portal-stage{place-items:center;height:100svh;display:grid;position:sticky;top:0;overflow:hidden}.cl-portal-moon{will-change:transform;width:min(38vmin,340px)}.cl-portal-cloud{display:block;position:absolute;top:50%;left:50%}.cl-portal-cloud .cl-cloud{width:100%;height:100%;position:relative}.cl-portal-cloud.a{width:220px;height:90px;margin:40px 0 0 -300px}.cl-portal-cloud.b{width:170px;height:70px;margin:-150px 0 0 120px}.cl-portal-fill{place-items:center;padding:0 20px;display:grid;position:absolute;inset:0}.cl-portal-text{text-align:center;font-family:var(--cl-display);letter-spacing:-.035em;gap:4px;font-size:clamp(2.6rem,8vw,7rem);font-weight:300;line-height:1;display:grid}.cl-portal-text>span{padding-bottom:.1em;display:block;overflow:hidden}.cl-portal-text>span>span{display:inline-block}.cl-portal-text em{font-style:italic}.cl-portal-hint{text-align:center;font-family:var(--cl-display);color:var(--cl-sun-ink);font-size:1.15rem;font-style:italic;position:absolute;bottom:9vh;left:0;right:0}.cl-sheet{-webkit-backdrop-filter:blur(22px)saturate(1.1);backdrop-filter:blur(22px)saturate(1.1);background-color:#fbf6eeb8;border:1px solid #fff9;border-radius:28px;margin-top:20px;padding:clamp(40px,6vw,80px) clamp(22px,5vw,64px)}.cl-sheet-wide{padding-left:0;padding-right:0;overflow:hidden}.cl .lab-glass{background:#fffdf8eb;border:1px solid #fffc;box-shadow:0 40px 70px -40px #6e3c1e73}.cl .lab-card{background:color-mix(in srgb,var(--accent)20%,#fffdf8)}.cl-stack-sec{padding:clamp(56px,8vw,110px) 0 0}.cl .cl-big{letter-spacing:-.035em;max-width:12ch;font-size:clamp(2.8rem,7vw,6.2rem)}.cl-big-lead{max-width:52ch;color:var(--cl-muted);margin-top:24px;font-size:1.15rem;line-height:1.6}.cl-stack{gap:28px;margin-top:48px;display:grid}.cl-stack>*{position:sticky}.cl-stack>:first-child{top:96px}.cl-stack>:nth-child(2){top:124px}.cl-stack>:nth-child(3){top:152px}.cl-stack>:last-child{margin-bottom:40px}.cl-row{min-height:420px;color:inherit;background-color:#fbf6eef7;border:1px solid #fff9;border-radius:28px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);text-decoration:none;display:grid;overflow:hidden;box-shadow:0 -18px 40px -24px #6e3c1e59,0 30px 60px -40px #6e3c1e66}.cl-row.flip .cl-art{order:2}.cl-art{place-items:center;min-height:300px;padding:40px;display:grid}.cl-art svg{width:min(100%,360px);height:auto;color:var(--cl-ink);filter:drop-shadow(0 18px 18px #6e3c1e33);transition:transform .6s cubic-bezier(.2,.8,.2,1);overflow:visible}.cl-row:hover .cl-art svg{transform:scale(1.05)rotate(-2deg)}.cl-row-copy{flex-direction:column;justify-content:center;gap:16px;padding:clamp(28px,5vw,64px);display:flex}.cl-row-copy h3{letter-spacing:-.02em;font-size:clamp(1.9rem,3.4vw,2.8rem)}.cl-row-copy p{color:var(--cl-muted);max-width:40ch;font-size:1.05rem;line-height:1.6}.cl-go{align-items:center;gap:10px;margin-top:6px;font-weight:700;display:inline-flex}.cl-go span{transition:transform .3s}.cl-row:hover .cl-go span{transform:translate(8px)}.cl-ribbon{background:var(--cl-sun);color:#fff;border-radius:28px;padding:22px 0;overflow:hidden}.cl-marquee{width:max-content;animation:40s linear infinite cl-marquee;display:flex}.cl-ribbon span{white-space:nowrap;font-family:var(--cl-display);align-items:center;gap:26px;padding-right:26px;font-size:clamp(1.5rem,3vw,2.4rem);font-style:italic;font-weight:300;display:inline-flex}.cl-ribbon i{background:currentColor;border-radius:50%;width:9px;height:9px;display:block}@keyframes cl-marquee{to{transform:translate(-50%)}}.cl-slide{animation:7s cubic-bezier(.6,0,.4,1) infinite cl-slide}@keyframes cl-slide{0%,10%{transform:translate(0)}45%,55%{transform:translate(110px)}90%,to{transform:translate(150px)}}.cl-left{animation:4s ease-in-out infinite alternate cl-l}.cl-right{animation:4s ease-in-out infinite alternate cl-r}@keyframes cl-l{to{transform:translate(14px)}}@keyframes cl-r{to{transform:translate(-14px)}}.cl-hand{transform-box:view-box;animation:8s linear infinite cl-spin}.cl-c0{transform-origin:40px 80px;animation-duration:24s}.cl-c1{transform-origin:93px 80px;animation-duration:12s}.cl-c2{transform-origin:147px 80px;animation-duration:6s}.cl-c3{transform-origin:200px 80px;animation-duration:2.5s}@keyframes cl-spin{to{transform:rotate(360deg)}}.cl-glass{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(140deg,#fff9,#fff0e659);border:1px solid #ffffffbf;border-radius:30px;margin-top:20px;padding:clamp(32px,5vw,64px);position:relative;overflow:hidden;box-shadow:0 40px 80px -50px #6e3c1e80}.cl-glass-orb{opacity:.9;background:radial-gradient(circle at 34% 28%,#ffd2c0 0%,#f08b6c 50%,#c95a3e 100%);border-radius:50%;width:240px;height:240px;position:absolute;bottom:-70px;left:-70px;box-shadow:0 40px 60px -30px #963c1e73}.cl-foot{text-align:center;color:var(--cl-muted);padding:36px 8px 40px;font-size:.85rem}@media (max-width:900px){.cl-card,.cl-row{grid-template-columns:minmax(0,1fr)}.cl-fig{order:-1}.cl-orb{width:200px;margin:0 auto}.cl-row{min-height:0}.cl-row.flip .cl-art{order:0}.cl-art{min-height:200px;padding:28px}.cl-stack>*{position:static}.cl-sheet,.cl-glass{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#fbf6eee6}.cl-ball{opacity:.8}.cl-glass-orb{width:160px;height:160px;inset:-50px -50px auto auto}}@media (max-width:640px){.cl-bar{padding-left:14px}.cl .cl-bar .lab-nav-link{padding:8px 9px;font-size:13px}.cl-cover{padding-top:90px}}@media (prefers-reduced-motion:reduce){.cl-ball:before,.cl-orb .cl-moon,.cl-orb .cl-cloud,.cl-slide,.cl-left,.cl-right,.cl-hand,.cl-marquee{animation:none}.cl-stack>*{position:static}.cl-portal{display:none}}.cl .cl-tilt{--rx:0deg;--ry:0deg;transform:perspective(900px)rotateX(var(--rx))rotateY(var(--ry));transform-style:preserve-3d;transition:transform .5s cubic-bezier(.16,1,.3,1)}.cl .cl-try{background:var(--cl-ink);color:var(--cl-sheet);border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:700;transition:background .3s,transform .3s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 10px 20px -12px #2a211cb3,inset 0 1px #ffffff2e}.cl .group:hover .cl-try{background:var(--cl-sun);transform:translateY(-1px)}.cl .cl-phone-card .cl-tilt{isolation:isolate;padding-top:10px;position:relative}.cl .cl-phone-orb{background:radial-gradient(circle at 32% 28%,#fff 0%,color-mix(in srgb,var(--accent)55%,#fff)20%,var(--accent)58%,color-mix(in srgb,var(--accent)70%,#5a2e1c)100%);width:120px;height:120px;box-shadow:0 30px 50px -20px color-mix(in srgb,var(--accent)70%,#5a2e1c);border-radius:50%;transition:transform .6s cubic-bezier(.16,1,.3,1);position:absolute;top:2%;left:58%;transform:translateZ(-30px)}.cl .cl-phone-card:hover .cl-phone-orb{transform:translateZ(-30px)translate(18px,-26px)scale(1.08)}.cl .cl-phone-card .lab-phone{border-color:#2a211c;transform:translateZ(20px);box-shadow:0 40px 60px -30px #5a2e1c8c,inset 0 0 0 1px #ffffff0f}.cl .cl-phone-card:hover .lab-phone{transform:translateZ(40px)translateY(-6px);box-shadow:0 54px 70px -30px #5a2e1c99}.cl .cl-glare{z-index:3;pointer-events:none;opacity:0;background:radial-gradient(240px circle at var(--mx,50%)var(--my,20%),#ffffff73,transparent 60%);transition:opacity .3s;position:absolute;inset:0}.cl .cl-phone-card:hover .cl-glare{opacity:1}.cl .cl-calc{perspective:1200px;border-radius:24px;display:block;position:relative}.cl .cl-calc .cl-tilt{transform:perspective(1200px)rotateX(calc(var(--rx)*.4))rotateY(calc(var(--ry)*.4))}.cl .cl-calc-face{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf88c;border:1px solid #ffffffbf;border-radius:24px;height:100%;padding:24px 24px 22px;transition:background .35s,box-shadow .35s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffe6,0 14px 30px -26px #6e3c1e59}.cl .cl-calc-face:after{content:"";pointer-events:none;opacity:0;background:radial-gradient(260px circle at var(--mx,50%)var(--my,0%),color-mix(in srgb,var(--accent)22%,transparent),transparent 65%);transition:opacity .3s;position:absolute;inset:0}.cl .cl-calc:hover .cl-calc-face{background:#fffdf8d9;box-shadow:inset 0 1px #fff,0 26px 44px -30px #6e3c1e66}.cl .cl-calc:hover .cl-calc-face:after{opacity:1}.cl .cl-num{background:radial-gradient(circle at 32% 28%,#fff 0%,color-mix(in srgb,var(--accent)50%,#fff)30%,var(--accent)80%);width:32px;height:32px;box-shadow:0 6px 12px -6px color-mix(in srgb,var(--accent)70%,#5a2e1c);color:var(--cl-ink);font-family:var(--cl-display);border-radius:50%;place-items:center;font-size:14px;font-weight:400;transition:transform .5s cubic-bezier(.16,1,.3,1);display:inline-grid}.cl .cl-calc:hover .cl-num{transform:translateY(-2px)scale(1.08)}.cl .cl-tag{text-transform:uppercase;letter-spacing:.14em;color:var(--cl-muted);font-size:10px;font-weight:600}.cl .cl-link{color:var(--cl-sun-ink);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.cl .cl-link svg{transition:transform .3s cubic-bezier(.16,1,.3,1)}.cl .group:hover .cl-link svg{transform:translate(4px)}.cl .cl-reading{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf8b3;border:1px solid #ffffffd9;border-radius:20px;padding:12px 18px 12px 46px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;position:relative;box-shadow:0 18px 30px -24px #6e3c1e8c}.cl .cl-reading:hover{transform:translateY(-3px);box-shadow:0 26px 40px -26px #6e3c1e99}.cl .cl-reading-ball{background:radial-gradient(circle at 32% 28%,#fff 0%,var(--accent)55%,color-mix(in srgb,var(--accent)72%,#5a2e1c)100%);width:20px;height:20px;box-shadow:0 6px 10px -5px color-mix(in srgb,var(--accent)70%,#5a2e1c);border-radius:50%;margin-top:-10px;position:absolute;top:50%;left:16px}@media (prefers-reduced-motion:reduce){.cl .cl-tilt{transform:none!important}.cl .cl-phone-orb{transition:none}}.cl .cl-pick-now{background:linear-gradient(135deg,#fffaf3,#f8eee2);border:1px solid #ffffffe6;border-radius:20px;align-items:center;gap:16px;padding:14px 16px;display:flex;box-shadow:inset 0 1px #fff,0 12px 26px -22px #6e3c1e80}.cl .cl-pick-now-icon{background:var(--cl-ink);color:#fbe3d6;border-radius:18px;flex-shrink:0;place-items:center;width:56px;height:56px;display:grid;box-shadow:0 12px 22px -12px #2a211ccc,inset 0 1px #ffffff26}.cl .cl-pick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.cl .cl-pick-tile{text-align:center;min-height:78px;color:var(--cl-ink);background:#fffdf8b3;border:1px solid #2a211c12;border-radius:16px;flex-direction:column;justify-content:flex-start;align-items:center;gap:6px;padding:12px 6px 10px;transition:background .25s,border-color .25s,transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s;display:flex}.cl .cl-pick-tile>span:last-child{color:var(--cl-ink);font-size:11px;font-weight:600;line-height:1.2}.cl .cl-pick-tile:hover{background:#fff;border-color:#ee6a4a59;transform:translateY(-2px);box-shadow:0 12px 20px -16px #6e3c1e99}.cl .cl-pick-tile.on{border-color:var(--cl-sun);color:var(--cl-sun-ink);background:#fff4ee;box-shadow:0 0 0 3px #ee6a4a24}.cl .cl-pick-tile.on>span:last-child{color:var(--cl-sun-ink)}.cl .cl-pick-tile.more{background:0 0;border-style:dashed;border-color:#2a211c33}.cl .cl-pick-more-n{font-family:var(--cl-display);color:var(--cl-sun-ink);font-size:20px;line-height:22px}@media (max-width:380px){.cl .cl-pick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.cl .cl-icon-tile{background:color-mix(in srgb,var(--accent)22%,#fffaf3);width:44px;height:44px;color:var(--cl-ink);border:1px solid #ffffffe6;border-radius:14px;place-items:center;transition:transform .4s cubic-bezier(.16,1,.3,1),background .3s;display:inline-grid;box-shadow:0 8px 16px -12px #6e3c1e8c}.cl .group:hover .cl-icon-tile{background:color-mix(in srgb,var(--accent)36%,#fffaf3);transform:translateY(-2px)rotate(-4deg)}.cl .cl-reading-icon{color:var(--cl-sun-ink);margin-top:-11px;position:absolute;top:50%;left:14px}.cl .cl-doodle{pointer-events:none;-webkit-user-select:none;user-select:none;height:auto;display:block}.cl .cl-doodle-hero{width:min(210px,60%);margin-top:36px;animation:6s ease-in-out infinite cl-doodle-bob}.cl .cl-doodle-sign{width:min(240px,60%);margin-top:28px}.cl .cl-row-doodle{width:min(100%,300px);height:auto;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.cl .cl-row:hover .cl-row-doodle{transform:scale(1.05)rotate(-2deg)}@keyframes cl-doodle-bob{50%{transform:translateY(-8px)rotate(-1deg)}}@media (max-width:1023px){.cl .cl-doodle-hero{display:none}}@media (prefers-reduced-motion:reduce){.cl .cl-doodle-hero{animation:none}}.cl .cl-how{align-items:center;gap:clamp(32px,5vw,64px);display:grid}@media (min-width:1024px){.cl .cl-how{grid-template-columns:1fr minmax(0,420px)}}.cl .cl-how-steps{gap:10px;max-width:520px;margin:28px 0 30px;padding:0;list-style:none;display:grid}.cl .cl-how-steps button{text-align:left;width:100%;color:var(--cl-ink);cursor:pointer;background:#fffdf899;border:1px solid #2a211c1a;border-radius:18px;align-items:flex-start;gap:14px;padding:14px 16px;transition:background .3s,border-color .3s,transform .3s cubic-bezier(.2,.8,.2,1);display:flex}.cl .cl-how-steps button:hover{background:#fffdf8;transform:translate(4px)}.cl .cl-how-steps button.on{border-color:var(--cl-sun);background:#fff4ee;box-shadow:0 0 0 3px #ee6a4a1f}.cl .cl-how-steps .n{background:var(--cl-ink);color:#fbf1e6;width:30px;height:30px;font-family:var(--cl-display);border-radius:10px;flex-shrink:0;place-items:center;font-size:1rem;display:grid}.cl .cl-how-steps button.on .n{background:var(--cl-sun);color:#fff}.cl .cl-how-steps b{font-size:1rem;font-weight:600;display:block}.cl .cl-how-steps small{color:var(--cl-muted);margin-top:2px;font-size:.9rem;line-height:1.45;display:block}.cl .cl-how-stage{place-items:center;padding:10px 0;display:grid;position:relative}.cl .cl-how-halo{aspect-ratio:1;pointer-events:none;background:radial-gradient(closest-side,#ee8c6e61,#0000 78%);border-radius:50%;width:min(520px,110%);animation:7s ease-in-out infinite cl-how-breathe;position:absolute;top:50%;left:50%;translate:-50% -50%}@keyframes cl-how-breathe{50%{transform:scale(1.06)}}.cl .cl-how-phone{aspect-ratio:9/19;background:#1d1714;border-radius:46px;width:min(330px,100%);padding:11px;position:relative;box-shadow:0 40px 80px -30px #2a211c8c,inset 0 2px #ffffff1f}.cl .cl-how-screen{color:#2a211c;background:linear-gradient(#fff7ef 0%,#fbe3d3 48%,#f4bfa6 100%);border-radius:36px;height:100%;position:relative;overflow:hidden}.cl .cl-how-notch{z-index:3;background:#1d1714;border-radius:20px;width:92px;height:24px;position:absolute;top:10px;left:50%;translate:-50%}.cl .cl-how-text{z-index:2;text-align:center;animation:.5s cubic-bezier(.2,.8,.2,1) both cl-how-in;position:absolute;inset:56px 24px auto}.cl .cl-how-text p{font-family:var(--cl-display);color:var(--cl-sun-ink);margin:0 0 6px;font-size:.95rem;font-style:italic}.cl .cl-how-text h3{font-family:var(--cl-display);text-wrap:balance;margin:0 0 8px;font-size:1.85rem;font-weight:300;line-height:1.05}.cl .cl-how-text small{color:#6f6359;text-wrap:balance;font-size:.82rem;line-height:1.5;display:block}@keyframes cl-how-in{0%{opacity:0;transform:translateY(8px)}}.cl .cl-how-screen canvas{z-index:1;touch-action:pan-y;cursor:grab;opacity:0;width:100%;height:58%;transition:opacity .6s;position:absolute;top:30%;left:0;right:0}.cl .cl-how-screen canvas.ready{opacity:1}.cl .cl-how-screen canvas:active{cursor:grabbing}.cl .cl-how-foot{z-index:2;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:24px;left:22px;right:22px}.cl .cl-how-dots{gap:7px;display:flex}.cl .cl-how-dots button{cursor:pointer;background:#2a211c38;border:0;border-radius:99px;width:8px;height:8px;padding:0;transition:width .35s,background .35s}.cl .cl-how-dots button[aria-current=true]{background:#2a211c;width:24px}.cl .cl-how-next{color:#fff7ef;cursor:pointer;background:#2a211c;border:0;border-radius:999px;width:44px;height:44px;font-size:1.1rem;box-shadow:0 10px 20px -10px #2a211cb3}@media (prefers-reduced-motion:reduce){.cl .cl-how-halo,.cl .cl-how-text{animation:none}}