.companion{color-scheme:light;& *{box-sizing:border-box}&{scroll-behavior:smooth;background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;margin:0;padding-bottom:65px;scroll-padding-top:28px;font-family:Arial,Helvetica,sans-serif}& a{color:inherit;text-decoration:none}& button{font:inherit;cursor:pointer}& img{max-width:100%;display:block}& h1,& h2,& h3,& p{margin:0}& h1,& h2,& h3{font-family:Aeonik,Arial,sans-serif;font-weight:500}& h1{letter-spacing:-.062em;font-size:clamp(56px,6.05vw,92px);line-height:1.01}& h2{letter-spacing:-.05em;font-size:clamp(40px,4.1vw,62px);line-height:1.06}& h3{letter-spacing:-.035em;font-size:24px;line-height:1.15}& em{letter-spacing:-.065em;font-family:Georgia,serif;font-weight:400}& p{line-height:1.6}& .wrap{width:min(1280px,100% - 104px);margin-inline:auto}& .site-header{justify-content:space-between;align-items:center;gap:30px;height:110px;display:flex}& .site-header nav{gap:32px;font-size:14px;display:flex}& .site-header nav a:hover,& .text-link:hover{text-underline-offset:5px;text-decoration:underline}& .nav-cta{border:1px solid var(--foreground);border-radius:7px;align-items:center;gap:23px;padding:12px 17px;font-size:14px;display:flex}& .eyebrow{margin-bottom:25px;font-size:12px}& .lead{color:var(--muted-foreground);font-size:18px;line-height:1.65}& .actions{align-items:center;gap:26px;margin-top:31px;display:flex}& .button{border-radius:7px;justify-content:center;align-items:center;gap:24px;min-height:50px;padding:0 22px;font-size:14px;transition:transform .2s;display:inline-flex}& .button:hover,& .nav-cta:hover{transform:translateY(-2px)}& .primary{color:var(--primary-foreground);background:var(--primary)}& .text-link{align-items:center;gap:16px;font-size:14px;display:inline-flex}& .hero{position:relative}& .start{text-align:center;border-top:1px solid var(--input);padding:84px 0 90px}& .start .actions{justify-content:center}& .micro{color:var(--muted-foreground);letter-spacing:0;margin-top:22px;font-size:11px}& .footer{border-top:1px solid var(--input);justify-content:space-between;align-items:center;gap:24px;min-height:105px;font-size:12px;display:flex}& .footer>span{color:var(--muted-foreground)}& :focus-visible{outline:2px solid var(--foreground);outline-offset:5px}& .workspace{color:var(--foreground);background:var(--card);border:1px solid var(--input);text-align:left;border-radius:12px;font-family:Arial,sans-serif;overflow:hidden}& .workspace-top{border-bottom:1px solid var(--border);height:35px;color:var(--muted-foreground);justify-content:space-between;align-items:center;padding:0 13px;font-size:9px;display:flex}& .window-controls{letter-spacing:2px;color:var(--scrollbar);font-size:9px}& .workspace-body{grid-template-columns:160px 1fr;min-height:388px;display:grid}& .workspace-sidebar{background:var(--background);border-right:1px solid var(--border);padding:19px 12px 55px;position:relative}& .workspace-name{justify-content:space-between;margin:0 8px 27px;font-size:12px;display:flex}& .sidebar-label{color:var(--muted-foreground);justify-content:space-between;margin:20px 8px 8px;font-size:8px;display:flex}& .sidebar-item{white-space:nowrap;border-radius:5px;align-items:center;gap:8px;padding:8px;font-size:10px;display:flex}& .sidebar-item.selected{background:var(--secondary)}& .sidebar-item>span:last-child{margin-left:auto}& .sidebar-item .avatar{width:22px;height:22px}& .sidebar-item .tiny-label{color:var(--muted-foreground);font-size:9px;display:none}& .sidebar-bottom{color:var(--muted-foreground);align-items:center;gap:8px;font-size:9px;display:flex;position:absolute;bottom:16px}& .human-avatar{background:var(--secondary);border:1px solid var(--input);border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:10px;display:grid}& .thread{flex-direction:column;min-width:0;display:flex}& .thread-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:17px 20px;font-size:12px;display:flex}& .thread-head small{color:var(--muted-foreground);margin-top:4px;font-size:9px;display:block}& .thread-messages{flex:1;padding:17px 20px}& .date-line{text-align:center;color:var(--muted-foreground);letter-spacing:1px;margin-bottom:18px;font-size:8px}& .message{gap:10px;margin:0 0 20px;font-size:11px;display:flex}& .message:last-child{margin-bottom:5px}& .message>div{flex:1;min-width:0}& .avatar{object-fit:contain;flex-shrink:0;width:40px;height:40px}& .message .avatar{width:28px;height:28px}& .message-meta{align-items:center;gap:6px;margin:2px 0 6px;font-size:10px;font-weight:600;display:flex}& .message-meta time{color:var(--muted-foreground);margin-left:5px;font-size:8px;font-weight:400}& .message p{font-size:11px;line-height:1.5}& .bee-label{border:1px solid var(--input);color:var(--muted-foreground);border-radius:3px;padding:2px 3px;font-size:6px}& .document{border:1px solid var(--input);background:var(--background);border-radius:7px;align-items:center;gap:10px;margin-top:13px;padding:13px 12px;display:flex}& .document-icon{font-size:27px;line-height:1}& .document strong{font-size:10px}& .document small{color:var(--muted-foreground);margin-top:5px;font-size:8px;display:block}& .document>span:last-child{margin-left:auto}& .composer{border:1px solid var(--input);color:var(--muted-foreground);border-radius:7px;justify-content:space-between;align-items:center;margin:5px 16px 16px;padding:11px 12px;font-size:9px;display:flex}& .send{background:var(--foreground);color:var(--background);border-radius:5px;padding:3px 7px;font-size:13px}& .site-header{height:105px}& .nav-cta,& .button{border-radius:999px}& .hero-companion{padding:42px 0 20px}& .companion-heading{text-align:center}& .companion-heading h1{font-size:clamp(66px,6.7vw,98px);line-height:1.02}& .companion-heading .eyebrow{margin-bottom:24px}& .companion-stage{grid-template-columns:1fr 1.35fr .88fr;align-items:center;gap:25px;min-height:422px;margin-top:15px;display:grid}& .companion-left .lead{font-size:16px;line-height:1.65}& .companion-left .actions{flex-direction:column;align-items:flex-start;gap:20px;margin-top:23px}& .hand-note{color:var(--muted-foreground);margin:38px 0 0 30px;font-family:Georgia,serif;font-size:17px;font-style:italic;line-height:1.4;display:block;transform:rotate(-6deg)}& .mascot-stage{position:relative}& .mascot{width:440px;max-width:110%;margin-left:-5%;transform:rotate(-7deg)}& .hello-label{border:1px solid var(--foreground);background:var(--background);border-radius:50%;padding:18px 24px;font-size:13px;position:absolute;bottom:13px;right:0;transform:rotate(8deg)}& .companion-right{padding-left:10px}& .mini-conversation{border:1px solid var(--input);background:var(--card);box-shadow:0 18px 30px color-mix(in srgb,var(--foreground) 4%,transparent);border-radius:13px;padding:23px 23px 0;transform:rotate(3deg)}& .mini-person{color:var(--muted-foreground);font-family:monospace;font-size:10px}& .mini-conversation>p{margin-top:15px;font-family:Georgia,serif;font-size:22px;line-height:1.4}& .mini-reply{border-top:1px solid var(--input);align-items:center;gap:9px;margin-top:20px;padding:20px 0;display:flex}& .mini-reply .avatar{width:28px;height:28px}& .mini-reply strong{font-size:11px}& .mini-reply p{margin-top:4px;font-size:10px}& .open-note{color:var(--muted-foreground);margin:34px 0 0 20px;font-size:10px;line-height:1.7;display:block}& .companion-product{border-top:1px solid var(--input);padding:75px 0 90px}& .companion-product .section-heading{text-align:center}& .companion-steps{grid-template-columns:repeat(3,1fr);gap:50px;margin:65px 0 50px;display:grid}& .companion-steps article{border-top:1px solid var(--input);padding-top:20px}& .companion-steps article>span{color:var(--muted-foreground);font-family:Georgia,serif;font-size:35px;font-style:italic}& .companion-steps h3{margin-top:18px}& .companion-steps p{color:var(--muted-foreground);margin-top:15px;font-size:14px}& .wide-demo{max-width:870px;margin:0 auto}& .wide-demo .workspace-body{grid-template-columns:230px 1fr}& .wide-demo .workspace-sidebar{padding:20px}& .wide-demo .sidebar-item{font-size:12px}& .wide-demo .sidebar-item .tiny-label{display:inline}& .wide-demo .message p{font-size:13px}& .wide-demo .thread-messages{padding:25px 35px}& .wide-demo .thread-head{padding:20px 35px}& .wide-demo .composer{margin-inline:30px}& .companion-promise{text-align:center;padding:60px 0 85px}& .companion-promise>p{margin-bottom:25px;font-size:10px}& .companion-promise .text-link{margin-top:30px}& .start{padding-block:80px}& .start h2{font-family:Georgia,serif;font-size:60px;font-style:italic}@media (width>=1500px){& .workspace-body{min-height:425px}}@media (width<=1150px){& .wrap{width:calc(100% - 64px)}& .companion-stage{grid-template-columns:1fr 1.2fr .8fr;gap:10px}& .companion-left .lead{font-size:14px}& .companion-right{padding-left:0}& .mini-conversation{padding:18px 16px 0}& .mini-conversation>p{font-size:19px}}@media (width<=850px){& .site-header nav{gap:18px}& .site-header nav a:nth-child(2){display:none}& .companion-stage{grid-template-columns:1fr 1.3fr;margin-top:30px}& .mascot{width:100%;max-width:100%;margin-left:0}& .companion-right{display:none}& .companion-left .lead{font-size:16px}& .companion-steps{gap:24px}& .footer{flex-wrap:wrap;padding-block:25px}& .footer>span{display:none}}@media (width<=600px){&{padding-bottom:76px}& .wrap{width:calc(100% - 40px)}& .site-header{gap:10px;height:86px}& .site-header nav{display:none}& .nav-cta{gap:12px;padding:10px 12px;font-size:12px}& .eyebrow{letter-spacing:.06em;margin-bottom:22px;font-size:10px}& h2{font-size:42px}& .lead br,& .workspace-sidebar{display:none}& .workspace-top{font-size:8px}& .thread-head{padding:15px 18px}& .thread-messages{padding:18px}& .message p{font-size:12px}& .message-meta{font-size:11px}& .message{margin-bottom:23px}& .message-meta time{font-size:9px}& .document strong{font-size:11px}& .document small{font-size:9px}& .composer{font-size:11px}& .start{padding:58px 0 60px}& .start .actions{flex-direction:column;gap:23px}& .footer{gap:20px;min-height:90px}& .footer>a:last-child{font-size:10px}& .site-header{height:86px}& .hero-companion{padding-top:35px}& .companion-heading .eyebrow{letter-spacing:0;font-size:9px}& .companion-heading h1{letter-spacing:-.06em;font-size:clamp(46px,11.4vw,66px)}& .companion-stage{flex-direction:column;gap:0;margin:16px 0 40px;display:flex}& .mascot-stage{order:0;width:90%;margin:-5px auto 15px}& .mascot{width:100%;max-width:100%;margin:0}& .hello-label{padding:14px 19px;font-size:11px;bottom:4px;right:0}& .companion-left{text-align:center;order:1;width:100%}& .companion-left .lead{font-size:17px}& .companion-left .lead br{display:block}& .companion-left .actions{align-items:center;gap:22px}& .hand-note{display:none}& .companion-product{padding:55px 0 40px}& .companion-product .section-heading h2{font-size:43px}& .companion-steps{grid-template-columns:1fr;gap:23px;margin:40px 0}& .companion-steps article{grid-template-columns:42px 1fr;gap:7px 20px;display:grid}& .companion-steps article>span{grid-row:1/3;font-size:30px}& .companion-steps h3{margin:0;font-size:23px}& .companion-steps p{grid-column:2;margin:0}& .companion-steps p br{display:none}& .wide-demo .workspace-body{grid-template-columns:1fr}& .wide-demo .thread-messages{padding:20px}& .wide-demo .thread-head{padding:18px 20px}& .wide-demo .composer{margin-inline:16px}& .companion-promise{padding:45px 0 65px}& .companion-promise h2{font-size:44px}& .start{padding-block:58px}& .start h2{font-size:42px}}@media (prefers-reduced-motion:reduce){&{scroll-behavior:auto}& *,& :before,& :after{transition:none!important;animation:none!important}}@media print{&{padding:0}& .wrap{width:94%}}&{background:var(--background);color:var(--foreground);padding-bottom:0}& .brand-lockup__art{width:216px;height:52px}& .footer .brand-lockup__art{width:185px;height:46px}& .hero h1{color:var(--foreground);letter-spacing:-.062em;max-width:none;font-family:Aeonik,Arial,sans-serif;font-weight:500}& .hero .eyebrow,& .eyebrow{color:var(--foreground)}& .text-link{cursor:pointer;background:0 0;border:0;padding:0}& .footer-links{flex-wrap:wrap;gap:20px;display:flex}& .get-started-dialog{color:var(--foreground);background:var(--card);border-color:var(--input)}& .get-started-dialog h2{letter-spacing:-.03em;font-size:30px}& .get-started-dialog .button--primary{background:var(--primary);color:var(--primary-foreground);box-shadow:none}& .get-started-dialog .button--secondary{background:var(--card);color:var(--foreground);border-color:var(--input);box-shadow:none}@media (width<=850px){& .brand-lockup__art{width:195px}}@media (width<=600px){& .brand-lockup__art{width:183px;height:48px}& .footer .brand-lockup__art{width:150px;height:40px}& .footer-links{gap:16px}}& .eyebrow,& .micro,& .sidebar-label,& .date-line,& .open-note,& .companion-promise>p{letter-spacing:.065em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}& .micro{letter-spacing:0}& .hero{text-align:initial;margin-inline:auto}& .lead{max-width:none;margin:0}& .hero h1{margin:0}& .eyebrow{font-weight:400}& .mascot{height:auto}& .site-header{padding:0}& .button{border:0;width:auto;line-height:1.2}& .get-started-dialog .eyebrow{margin-bottom:12px}& .get-started-dialog__success-mark{background:var(--primary);color:var(--primary-foreground)}& .get-started-dialog__back,& .waitlist-form>input::placeholder{color:var(--muted-foreground)}& .waitlist-form>input:focus{border-color:var(--foreground);box-shadow:0 0 0 3px var(--secondary)}& .get-started-dialog__choice:hover,& .get-started-dialog__choice:focus-visible{border-color:var(--foreground);background:var(--secondary)}}