.landing{--gutter:16px;--header-height:3.5rem}@media (min-width:640px){.landing{--gutter:32px}}@media (min-width:1024px){.landing{--header-height:4.5rem}}@media (min-width:1280px){.landing{--gutter:64px}}.landing ::selection{background:var(--cuadra-brand);color:var(--cuadra-on-brand)}.landing [data-session-only]{display:none}.landing[data-session] [data-session-only]{display:inline-flex}.landing[data-session] [data-anonymous-only]{display:none}.landing-wrap{width:min(100% - 2 * var(--gutter), 96rem);margin-inline:auto}.landing-section{padding-block:clamp(4.5rem,10vw,9rem)}.landing-display{letter-spacing:-.04em;text-wrap:balance;font-size:clamp(2.75rem,1rem + 6.2vw,6.5rem);font-weight:550;line-height:.98}.landing-h2{letter-spacing:-.04em;text-wrap:balance;font-size:clamp(2.25rem,5vw,4.75rem);font-weight:550;line-height:1.02}.landing-h3{letter-spacing:-.03em;font-size:clamp(1.5rem,2.3vw,2.125rem);font-weight:550;line-height:1.12}.landing-lead{text-wrap:pretty;font-size:clamp(1.0625rem,1.35vw,1.3125rem);line-height:1.42}.landing :is([id],a){scroll-margin-top:calc(var(--header-height) + 1.5rem)}.landing-link{text-underline-offset:4px;text-decoration-line:underline;text-decoration-color:#0000;text-decoration-thickness:1px;transition:text-decoration-color .16s ease-out}.landing-link:hover{text-decoration-color:currentColor}.landing-button{background-image:linear-gradient(var(--cuadra-button-end), color-mix(in srgb, var(--cuadra-button-end) 88%, var(--cuadra-navy-deep)));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--cuadra-on-brand) 22%, transparent);white-space:nowrap;transition:filter .16s ease-out,transform .12s ease-out}.landing-button:hover{filter:brightness(1.08)}.landing-button:active{transform:translateY(1px)}.landing-button-inverse{background-image:none;background-color:var(--cuadra-navy-deep);box-shadow:none}.landing-header{z-index:50;height:var(--header-height);color:var(--cuadra-text-primary);transition:color .2s ease-out;position:fixed;inset:0 0 auto}.landing-header:before{content:"";z-index:-1;border-bottom:1px solid var(--cuadra-hairline);background-color:var(--cuadra-navy);transition:opacity .2s ease-out,background-color .2s ease-out;position:absolute;inset:0}.landing[data-live] .landing-header:before{opacity:0;background-color:var(--cuadra-background)}.landing[data-live] .landing-header[data-glass]:before{opacity:1}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.landing[data-live] .landing-header:before{background-color:color-mix(in srgb, var(--cuadra-background) 76%, transparent);-webkit-backdrop-filter:blur(20px)saturate(170%);backdrop-filter:blur(20px)saturate(170%)}}@media (max-width:399px){.header-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.landing-hero{padding-top:var(--header-height);flex-direction:column;display:flex;overflow-x:clip}.landing-hero-body{flex-direction:column;flex-grow:1;justify-content:space-between;gap:clamp(1rem,3.5vh,2rem);padding-top:clamp(.75rem,4vh,3rem);padding-bottom:clamp(1rem,4vh,2.5rem);display:flex}.hero-title{z-index:1;font-size:min(clamp(2.75rem,1rem + 6.2vw,6.5rem),max(2.25rem,14.5svh));position:relative}.hero-line{display:block}.hero-mask,.hero-rise{white-space:nowrap;display:inline-block}.hero-dot{color:var(--cuadra-brand)}@media (max-width:639px) and (min-height:480px){.hero-title{font-size:min(13vw,3.75rem)}.hero-line{display:contents}.hero-mask{display:block}}.hero-copy{flex-direction:column;align-items:flex-start;gap:1.25rem;display:flex}.hero-actions{flex-direction:column;align-items:flex-start;gap:.75rem;display:flex}.hero-note{margin-top:.75rem}@media (min-width:640px){.hero-actions{flex-direction:row;align-items:center;gap:1.25rem}}@media (min-width:900px){.landing-hero{min-height:min(100svh,62rem)}.hero-copy{flex-direction:row;justify-content:space-between;align-items:center;gap:2rem}.hero-actions{flex-shrink:0}}.ledger{position:relative;container-type:inline-size}.ledger-sheet{--ops-size:min(2.25rem, 100cqw / 10, max(1.5rem, 6svh));--total-size:min(3.25rem, 100cqw / 8, max(2.25rem, 11svh));--rule:max(1.75rem, var(--total-size) * .5);--ink-soft:color-mix(in srgb, var(--cuadra-text-primary) 72%, transparent);font-variant-numeric:tabular-nums;white-space:nowrap;flex-direction:column;gap:.25rem;font-weight:300;display:flex;position:relative}.ledger-sheet:before{--line:color-mix(in srgb, var(--cuadra-text-primary) 7%, transparent);content:"";z-index:0;top:calc(var(--rule) * -3);background-image:linear-gradient(to right, var(--line) 1px, transparent 1px), linear-gradient(to bottom, var(--line) 1px, transparent 1px);background-position:bottom;background-size:var(--rule) var(--rule);pointer-events:none;width:100vw;position:absolute;bottom:0;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#0000,#000 45%);mask-image:linear-gradient(#0000,#000 45%)}.ledger-ops,.ledger-total{z-index:1;width:fit-content;position:relative}.ledger-ops{font-size:var(--ops-size);letter-spacing:-.02em;line-height:1.15}.ledger-op{color:var(--ink-soft)}.ledger-total{padding-bottom:calc(var(--total-size) * .14);font-size:var(--total-size);letter-spacing:-.03em;line-height:1.08}.ledger-total:after{content:"";border-block:2px solid var(--cuadra-brand);transform-origin:0;border-bottom-width:1px;height:5px;position:absolute;bottom:0;left:0;right:0}@container (min-width:56rem){.ledger-sheet{--ops-size:min(2.625rem, 100cqw / 24, max(1.5rem, 6svh));--total-size:min(5.25rem, 100cqw / 12.7, max(2.5rem, 11.5svh));align-items:baseline;gap:calc(var(--ops-size) * .34);flex-direction:row}}.d{display:inline-block;position:relative}.amend-holder{container-type:inline-size}.amend{border-bottom:1px solid var(--cuadra-hairline);font-variant-numeric:tabular-nums;letter-spacing:-.03em;white-space:nowrap;padding-bottom:.14em;font-size:min(5rem,14.2857cqw);font-weight:300;line-height:1.08}.fix{color:var(--cuadra-brand-text)}.step-number{border:1px solid var(--cuadra-brand-border);width:2.75rem;height:2.75rem;color:var(--cuadra-brand-text);border-radius:10px;justify-content:center;align-items:center;font-size:1.25rem;font-weight:400;display:flex}.flow-step{position:relative}.flow-step:before{content:"";background:color-mix(in srgb, var(--cuadra-text-primary) 16%, transparent);transform-origin:0;height:1px;position:absolute;top:0;left:0;right:0}.review-paper{border-radius:8px;padding:.5rem .625rem;position:absolute;top:1.25rem;right:1.25rem}@media (max-width:479px){.review-paper{width:fit-content;margin-bottom:.875rem;position:static}}.landing-procard{background:linear-gradient(160deg, var(--cuadra-navy), var(--cuadra-navy-deep))}.swap{display:inline-block;position:relative}.swap-from{display:none}.swap-to{display:inline-block}.product-section{overflow-x:clip}.product-stage{flex-direction:column;gap:1rem;display:flex}.product-phone{width:min(100%,20rem)}.panel-sidebar{width:11rem;padding:1.25rem .75rem}@media (min-width:1024px){.product-stage{padding-top:4rem;display:block;position:relative}.product-phone{z-index:1;width:19rem;position:absolute;top:0;left:0}.product-panel{margin-left:15rem;margin-right:calc(50% - 50vw)}.product-panel>*{border-top-right-radius:0;border-bottom-right-radius:0}.panel-sidebar{box-sizing:content-box;padding-left:5.5rem}}.seniat-slot{border:1px dashed color-mix(in srgb, var(--cuadra-text-primary) 45%, transparent);border-radius:var(--radius-hero);padding:1.5rem}.closing{background:var(--cuadra-brand);color:var(--cuadra-navy-deep);padding-block:clamp(4rem,9vw,8rem)}.closing :focus-visible{outline-color:var(--cuadra-navy-deep)}.closing-grid{flex-direction:column;gap:3rem;display:flex}.closing-title{letter-spacing:-.045em;font-size:clamp(4rem,10vw,9.5rem);font-weight:500;line-height:.94}.motif{flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:.375rem;width:clamp(7rem,15vw,12.5rem);display:grid}.motif>span{aspect-ratio:1;border-radius:22%}.motif-deep{background:var(--cuadra-navy-deep)}.motif-mid{background:color-mix(in srgb, var(--cuadra-navy-deep) 28%, var(--cuadra-brand))}.motif-bright{background:var(--cuadra-cyan-light)}@media (min-width:1024px){.closing-grid{flex-direction:row;justify-content:space-between;align-items:flex-end}}@media screen and (prefers-reduced-motion:no-preference){:root:has(.landing){scroll-behavior:smooth}.hero-mask{clip-path:inset(-.12em -.12em -.24em)}.hero-rise{animation:title-rise .68s cubic-bezier(.16, 1, .3, 1) var(--at,0s) backwards}.hero-mask-fall{clip-path:inset(0 -.12em -.24em)}.hero-mask-fall .hero-rise{animation:.72s cubic-bezier(.16,1,.3,1) .46s backwards title-fall}.hero-dot{animation:.48s ease-out 1.7s backwards dot-lights}@keyframes title-rise{0%{transform:translateY(125%)}}@keyframes title-fall{0%{transform:translateY(-125%)}}@keyframes dot-lights{0%{color:var(--cuadra-text-primary)}}.ruled-title[data-state]{clip-path:inset(-.08em -.12em -.24em);position:relative}.ruled-inner{display:block}.ruled-title[data-state=armed] .ruled-inner{transform:translateY(125%)}.ruled-fall[data-state=armed] .ruled-inner{transform:translateY(-125%)}.ruled-title[data-state=play] .ruled-inner{animation:.76s cubic-bezier(.16,1,.3,1) .22s backwards title-rise}.ruled-fall[data-state=play] .ruled-inner{animation-name:title-fall}.ruled-title[data-state=play]:after{content:"";opacity:0;transform-origin:0;background:currentColor;height:1px;animation:1.1s ease-out rule-passes;position:absolute;bottom:-.1em;left:0;right:0}.ruled-fall[data-state=play]:after{top:-.04em;bottom:auto}@keyframes rule-passes{0%{opacity:.35;transform:scaleX(0)}40%{opacity:.35;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}.num{--base:0s;--step:55ms;--dur:.82s}.num>*{--delay:calc(var(--base) + var(--i,0) * var(--step))}.num>:first-child{--i:0}.num>:nth-child(2){--i:1}.num>:nth-child(3){--i:2}.num>:nth-child(4){--i:3}.num>:nth-child(5){--i:4}.num>:nth-child(6){--i:5}.num>:nth-child(7){--i:6}.num>:nth-child(8){--i:7}.num>:nth-child(9){--i:8}.num>:nth-child(10){--i:9}.num>:nth-child(11){--i:10}.num>:nth-child(12){--i:11}.num>:nth-child(13){--i:12}.num>:nth-child(14){--i:13}.num-usd{--base:.42s}.num-rate{--base:.64s}.num-total{--base:1.06s;--step:48ms}.num-today{--base:.76s;--step:36ms;--dur:.7s}:is(.roll-now,[data-state=play] .roll) .d{clip-path:inset(0 -.1em);animation:digit-ghost var(--dur) linear var(--delay) backwards}:is(.roll-now,[data-state=play] .roll) .d:before{content:"0\a 1\a 2\a 3\a 4\a 5\a 6\a 7\a 8\a 9\a 0\a 1\a 2\a 3\a 4\a 5\a 6\a 7\a 8\a 9";color:var(--cuadra-text-primary);text-align:center;white-space:pre;animation:digit-spin var(--dur) cubic-bezier(.16, 1, .3, 1) var(--delay) both;position:absolute;top:0;left:0;right:0}.d[data-d="1"]:before{--n:1}.d[data-d="2"]:before{--n:2}.d[data-d="3"]:before{--n:3}.d[data-d="4"]:before{--n:4}.d[data-d="5"]:before{--n:5}.d[data-d="6"]:before{--n:6}.d[data-d="7"]:before{--n:7}.d[data-d="8"]:before{--n:8}.d[data-d="9"]:before{--n:9}@keyframes digit-ghost{0%,99.9%{color:#0000}}@keyframes digit-spin{0%{opacity:0;transform:translateY(calc(var(--n,0) * -5%))}12%{opacity:1}99.9%{opacity:1;transform:translateY(calc((10 + var(--n,0)) * -5%))}to{opacity:0;visibility:hidden;transform:translateY(calc((10 + var(--n,0)) * -5%))}}.ledger .sep{animation:glyph-in .26s ease-out var(--delay) backwards}.ledger-op-times{animation:.26s ease-out .6s backwards glyph-in}.ledger-op-equals{animation:.26s ease-out .96s backwards glyph-in}@keyframes glyph-in{0%{opacity:0}}.ledger-total:after{animation:.62s cubic-bezier(.16,1,.3,1) 1.7s backwards total-lights}@keyframes total-lights{0%{opacity:.25;transform:scaleX(0)}}[data-state=armed] .fix-first{color:var(--cuadra-negative);transform:translate(100%,9%)rotate(6deg)}[data-state=armed] .fix-second{color:var(--cuadra-negative);transform:translate(-100%,-11%)rotate(-7deg)}[data-state=play] .fix-first{animation:.86s cubic-bezier(.65,0,.2,1) .65s backwards fix-first}[data-state=play] .fix-second{animation:.86s cubic-bezier(.65,0,.2,1) .65s backwards fix-second}@keyframes fix-first{0%{color:var(--cuadra-negative);transform:translate(100%,9%)rotate(6deg)}55%{transform:translate(46%,-24%)rotate(0)}}@keyframes fix-second{0%{color:var(--cuadra-negative);transform:translate(-100%,-11%)rotate(-7deg)}55%{transform:translate(-46%,24%)rotate(0)}}.at-1{--at:.14s}.at-2{--at:.28s}.at-3{--at:.42s}.at-4{--at:.56s}.at-5{--at:.7s}.at-6{--at:.84s}.flow-step[data-state] .step-number{transition:color .3s ease-out,border-color .3s ease-out}.flow-step[data-state=armed] .step-number{border-color:var(--cuadra-hairline);color:var(--cuadra-text-secondary)}[data-state=armed] :is(.in-pop,.in-rise,.in-chat,.in-wipe,.in-field,.in-paper,.in-check,.in-over,.in-print){opacity:0}[data-state=play] .in-pop{animation:in-pop .42s cubic-bezier(.16, 1, .3, 1) var(--at,0s) backwards}[data-state=play] .in-rise{animation:in-rise .56s cubic-bezier(.16, 1, .3, 1) var(--at,0s) backwards}[data-state=play] .in-chat{transform-origin:100% 100%;animation:.52s cubic-bezier(.16,1,.3,1) .12s backwards in-chat}[data-state=play] .in-wipe{animation:in-wipe .52s cubic-bezier(.65, 0, .2, 1) var(--at,0s) backwards}[data-state=play] .in-field{animation:.38s ease-out backwards in-field}[data-state=play] .in-field:first-child{animation-delay:.3s}[data-state=play] .in-field:nth-child(2){animation-delay:.43s}[data-state=play] .in-field:nth-child(3){animation-delay:.56s}[data-state=play] .in-paper{animation:.56s cubic-bezier(.16,1,.3,1) .1s backwards in-paper}[data-state=play] .in-check{animation:.32s ease-out backwards in-field}[data-state=play] .in-check svg{animation:.36s cubic-bezier(.34,1.4,.64,1) backwards in-tick;animation-delay:inherit}[data-state=play] .in-check:first-child{animation-delay:.62s}[data-state=play] .in-check:nth-child(2){animation-delay:.9s}[data-state=play] .in-check:nth-child(3){animation-delay:1.18s}[data-state=play] .in-over{animation:.6s cubic-bezier(.16,1,.3,1) 1.52s backwards in-rise}[data-state=play] .in-print{animation:.9s cubic-bezier(.3,.7,.2,1) .26s backwards in-print}@keyframes in-pop{0%{opacity:0;transform:scale(.94)}}@keyframes in-rise{0%{opacity:0;transform:translateY(1.5rem)}}@keyframes in-chat{0%{opacity:0;transform:translate(1.25rem,.75rem)scale(.92)}}@keyframes in-wipe{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}@keyframes in-field{0%{opacity:0;transform:translate(-.5rem)}}@keyframes in-paper{0%{opacity:0;transform:translate(1.5rem,-.75rem)}}@keyframes in-tick{0%{transform:scale(0)}}@keyframes in-print{0%{opacity:1;clip-path:inset(0 0 100%);transform:translateY(-.75rem)}to{opacity:1;clip-path:inset(0 0 -2rem);transform:none}}.product-phone[data-state=armed],.product-panel[data-state=armed]{opacity:0}.product-phone[data-state=play]{animation:.7s cubic-bezier(.16,1,.3,1) backwards stage-phone}.product-panel[data-state=play]{animation:.7s cubic-bezier(.16,1,.3,1) .14s backwards stage-panel}@keyframes stage-phone{0%{opacity:0;transform:translateY(2.5rem)}}@keyframes stage-panel{0%{opacity:0;transform:translate(2.5rem)}}:is([data-state=armed],[data-state=play]) .swap-from{white-space:nowrap;display:block;position:absolute;top:0}.swap-start>.swap-from{left:0}.swap-end>.swap-from{right:0}[data-state=armed] .swap-to,[data-state=armed] .product-late{opacity:0}[data-state=play] .swap-from{animation:.32s ease-in .72s both swap-out}[data-state=play] .swap-to{animation:.38s cubic-bezier(.16,1,.3,1) .76s backwards swap-in}[data-state=play] .product-late{animation:.4s ease-out 1.5s backwards glyph-in}[data-state=play] .swap-to:has(>.roll){animation:60ms linear .76s backwards glyph-in}@keyframes swap-out{to{opacity:0;visibility:hidden;transform:translateY(-60%)}}@keyframes swap-in{0%{opacity:0;transform:translateY(60%)}}.motif>:first-child{--x:-38%;--y:62%;--r:-14deg;--i:0}.motif>:nth-child(2){--x:26%;--y:-48%;--r:11deg;--i:4}.motif>:nth-child(3){--x:-22%;--y:40%;--r:8deg;--i:8}.motif>:nth-child(4){--x:58%;--y:-72%;--r:18deg;--i:15}.motif>:nth-child(5){--x:44%;--y:30%;--r:-9deg;--i:1}.motif>:nth-child(6){--x:-30%;--y:-36%;--r:13deg;--i:5}.motif>:nth-child(7){--x:34%;--y:52%;--r:-12deg;--i:9}.motif>:nth-child(8){--x:-46%;--y:24%;--r:7deg;--i:12}.motif>:nth-child(9){--x:-52%;--y:-30%;--r:10deg;--i:2}.motif>:nth-child(10){--x:28%;--y:44%;--r:-15deg;--i:6}.motif>:nth-child(11){--x:-36%;--y:-54%;--r:9deg;--i:10}.motif>:nth-child(12){--x:50%;--y:34%;--r:-8deg;--i:13}.motif>:nth-child(13){--x:24%;--y:58%;--r:12deg;--i:3}.motif>:nth-child(14){--x:-42%;--y:46%;--r:-10deg;--i:7}.motif>:nth-child(15){--x:38%;--y:-28%;--r:14deg;--i:11}.motif>:nth-child(16){--x:-26%;--y:60%;--r:-7deg;--i:14}.motif[data-state=armed]>span{opacity:.35;transform:translate(var(--x), var(--y)) rotate(var(--r))}.motif[data-state=play]>span{animation:motif-fit .62s cubic-bezier(.16, 1, .3, 1) calc(.12s + var(--i) * 70ms) backwards}@keyframes motif-fit{0%{opacity:.35;transform:translate(var(--x), var(--y)) rotate(var(--r))}}@supports (animation-timeline:view()){.flow-step:not([data-state=play]):before{animation:linear both line-draws;animation-timeline:view();animation-range:entry entry 16vh}@keyframes line-draws{0%{transform:scaleX(0)}}}}@media print{.landing-header{position:static}.landing-hero{padding-top:0}}@media (prefers-reduced-motion:reduce){.landing-header,.landing-header:before{transition:none}}::view-transition-old(root){display:none}::view-transition-new(root){animation:none}