/* stints.gg landing page: the app's dark palette, its motion and the static page's parts. */
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{margin:0;background:#08090b}
a{color:#8ae8fa;text-decoration:none}a:hover{color:#c4f3fd}
.navlink{color:#9aa4b1;font-size:14px;font-weight:500;padding:8px 14px;border-radius:999px}
.navlink:hover{color:#eef2f6;background:#111419}
.btn{transition:transform .2s ease, filter .2s ease, background .2s ease}
.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}
.lift{transition:transform .45s cubic-bezier(.2,.7,.2,1), box-shadow .45s}
.lift:hover{transform:translateY(-6px);box-shadow:0 40px 90px rgba(0,0,0,.7)}
.faq summary{list-style:none;cursor:pointer}
.faq summary::-webkit-details-marker{display:none}
.faq .plus{transition:transform .25s ease}
.faq details[open] .plus{transform:rotate(45deg)}
.dots{background-image:radial-gradient(circle, rgba(154,164,177,.16) 1px, transparent 1.6px);background-size:26px 26px}
.fade-hero{-webkit-mask-image:radial-gradient(ellipse 70% 75% at 60% 35%, #000 25%, transparent 75%);mask-image:radial-gradient(ellipse 70% 75% at 60% 35%, #000 25%, transparent 75%)}
.fade-band{-webkit-mask-image:linear-gradient(180deg, transparent, #000 20%, #000 80%, transparent);mask-image:linear-gradient(180deg, transparent, #000 20%, #000 80%, transparent)}
.fade-track{-webkit-mask-image:linear-gradient(180deg, #000 55%, transparent 100%);mask-image:linear-gradient(180deg, #000 55%, transparent 100%)}
.mapcar{offset-path:path('M410.1 685.7 L418.4 686.0 L426.7 686.1 L434.9 686.4 L443.2 686.6 L451.5 686.8 L459.7 687.0 L468.0 687.2 L476.3 687.4 L484.5 687.6 L492.8 687.7 L501.1 687.9 L509.4 688.1 L517.6 688.2 L525.9 688.4 L534.2 688.6 L542.4 688.7 L550.7 688.8 L559.0 688.9 L567.2 689.1 L575.5 689.2 L583.8 689.3 L592.0 689.4 L600.3 689.6 L608.6 689.7 L616.8 689.7 L625.1 689.9 L633.4 690.1 L641.6 690.2 L649.9 690.5 L658.2 690.7 L666.4 690.9 L674.7 691.0 L683.0 691.1 L691.2 691.1 L699.5 691.1 L707.8 690.9 L716.0 690.7 L724.3 690.2 L732.6 689.6 L740.9 688.7 L749.1 687.5 L757.3 685.8 L765.2 683.6 L772.9 680.9 L780.4 677.7 L787.6 674.0 L794.5 669.7 L801.0 664.9 L807.1 659.8 L812.8 654.2 L818.0 648.2 L822.8 642.0 L827.1 635.3 L831.0 628.4 L834.4 621.1 L837.4 613.5 L839.8 605.6 L841.7 597.5 L843.2 589.4 L844.0 581.1 L844.4 572.8 L844.3 564.5 L843.7 556.1 L842.8 547.8 L841.5 539.5 L839.9 531.4 L838.2 523.3 L836.3 515.3 L834.2 507.3 L832.0 499.2 L829.9 491.3 L827.7 483.3 L825.7 475.3 L823.9 467.3 L822.2 459.2 L820.8 451.0 L819.5 442.8 L818.4 434.6 L817.4 426.4 L816.8 418.2 L816.3 410.0 L815.9 401.7 L815.8 393.4 L815.9 385.2 L816.2 377.0 L816.3 368.7 L816.3 360.5 L816.3 352.3 L816.2 344.0 L815.8 335.7 L814.9 327.4 L813.3 319.2 L810.6 311.4 L806.7 304.3 L801.8 298.1 L796.0 292.9 L789.4 288.7 L782.0 285.5 L773.9 283.4 L765.7 282.4 L757.6 281.2 L749.8 279.2 L742.2 276.5 L734.7 273.2 L727.5 269.2 L720.6 264.6 L714.1 259.5 L707.4 254.6 L700.1 250.5 L692.3 247.3 L684.1 245.4 L675.8 244.8 L667.6 245.7 L659.8 247.8 L652.6 251.2 L645.9 255.7 L639.8 261.2 L634.4 267.5 L629.4 274.3 L625.0 281.4 L621.0 288.7 L617.4 296.1 L614.2 303.6 L610.8 311.2 L607.2 318.5 L603.3 325.8 L599.0 332.8 L594.5 339.7 L589.8 346.4 L584.8 353.1 L579.7 359.5 L574.3 365.8 L568.6 371.9 L562.9 377.7 L556.9 383.4 L550.6 388.8 L544.3 394.1 L537.7 399.2 L531.1 404.0 L524.4 408.7 L517.5 413.2 L510.5 417.5 L503.4 421.6 L496.2 425.4 L488.9 429.2 L481.5 432.7 L473.9 435.9 L466.3 439.1 L458.7 442.0 L451.0 444.9 L443.1 447.5 L435.3 449.9 L427.3 452.1 L419.3 454.1 L411.2 455.9 L403.1 457.5 L395.0 458.9 L386.8 460.1 L378.6 461.1 L370.4 462.0 L362.1 462.7 L353.8 463.4 L345.6 464.0 L337.3 464.4 L329.0 464.7 L320.8 464.8 L312.5 464.9 L304.2 465.0 L296.0 464.9 L287.7 464.8 L279.4 464.8 L271.1 464.8 L262.8 464.8 L254.5 464.8 L246.3 464.8 L238.1 464.8 L229.8 464.8 L221.6 464.8 L213.3 464.9 L205.0 464.9 L196.8 465.0 L188.5 465.0 L180.2 465.1 L172.0 465.2 L163.7 465.3 L155.4 465.3 L147.1 465.5 L138.9 465.6 L130.6 465.7 L122.3 465.8 L114.1 465.9 L105.8 466.0 L97.5 466.2 L89.3 466.3 L81.0 466.3 L72.8 466.3 L64.4 465.6 L56.2 463.5 L48.9 459.5 L43.4 453.6 L40.6 446.5 L40.0 438.9 L41.2 430.7 L43.8 422.6 L47.3 415.2 L50.9 408.1 L54.4 400.9 L57.9 393.3 L61.4 385.7 L64.9 378.3 L68.6 371.1 L72.3 364.0 L76.4 356.9 L80.7 350.1 L85.3 343.4 L90.3 336.9 L95.5 330.5 L101.0 324.4 L106.8 318.6 L112.9 313.1 L119.2 307.8 L125.6 302.7 L132.2 297.9 L139.0 293.2 L145.8 288.8 L152.7 284.5 L159.9 280.5 L167.2 276.7 L174.7 273.2 L182.3 269.8 L190.0 266.8 L197.7 263.9 L205.5 261.1 L213.3 258.3 L221.1 255.5 L228.8 252.5 L236.6 249.7 L244.3 246.8 L252.0 243.9 L259.7 240.9 L267.3 237.8 L274.8 234.6 L282.2 231.2 L289.5 227.6 L296.8 223.7 L303.8 219.8 L310.8 215.5 L317.7 211.0 L324.4 206.4 L331.0 201.4 L337.5 196.3 L343.8 191.1 L350.0 185.6 L356.1 180.1 L362.0 174.4 L367.9 168.5 L373.6 162.6 L379.2 156.5 L384.7 150.3 L390.2 144.1 L395.8 138.0 L401.3 131.9 L406.9 125.8 L412.6 119.7 L418.2 113.7 L424.0 107.7 L429.8 101.8 L435.6 96.0 L441.5 90.1 L447.3 84.3 L453.1 78.4 L458.9 72.5 L464.8 66.6 L470.6 60.9 L476.5 55.1 L482.9 49.7 L490.0 45.0 L497.6 41.8 L505.4 40.2 L513.3 40.3 L521.0 41.9 L528.6 45.0 L535.8 49.5 L542.2 55.1 L547.9 61.5 L552.9 68.1 L557.6 74.7 L562.6 80.7 L568.2 86.4 L574.4 91.6 L581.1 96.4 L588.1 100.5 L595.5 104.2 L603.1 107.3 L611.0 109.8 L619.0 111.7 L627.2 113.0 L635.5 113.5 L643.8 113.4 L652.2 112.6 L660.4 111.2 L668.6 109.3 L676.6 106.9 L684.5 104.1 L692.2 100.9 L699.7 97.4 L707.0 93.6 L714.5 89.9 L721.9 86.3 L729.5 83.0 L737.3 80.1 L744.9 77.5 L752.8 75.2 L760.6 73.2 L768.7 71.3 L776.7 69.7 L784.8 68.3 L792.9 67.1 L801.1 66.3 L809.4 65.6 L817.7 65.1 L826.0 64.9 L834.2 64.8 L842.5 65.1 L850.8 66.1 L858.9 68.1 L866.6 70.9 L873.7 74.8 L879.8 79.5 L885.2 85.3 L889.8 91.9 L893.4 99.5 L896.0 107.6 L897.6 115.9 L898.5 124.3 L899.0 132.6 L899.2 140.9 L899.1 149.2 L898.8 157.5 L898.3 165.8 L897.7 174.0 L897.2 182.3 L896.7 190.5 L896.4 198.8 L896.0 207.0 L895.8 215.3 L895.5 223.6 L895.4 231.8 L895.2 240.1 L895.0 248.4 L894.9 256.6 L894.8 264.9 L894.6 273.2 L894.4 281.4 L894.0 289.7 L893.6 298.0 L893.3 306.2 L892.8 314.5 L892.4 322.8 L892.0 331.0 L891.6 339.2 L891.2 347.5 L890.8 355.7 L890.7 364.0 L890.6 372.2 L890.7 380.5 L890.8 388.8 L891.1 397.1 L891.4 405.4 L891.8 413.6 L892.5 421.7 L893.4 429.8 L894.7 437.9 L896.3 446.0 L898.0 454.0 L900.1 462.0 L902.5 470.0 L905.1 477.9 L908.0 485.6 L911.3 493.2 L914.8 500.7 L918.6 508.1 L922.6 515.4 L926.9 522.5 L931.3 529.4 L936.1 536.2 L941.0 542.8 L946.1 549.1 L951.6 555.3 L957.1 561.4 L962.7 567.3 L968.4 573.2 L974.3 578.8 L980.3 584.5 L986.3 590.1 L992.4 595.7 L998.4 601.4 L1004.3 607.1 L1010.2 613.0 L1015.9 619.1 L1021.2 625.5 L1026.1 632.3 L1030.3 639.5 L1033.7 646.8 L1036.2 654.5 L1037.8 662.2 L1038.7 670.1 L1038.7 678.1 L1037.7 686.3 L1036.0 694.4 L1033.3 702.4 L1029.9 710.1 L1025.8 717.4 L1021.6 724.4 L1017.7 731.5 L1014.4 738.8 L1011.7 746.4 L1009.4 754.1 L1007.7 762.0 L1006.4 770.0 L1005.7 778.2 L1005.0 786.4 L1004.4 794.6 L1003.8 802.8 L1002.6 811.1 L1000.5 819.2 L997.3 827.2 L993.2 834.7 L988.6 841.5 L983.4 847.5 L977.6 852.7 L971.3 857.4 L964.3 861.3 L956.7 864.6 L948.5 867.1 L940.3 868.8 L931.9 869.8 L923.5 870.0 L915.2 870.0 L907.0 869.9 L898.7 869.5 L890.4 869.0 L882.2 868.5 L874.0 868.0 L865.7 867.6 L857.4 867.4 L849.2 867.3 L840.9 867.1 L832.6 867.1 L824.4 867.0 L816.1 867.0 L807.8 867.1 L799.6 867.1 L791.3 867.2 L783.0 867.3 L774.8 867.4 L766.5 867.4 L758.2 867.4 L750.0 867.5 L741.7 867.5 L733.4 867.5 L725.2 867.5 L716.9 867.5 L708.6 867.6 L700.3 867.7 L692.1 867.8 L683.8 867.9 L675.5 868.0 L667.3 868.0 L659.0 868.0 L650.7 868.0 L642.5 868.0 L634.2 868.0 L625.9 868.0 L617.7 868.0 L609.4 868.0 L601.1 868.0 L592.9 868.0 L584.6 868.0 L576.3 868.0 L568.1 868.0 L559.8 868.0 L551.5 868.0 L543.3 868.1 L535.0 868.1 L526.7 868.1 L518.5 868.2 L510.2 868.2 L501.9 868.2 L493.6 868.2 L485.4 868.2 L477.1 868.3 L468.8 868.3 L460.6 868.3 L452.3 868.3 L444.0 868.4 L435.8 868.4 L427.5 868.4 L419.2 868.4 L411.0 868.4 L402.7 868.4 L394.4 868.4 L386.2 868.4 L377.9 868.4 L369.6 868.4 L361.4 868.4 L353.1 868.4 L344.8 868.5 L336.6 868.5 L328.3 868.5 L320.0 868.5 L311.8 868.5 L303.5 868.6 L295.2 868.7 L287.0 868.7 L278.7 868.8 L270.4 868.8 L262.1 868.8 L253.9 868.7 L245.6 868.4 L237.3 867.8 L229.1 866.9 L220.8 865.7 L212.6 864.4 L204.5 862.8 L196.5 861.0 L188.7 859.1 L181.0 856.9 L173.1 854.5 L165.4 851.8 L157.8 848.9 L150.4 845.6 L143.1 841.8 L136.0 837.7 L129.1 833.0 L122.7 827.8 L116.7 822.0 L111.4 815.7 L106.8 808.9 L103.0 801.8 L99.9 794.4 L97.6 786.8 L96.3 778.9 L95.8 771.1 L96.0 763.2 L97.0 755.6 L98.9 748.0 L101.5 740.4 L104.8 733.3 L109.0 726.3 L113.9 719.7 L119.4 713.6 L125.4 708.0 L132.0 702.9 L139.0 698.4 L146.5 694.3 L154.2 690.7 L162.3 687.7 L170.4 685.1 L178.7 683.0 L187.1 681.5 L195.4 680.3 L203.9 679.6 L212.2 679.1 L220.6 678.9 L228.8 678.8 L237.1 678.9 L245.4 679.2 L253.7 679.8 L262.1 680.3 L270.3 680.7 L278.6 681.1 L286.9 681.6 L295.1 681.9 L303.4 682.3 L311.7 682.6 L319.9 683.0 L328.2 683.3 L336.5 683.6 L344.7 683.9 L353.0 684.1 L361.3 684.4 L369.5 684.6 L377.8 684.8 L386.1 685.1 L394.4 685.3 L402.6 685.5 Z');offset-rotate:0deg}
@keyframes drive{from{offset-distance:0%}to{offset-distance:100%}}
.motion-on .mapcar{animation-name:drive;animation-timing-function:linear;animation-iteration-count:infinite}
.zoomable::after{content:'Click to enlarge';position:absolute;right:14px;bottom:14px;padding:6px 12px;border-radius:999px;background:rgba(17,20,25,.92);color:#eef2f6;font:700 12px Roboto,system-ui,sans-serif;opacity:0;transform:translateY(4px);transition:opacity .2s, transform .2s;pointer-events:none}
.zoomable:hover::after,.zoomable:focus-visible::after{opacity:1;transform:none}
.zoomable:focus-visible{outline:2px solid #3dd6f5;outline-offset:4px;border-radius:18px}
@keyframes viewer-in{from{opacity:0}to{opacity:1}}
@keyframes viewer-img{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
.motion-on .viewer{animation:viewer-in .2s ease both}
.motion-on .viewer-img{animation:viewer-img .25s cubic-bezier(.2,.7,.2,1) both}
.fade-x{-webkit-mask-image:linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);mask-image:linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent)}
.motion-on .tl-track{animation:ribbon 120s linear infinite}
.navlink.on{background:#0e2a31;color:#8ae8fa}
.menubtn{display:none}
.menubtn .icon-close,.menubtn[aria-expanded="true"] .icon-open{display:none}
.menubtn[aria-expanded="true"] .icon-close{display:block}
.menulink{display:flex;align-items:center;height:48px;padding:0 14px;border-radius:12px;color:#c7d0d9;font-size:17px;font-weight:600}
.menulink:hover{background:#111419;color:#eef2f6}
.menulink.on{background:#0e2a31;color:#8ae8fa}
@keyframes menu-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.motion-on .mobilemenu{animation:menu-in .2s ease both}
@media (min-width: 861px){.mobilemenu{display:none !important}}
.progress{display:none}
@keyframes grow{to{transform:scaleX(1)}}
@supports (animation-timeline: scroll()){.motion-on .progress{display:block;transform:scaleX(0);animation:grow linear both;animation-timeline:scroll()}}
.motion-on .faq{interpolate-size:allow-keywords}
.motion-on .faq details::details-content{block-size:0;overflow:hidden;transition:block-size .3s ease, content-visibility .3s allow-discrete}
.motion-on .faq details[open]::details-content{block-size:auto}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes ribbon{to{transform:translateX(-50%)}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(74,222,128,.55)}70%{box-shadow:0 0 0 9px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes barin{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes blink{50%{opacity:.35}}
@keyframes breathe{0%,100%{opacity:.55}50%{opacity:1}}
.motion-on .rise{animation:rise .9s cubic-bezier(.2,.7,.2,1) both}
.motion-on .d1{animation-delay:.08s}.motion-on .d2{animation-delay:.18s}.motion-on .d3{animation-delay:.3s}.motion-on .d4{animation-delay:.44s}.motion-on .d5{animation-delay:.6s}
.motion-on .ribbon-track{animation:ribbon 60s linear infinite}
.motion-on .pulse{animation:pulse 2s ease-out infinite}
.motion-on .float{animation:float 6s ease-in-out infinite}
.motion-on .f2{animation-delay:-2s}.motion-on .f3{animation-delay:-4s}
.motion-on .blink{animation:blink 1s steps(2,start) infinite}
.motion-on .bar{transform-box:fill-box;transform-origin:left center;animation:barin .8s cubic-bezier(.2,.7,.2,1) both}
.motion-on .bar.b2{animation-delay:.15s}.motion-on .bar.b3{animation-delay:.3s}
.motion-on .breathe{animation:breathe 6s ease-in-out infinite}
@supports (animation-timeline: view()){
.motion-on .reveal{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
}
@media (prefers-reduced-motion: reduce){
html{scroll-behavior:auto}
.motion-on .faq details::details-content{transition:none}
.motion-on .rise,.motion-on .reveal,.motion-on .ribbon-track,.motion-on .pulse,.motion-on .float,.motion-on .blink,.motion-on .bar,.motion-on .mapcar,.motion-on .tl-track,.motion-on .breathe{animation:none}
}
@media (max-width: 860px){
.navlinks{display:none !important}
.menubtn{display:flex !important}
.chip{display:none !important}
.track-bg{width:150% !important;right:-45% !important;opacity:.4 !important}
}

/* The static page: the calibration steps as classes (site.js moves them along), the viewer hidden until opened. */
.step{background:#111419;border-radius:16px;padding:16px 18px;transition:background .4s}
.step.now{background:#0e2a31}
.step-head{display:flex;align-items:center;gap:10px}
.step-dot{display:block;box-sizing:border-box;width:24px;height:24px;min-width:24px;border-radius:50%;background:#1f242c;color:#9aa4b1;font-size:12px;font-weight:900;line-height:24px;text-align:center;font-variant-numeric:tabular-nums;transition:background .4s,color .4s}
.step.done .step-dot{background:#0f2a1a;color:#4ade80}
.step.now .step-dot{background:#3dd6f5;color:#041418}
.step-name{font-size:16px;font-weight:700;color:#eef2f6}
.step-opt{font-weight:500;color:#7c8796}
.step-desc{margin:6px 0 0 34px;font-size:14px;color:#9aa4b1;transition:color .4s}
.step.now .step-desc{color:#8ae8fa}
.step-laps{display:none;margin:10px 0 0 34px}
.step.now.counting .step-laps{display:block}
.lap-bar{display:flex;gap:4px}
.lap-bar span{flex:1;height:5px;border-radius:3px;background:#1f242c;transition:background .3s}
.lap-bar span.on{background:#3dd6f5}
.laps-text{margin-top:6px;font-size:12px;font-weight:700;color:#8ae8fa;font-variant-numeric:tabular-nums}
.viewer[hidden],.mobilemenu[hidden]{display:none !important}


/* The sections' parts: layout, cards, screenshots and the panel grid. */
.wrap{max-width:1240px;margin:0 auto;padding:0 24px;box-sizing:border-box}
.zb{position:relative;display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:zoom-in;color:inherit}
.shot{display:block;width:100%;height:auto;border-radius:14px;border:1px solid #1f242c;box-shadow:0 30px 80px rgba(0,0,0,.55)}
.panel{display:block;width:100%;height:auto;border-radius:12px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.h2{margin:10px 0 0;font-weight:900;font-size:clamp(32px,4.2vw,52px);line-height:1.05;letter-spacing:-.035em;color:#eef2f6}
.lead{margin:18px 0 0;max-width:640px;font-size:18px;color:#9aa4b1}
.card{background:#111419;border:1px solid #1a1e25;border-radius:18px;padding:22px}
a.card{transition:transform .25s ease,border-color .25s ease}
a.card:hover{transform:translateY(-3px);border-color:#2a303a}
.card h3{margin:0;font-size:17px;font-weight:700;color:#eef2f6}
.card p{margin:8px 0 0;font-size:15px;line-height:1.55;color:#9aa4b1}
.tag{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:700}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:40px;align-items:center}
.cap{margin:12px 2px 0;font-size:14px;color:#7c8796}
.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
.bento > figure{margin:0;background:#0d1014;border:1px solid #1a1e25;border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:12px;min-width:0}
.bento figcaption{font-size:14px;line-height:1.5;color:#9aa4b1;padding:0 4px 4px}
.bento figcaption b{display:block;color:#eef2f6;font-size:15px}
.s12{grid-column:span 12}.s8{grid-column:span 8}.s6{grid-column:span 6}.s4{grid-column:span 4}
@media (max-width:900px){.s8,.s6,.s4{grid-column:span 12}}
.check{display:flex;gap:10px;font-size:15px;color:#c9d1db;line-height:1.5}
.check::before{content:"";flex:none;width:6px;height:6px;margin-top:9px;border-radius:50%;background:#3dd6f5}

/* The waiting list's "Notify me" forms (site.js sends them). */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.notify-trap{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.notify-email{outline:none;transition:border-color .2s}
.notify-email::placeholder{color:#6b7683}
.notify-email:focus-visible{border-color:#3dd6f5 !important}
.notify-email[aria-invalid="true"]{border-color:#f87171 !important}
.notify-send:disabled{opacity:.6;cursor:default;transform:none;filter:none}
.notify-send:focus-visible{outline:2px solid #3dd6f5;outline-offset:3px}
form.notify [hidden]{display:none !important}