.that{--that-gutter:clamp(20px, 5vw, 72px);--that-max:1440px}.that-bar{color:#fff;letter-spacing:.16em;text-align:center;text-transform:uppercase;background:#000;padding:9px 16px;font-size:10px;font-weight:600}.that .sf-head{z-index:30;min-height:72px;padding:18px var(--that-gutter);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border-bottom-color:#d9d9d9;position:sticky;top:0}.that .sf-brand img{max-height:28px}.that .sf-nav{color:#000;letter-spacing:.12em;text-transform:uppercase;gap:clamp(16px,2.2vw,34px);font-size:11px;font-weight:600}.that-hero{min-height:min(56vh,540px);padding:18px var(--that-gutter) 0;color:#fff;background:#000;flex-direction:column;display:flex;position:relative;overflow:hidden}.that-hero:before{content:"";opacity:.14;pointer-events:none;background-image:linear-gradient(#ffffff57 1px,#0000 1px),linear-gradient(90deg,#ffffff57 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}.that-hero__topline,.that-hero__copy,.that-hero__steps{width:min(100%, var(--that-max));margin-inline:auto;position:relative}.that-hero__topline{color:#ffffff94;letter-spacing:.16em;text-transform:uppercase;justify-content:space-between;gap:24px;font-size:10px;font-weight:600;display:flex}.that-hero__copy{grid-template-columns:minmax(0,1fr) minmax(240px,.32fr);align-items:end;column-gap:clamp(36px,7vw,104px);margin-block:auto;padding-block:clamp(38px,5vw,68px);display:grid}.that-hero__eyebrow{color:#ffffff9e;letter-spacing:.18em;text-transform:uppercase;grid-column:1/-1;margin:0 0 22px;font-size:11px;font-weight:600}.that-hero h1{max-width:11ch;font-family:var(--brand-font-heading);letter-spacing:-.065em;text-transform:uppercase;margin:0;font-size:clamp(48px,6.3vw,88px);font-weight:700;line-height:.87}.that-hero h1 span{color:#858585;display:block}.that-hero__lede{color:#ffffffa8;margin:0 0 34px;font-size:clamp(14px,1.25vw,17px);line-height:1.65}.that-hero__cta{color:#fff;letter-spacing:.11em;text-transform:uppercase;border-bottom:1px solid #ffffffb3;align-items:center;gap:28px;width:fit-content;padding-block:10px;font-size:12px;font-weight:600;text-decoration:none;transition:gap .18s,border-color .18s;display:inline-flex}.that-hero__cta:hover{border-color:#fff;gap:38px}.that-hero__steps{border-top:1px solid #ffffff38;grid-template-columns:repeat(3,1fr);display:grid}.that-hero__steps div{border-inline-end:1px solid #ffffff29;align-items:center;gap:18px;min-height:62px;padding:14px 24px;display:flex}.that-hero__steps div:first-child{padding-inline-start:0}.that-hero__steps div:last-child{border-inline-end:0}.that-hero__steps span{color:#ffffff61;font:500 10px/1 ui-monospace,monospace}.that-hero__steps strong{letter-spacing:.04em;font-size:12px;font-weight:500}.that-start{background:#fff;scroll-margin-top:72px}.that-start__block{width:100%;padding:clamp(64px, 8vw, 112px) max(var(--that-gutter), calc((100% - var(--that-max)) / 2));border-bottom:1px solid #d8d8d8;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:clamp(42px,8vw,120px);display:grid}.that-section-number{color:#777;letter-spacing:.16em;text-transform:uppercase;margin-bottom:26px;font-size:10px;font-weight:600;display:block}.that-start__intro h2{max-width:10ch;font-family:var(--brand-font-heading);letter-spacing:-.045em;text-transform:uppercase;margin:0 0 22px;font-size:clamp(38px,5vw,68px);font-weight:700;line-height:.96}.that-start__intro p{color:#6e6e6e;max-width:38ch;margin:0;font-size:14px;line-height:1.65}.that-start__intro .that-click-hint{color:#000;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:10px;margin-top:28px;font-size:10px;font-weight:700;display:flex}.that-click-hint span{font-size:17px;font-weight:400}.that-chips{border-top:1px solid #000;border-inline-start:1px solid #000;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.that-chips button{color:#000;border:0;border-inline-end:1px solid #000;min-height:112px;font:inherit;letter-spacing:.08em;text-align:start;text-transform:uppercase;cursor:pointer;background:#fff;border-bottom:1px solid #000;border-radius:0;justify-content:space-between;align-items:flex-end;gap:16px;padding:18px;font-size:12px;font-weight:600;transition:color .18s,background .18s;display:flex}.that-question{max-width:18ch}.that-ask-cue{color:#fff;letter-spacing:.1em;text-transform:uppercase;background:#000;flex:none;align-items:center;gap:6px;min-height:28px;padding:6px 9px;font-size:9px;font-weight:700;transition:color .18s,background .18s,transform .18s;display:inline-flex}.that-ask-cue i{font-size:10px;font-style:normal}.that-chips button:hover,.that-chips button[data-active=true]{color:#fff;background:#000}.that-chips button:hover .that-ask-cue,.that-chips button[data-active=true] .that-ask-cue{color:#000;background:#fff;transform:translateY(-2px)}.that-chips button:disabled{cursor:progress}.that-chips button:focus-visible{z-index:1;outline-offset:-4px;outline:3px solid #777;position:relative}.that-start__block--ideas{color:#fff;background:#000;border-color:#2d2d2d}.that-start__block--ideas .that-section-number,.that-start__block--ideas .that-start__intro p{color:#ffffff94}.that-start__block--ideas .that-start__intro .that-click-hint{color:#fff}.that-chips--wide{border-color:#4b4b4b;grid-template-columns:1fr}.that-chips--wide button{color:#fff;letter-spacing:0;text-transform:none;background:#000;border-color:#4b4b4b;min-height:92px;font-size:clamp(14px,1.3vw,17px);font-weight:450}.that-chips--wide .that-ask-cue,.that-chips--wide button:hover,.that-chips--wide button[data-active=true]{color:#000;background:#fff}.that-chips--wide button:hover .that-ask-cue,.that-chips--wide button[data-active=true] .that-ask-cue{color:#fff;background:#000}.that-prompt-status{padding:16px var(--that-gutter);color:#666;letter-spacing:.12em;text-align:center;text-transform:uppercase;background:#f4f4f4;border-bottom:1px solid #d8d8d8;margin:0;font-size:10px;font-weight:600}.that-labels{padding:clamp(64px, 8vw, 112px) max(var(--that-gutter), calc((100% - var(--that-max)) / 2));background:#f3f3f3;border-top:0;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:clamp(48px,8vw,120px);display:grid}.that-labels__head>span{color:#777;letter-spacing:.16em;text-transform:uppercase;margin-bottom:24px;font-size:10px;font-weight:600;display:block}.that-labels h2{color:#000;font-family:var(--brand-font-heading);letter-spacing:-.045em;text-transform:uppercase;margin:0 0 22px;font-size:clamp(38px,4.6vw,64px);font-weight:700;line-height:.97}.that-labels__head p{color:#6d6d6d;max-width:38ch;margin:0;font-size:14px;line-height:1.65}.that-labels ul{border-top:1px solid #000;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;margin:0;padding:0;list-style:none;display:grid}.that-labels li{border-bottom:1px solid #c9c9c9;padding:13px 8px 13px 0;font-size:13px}.that-labels li:nth-child(odd){border-inline-end:1px solid #c9c9c9}.that-labels li:nth-child(2n){padding-inline-start:18px}.that-foot{padding:40px var(--that-gutter) 150px;color:#ffffff94;background:#000;border-top:0;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:24px 80px;display:grid}.that-foot strong{color:#fff;letter-spacing:.12em;grid-row:1/span 2;font-size:11px}.that .sa-chat,.that .sa-card,.that .sa-sidecar,.that .sa-launcher{border-radius:0}.that .sa-chat{border:1px solid #000;width:420px;height:min(680px,100dvh - 44px);box-shadow:0 34px 90px -28px #0000007a}.that .sa-head{color:#fff;background:#000}.that .sa-head:after{background:#333}.that .sa-status{color:#ffffff9e}.that .sa-head .sa-icon{color:#ffffffad}.that .sa-head .sa-icon:hover{color:#000;background:#fff}.that .sa-logo{border-radius:0}.that .sa-logo img{width:82%;height:82%}.that .sa-log{background:#f5f5f5}.that .sa-composer{border-top-color:#d0d0d0}.that .sa-launcher{color:#fff;background:#000;border:1px solid #ffffff61;padding:10px 20px 10px 10px;box-shadow:0 26px 60px -24px #000000b8}.that .sa-launcher:before{display:none}.that .sa-launcher-mark{border-radius:0}@media (max-width:900px){.that-hero__copy,.that-start__block,.that-labels{grid-template-columns:1fr}.that-hero__copy{align-items:start}.that-hero__lede{max-width:42ch;margin-top:32px}.that-start__intro h2{max-width:13ch}.that-labels{gap:48px}}@media (max-width:640px){.that-bar{letter-spacing:.11em;padding-inline:10px;font-size:8px}.that .sf-head{min-height:62px}.that .sf-brand img{max-height:24px}.that-hero{min-height:0}.that-hero__topline span:last-child{display:none}.that-hero__copy{padding-block:42px}.that-hero h1{font-size:clamp(42px,13vw,62px)}.that-hero__steps{grid-template-columns:1fr}.that-hero__steps div{border-inline-end:0;border-bottom:1px solid #ffffff29;min-height:58px;padding:14px 0}.that-hero__steps div:last-child{border-bottom:0}.that-start__block{gap:40px;padding-block:64px}.that-chips{grid-template-columns:1fr}.that-chips button{min-height:96px}.that-labels ul{grid-template-columns:1fr}.that-labels li:nth-child(odd){border-inline-end:0}.that-labels li:nth-child(2n){padding-inline-start:0}.that-foot{grid-template-columns:1fr}.that-foot strong{grid-row:auto;margin-bottom:16px}}@media (prefers-reduced-motion:reduce){.that-hero__cta,.that-chips button,.that-ask-cue{transition:none}}
