/* Shared sup design language. The supplied character is the master artwork. */
.sup-developer-intro{padding:50px 0 10px;max-width:900px;line-height:1.8}.sup-developer-intro>img{float:right;margin:0 0 24px 30px}.sup-developer-intro h2{font-size:clamp(28px,4vw,45px);letter-spacing:-1.6px;line-height:1.1;margin:15px 0 20px}.sup-developer-intro p{color:#5e5b54;font-size:14px;margin:15px 0}.sup-developer-intro code{font-size:.88em;background:#eae6de;padding:2px 5px;border-radius:5px}.sup-footer-show{border:0;background:transparent;padding:0;font:inherit;color:inherit;text-decoration:underline;min-height:44px;cursor:pointer}.sup-conversation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}.sup-conversation-card{display:block;text-align:left;cursor:pointer}.sup-conversation-card h2{font-size:23px;line-height:1.25}.sup-thread{max-width:850px;display:grid;gap:20px}.sup-thread small{display:block;margin-top:10px}.sup-thread hr{border:0;border-top:1px solid #e4ded4;margin:22px 0}.sup-preserve{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.sup-knowledge-form textarea{border-radius:15px;min-height:280px;font:12px/1.7 ui-monospace,SFMono-Regular,monospace}.sup-knowledge-form select{width:100%;padding:12px;border-radius:12px;border:1px solid #d8d2c7;background:white}.sup-knowledge-form{margin-top:25px}
:root{--sup-paper:#f7f6f2;--sup-ink:#191919;--sup-line:#dedbd3;--sup-muted:#726e66;--sup-red:#ef4245;--paper:var(--sup-paper);--ink:var(--sup-ink);--muted:var(--sup-muted);--line:var(--sup-line);--surface:#eeece5;--accent:var(--sup-red);--red:var(--sup-red);--green:#575b53;--font:ui-rounded,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-family:var(--font);background:var(--sup-paper);color:var(--sup-ink)}
body{background:var(--sup-paper);font-family:var(--font)}.brand{font-size:32px!important;font-weight:800!important;letter-spacing:-1.8px!important;gap:9px}.brand-icon,.record-mark{display:inline-block;width:40px!important;height:36px!important;background:transparent url('/assets/sup.png') center/contain no-repeat!important;border:0!important;box-shadow:none!important;border-radius:0!important}.brand-icon i{display:none}.site-header{height:110px}.main-nav{gap:32px}.main-nav .nav-login{border:1.5px solid #191919;border-radius:30px;padding:0 22px;color:#191919}.main-nav a{font-size:13px}.wrap{width:min(1190px,calc(100% - 96px))}.hero{display:grid;grid-template-columns:1.1fr 1fr;text-align:left;align-items:center;gap:50px;padding:72px 0 112px}.hero .eyebrow{justify-content:flex-start;letter-spacing:.1em;font-size:10px;font-weight:650;margin-bottom:32px}.hero h1{font-size:clamp(58px,6.7vw,94px);font-weight:750;letter-spacing:-.07em;line-height:1.01;margin-bottom:28px}.hero h1 span{color:#97938a}.hero-description{font-size:17px;line-height:1.65;color:#66625b;margin-bottom:30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{border-radius:30px;min-height:52px;padding:14px 24px;font-size:13px;font-weight:650;gap:30px}.button-dark{background:#191919}.button-outline{border:1.5px solid #c9c4ba;background:transparent;color:#191919}.hero-footnote{font-size:11px;color:#8c877e;margin-top:20px}.status-dot{background:#191919}.sup-hero-character{position:relative;padding-top:80px;isolation:isolate}.sup-hero-character:before{content:"";position:absolute;z-index:-1;inset:30px -22px 5px;border-radius:50%;background:radial-gradient(ellipse,#e9e6de 15%,transparent 68%)}.sup-hero-character>img{display:block;position:relative;width:100%;height:auto;filter:drop-shadow(0 17px 6px #17171713);transform:rotate(-3deg)}.hero-speech{position:absolute;left:2%;top:1%;background:white;padding:24px 28px;border:2px solid #191919;border-radius:30px 30px 5px 30px;box-shadow:0 5px 0 #191919;font:17px ui-monospace,SFMono-Regular,Menlo,monospace;transform:rotate(-4deg);z-index:1;white-space:nowrap}.hero-cursor{opacity:.3;font-size:15px}.hero-dock-label{margin:28px auto 0;display:flex;align-items:center;justify-content:center;gap:13px;font:10px ui-monospace,SFMono-Regular,monospace;color:#858075}.hero-sup{color:white;background:#191919;border-radius:14px 14px 14px 4px;font-size:21px;font-family:var(--font);font-weight:800;letter-spacing:-1.5px;padding:5px 13px}.hero-record{width:15px;height:15px;background:var(--sup-red);border-radius:50%;box-shadow:0 0 0 7px white,0 0 0 8.5px #191919;margin:0 7px}
.product-section{padding-top:0}.product-demo{border:1.5px solid #d4cfc3;border-radius:26px;box-shadow:0 5px 0 #e8e4da;background:#eeece5}.demo-topline{padding:17px 26px;background:#efede6}.demo-workspace{min-height:365px}.demo-app{border:1.5px solid #dbd7cd;border-radius:18px;margin:30px 0 30px 30px}.sample-logo{background:#191919;color:white;border:0;border-radius:6px}.sample-content h2{font-weight:700}.sample-recording{background:#f5f3ed}.demo-evidence{padding:42px 42px 25px}.demo-evidence blockquote{font-weight:600;font-size:31px;letter-spacing:-1.2px}.evidence-context{border-radius:14px}.demo-steps{padding:0 24px}.demo-steps button{font-size:12px;min-height:58px}.demo-label{font-size:10px}.demo-description{font-size:12px;margin-top:20px}.demo-disclosure{font-size:10px;color:#8a857a}.benefits{gap:35px;padding:90px 0}.benefits article{padding:25px 0 0;border-top:1.5px solid #c9c4ba}.benefit-index{font-size:10px;color:#8b8579;margin-bottom:30px;letter-spacing:.04em}.benefits h2{font-size:27px;font-weight:650;letter-spacing:-1px;line-height:1.15;margin-bottom:20px}.benefits p{font-size:14px;line-height:1.8;max-width:295px}.access-section{border-top:0;background:#ece9e1;border-radius:32px;padding:55px 58px;gap:80px;margin-bottom:45px}.access-copy{position:relative}.access-copy h2{font-size:60px;font-weight:700;letter-spacing:-3px}.access-copy .eyebrow{font-size:10px;line-height:1.7}.access-copy>p:not(.eyebrow){font-size:14px;max-width:290px}.access-robot{width:135px;height:auto;display:block;margin:32px 0 -15px;transform:rotate(-7deg)}.early-access-form{padding-top:13px}.early-access-form h3{font-size:27px;font-weight:650;letter-spacing:-1px}.form-intro{font-size:13px}.early-access-form input,.early-access-form select{border-radius:12px;background:#fdfcf9;border-color:#d6d0c5;height:49px;font-size:14px}.early-access-form label{font-size:12px}.form-privacy{font-size:11px}.privacy-line{border-top:0;font-size:11px;padding-bottom:35px}.site-footer{border-color:#d8d3c9}.footer-top .brand{font-size:28px!important}.footer-bottom{font-size:10px}.footer-top nav{font-size:12px}.subpage-hero,.policy-intro{padding-top:70px}.subpage-hero h1,.policy-intro h1{font-size:64px;font-weight:700;letter-spacing:-3px}.docs-note,.docs-cta,.policy-facts>div{border-radius:22px;background:#ebe8df}.docs-section h2{font-weight:650}.docs-section pre{border:1px solid #d8d2c6;border-radius:18px;background:#eeebe3}.show-sup{background:none;border:0;text-decoration:underline;color:#736d61;font:inherit;cursor:pointer}
/* Private workspace uses the same paper, rounded black controls, and mascot. */
.login-story{background:#eeebe3}.login-story h1{font-weight:700;font-size:clamp(44px,5vw,78px);letter-spacing:-4px}.login-story h1 em{color:#918b7f}.login-story .soundline{background:url('/assets/sup.png') left bottom/contain no-repeat;width:260px;height:230px;margin:40px 0}.soundline span{display:none}.login-form-wrap{background:#faf9f5}.login-form h2{font-weight:700}.field input,.field select,.field textarea,.search-input,.filter{border-radius:13px;background:#fffefa;border-color:#d6d1c6;min-height:44px}.primary,.secondary,.danger{border-radius:14px;min-height:44px;font-weight:600}.sidebar{background:#ebe8df;border-color:#d8d2c6}.sidebar .brand{padding-left:5px}.nav button{border-radius:13px;min-height:44px;color:#766f62}.nav button.active{background:#191919;color:white;box-shadow:0 3px 0 #c8c1b5}.nav button.active svg{stroke:white}.workspace-name{color:#8d8577}.usage-small{color:#8a8275}.avatar{background:#d9d2c4}.usage-small progress::-webkit-progress-value{background:#333}.main{padding-bottom:130px}h1{font-weight:700;letter-spacing:-1.5px}.session-list,.card,.transcript-card,.context-card{border-radius:22px;border-color:#ded8cc}.session-row:hover{background:#f7f4eb}.small-record{background:#191919}.session-row{padding:24px}.badge{border-radius:8px;background:#f0eee7;color:#6b655a}.empty:before{content:"";display:block;width:80px;height:75px;background:url('/assets/sup.png') center/contain no-repeat;margin:0 auto 20px}.empty-symbol{display:none}.empty h3{color:#191919}.toast{background:#191919;border-radius:18px}.dialog{border:2px solid #191919;border-radius:24px;background:#faf9f6}.phone-frame{border-radius:26px;border-color:#ddd7cb}.topline{color:#8a8376}.note{color:#81796c}.sup-inbox-message{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.7;padding:16px 20px;margin:12px 0!important;border:1px solid #e0d9cc;border-radius:20px;background:#f6f3eb}.sup-inbox-message.user{background:#202020;color:white;margin-left:35px!important}.sup-inbox-meta{font-size:11px;color:#8a8173;margin-top:10px!important}.knowledge-form textarea{display:block;width:100%;min-height:260px;resize:vertical;padding:16px;font:13px/1.7 ui-monospace,monospace;border:1px solid #d6d1c6;border-radius:16px;background:#fffefa}.knowledge-form .form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.knowledge-release{padding:18px 0;border-top:1px solid #e0d9cc}.knowledge-release>div{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.knowledge-release p{font-size:12px;color:#807669;line-height:1.7;margin:8px 0}.knowledge-release button{margin:8px 8px 0 0}.sup-summary{background:#eae6dc;border-radius:18px;padding:18px!important;margin-bottom:22px!important}.field textarea{width:100%;padding:12px}.sup-owner-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}
@media(min-width:1500px){.hero{padding:95px 0 130px}.hero h1{font-size:99px}.sup-hero-character{padding-top:70px}}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.hero{gap:20px;padding-top:60px}.hero h1{font-size:66px}.hero-speech{font-size:14px;padding:18px 20px;left:0;top:10px}.hero-description{font-size:15px}.hero-actions{gap:8px}.button{font-size:12px;padding:12px 18px;gap:16px}.hero-dock-label>span:last-child{font-size:9px}.access-section{gap:35px;padding:40px}.access-copy h2{font-size:52px}.benefits h2{font-size:24px}.login-story h1{letter-spacing:-2.5px}.nav{gap:5px}.main{padding-bottom:130px}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.site-header{height:82px}.brand{font-size:28px!important}.brand-icon{width:34px!important;height:32px!important}.hero{grid-template-columns:1fr;text-align:center;gap:38px;padding:42px 0 65px}.hero .eyebrow{justify-content:center;font-size:9px;letter-spacing:.08em;margin-bottom:25px}.hero h1{font-size:clamp(54px,12.7vw,78px);letter-spacing:-.065em}.hero-description{font-size:15px}.hero-actions{justify-content:center}.hero-footnote{font-size:10px}.sup-hero-character{width:min(370px,90%);margin:auto;padding-top:67px}.hero-speech{font-size:14px;left:0;top:0}.hero-dock-label{margin-top:20px}.sup-hero-character:before{inset:20px 0}.main-nav .nav-login{border-radius:25px}.demo-workspace{grid-template-columns:1fr}.demo-app{margin:20px 20px 0}.demo-evidence{padding:30px}.demo-evidence blockquote{font-size:27px;margin:20px 0}.demo-topline{padding:15px 18px;font-size:10px}.demo-label{font-size:9px}.demo-steps{padding:0 12px}.demo-steps button{font-size:11px}.demo-steps button span{margin-right:4px}.benefits{grid-template-columns:1fr;gap:35px;padding:60px 0}.benefits article{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;padding-top:20px}.benefit-index{grid-column:1/-1;margin-bottom:16px}.benefits h2{font-size:24px;margin:0}.benefits p{font-size:13px}.access-section{grid-template-columns:1fr;padding:30px 25px;gap:30px;border-radius:25px}.access-copy h2{font-size:54px}.access-robot{position:absolute;width:85px;right:0;bottom:5px;margin:0}.access-copy>p:not(.eyebrow){max-width:245px;padding-right:15px;font-size:13px}.access-copy .inline-link{font-size:12px}.form-row{grid-template-columns:1fr}.privacy-line{font-size:10px;gap:10px;flex-direction:column}.footer-top{align-items:flex-start}.footer-top nav{gap:15px;font-size:11px;flex-wrap:wrap}.footer-bottom{font-size:9px}.site-footer{padding-bottom:125px}.subpage-hero h1,.policy-intro h1{font-size:47px;letter-spacing:-2px}.subpage-hero{padding-top:40px}.login-story .soundline{display:block;width:140px;height:125px;margin:20px 0 0}.login-story{min-height:300px}.login-story h1{font-size:43px;margin-top:25px}.login-story>div{display:grid;grid-template-columns:1fr auto;align-items:end}.login-story .eyebrow{grid-column:1/-1}.login-story .soundline{grid-column:2;grid-row:2}.login-story h1{grid-column:1;grid-row:2}.nav button{font-size:11px}.nav svg{width:14px}.knowledge-form .form-row{grid-template-columns:1fr}.sup-owner-toolbar{gap:8px}.main{padding-bottom:135px}.sup-inbox-message.user{margin-left:18px!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Public support and legal pages retain Sup's paper-and-ink design. */
.publisher-row{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:28px 0;border-top:1px solid var(--sup-line);margin-top:25px}.publisher-mark{display:block;flex:0 0 180px;min-height:44px}.publisher-mark img{display:block;width:180px;height:auto}.publisher-row p{margin:0;font-size:12px;line-height:1.8;color:var(--sup-muted);text-align:right}.publisher-row a{color:var(--sup-ink)}.public-document{padding-bottom:50px}.public-document .docs-main{min-width:0}.public-document .docs-section p,.public-document .docs-section a,.publisher-row p{overflow-wrap:anywhere}.public-document .docs-note p:last-child{margin-bottom:0}.public-document strong{font-weight:650}.public-document .docs-section{scroll-margin-top:25px}
@media(max-width:700px){.footer-top{gap:22px;flex-wrap:wrap}.publisher-row{align-items:flex-start;flex-direction:column;gap:18px}.publisher-mark{flex-basis:auto}.publisher-row p{text-align:left}.public-document{padding-bottom:25px}}