:root{color-scheme:dark;--bg:#0d1117;--panel:#141b25;--panel-2:#192330;--line:#2a3545;--line-light:#3a4b5f;--text:#edf3f8;--muted:#b1c1d5;--mint:#8de4bd;--mint-dark:#10271b;--blue:#a8c9ef;--max:1520px;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none;text-underline-offset:.22em}button{font:inherit}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}img{display:block}::selection{background:var(--mint);color:var(--mint-dark)}*{scrollbar-color:#3b4b5d var(--bg);scrollbar-width:thin}a:focus-visible,button:focus-visible{outline:2px solid var(--mint);outline-offset:4px}.skip-link{position:absolute;top:-60px;left:20px;z-index:100;background:var(--mint);color:var(--mint-dark);padding:10px 16px;border-radius:6px}.skip-link:focus{top:12px}
.site-header{border-bottom:1px solid var(--line);position:relative;z-index:4}.header-inner{max-width:var(--max);padding:0 5%;min-height:80px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:21px;font-weight:680;letter-spacing:-.03em;white-space:nowrap}.site-header nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:560;color:var(--muted)}.site-header nav>a:hover,.text-link:hover,.site-footer a:hover{color:var(--mint)}.site-header .nav-action{display:inline-flex;align-items:center;gap:10px;background:var(--mint);color:var(--mint-dark);border-radius:8px;padding:11px 17px;font-weight:680;min-height:44px}.site-header .nav-action:hover{background:#a5f2d0;color:var(--mint-dark)}
.hero{max-width:var(--max);margin:auto;padding:66px 5% 92px;min-height:690px;display:grid;grid-template-columns:minmax(400px,.83fr) minmax(680px,1.32fr);gap:clamp(34px,4vw,66px);align-items:center}.hero-copy{padding-bottom:20px}.hero h1{font-size:clamp(45px,4.5vw,72px);line-height:1.08;letter-spacing:-.038em;font-weight:680;margin:0 0 27px;max-width:650px;text-wrap:balance}.hero h1 span{color:var(--mint)}.hero-copy>p:not(.hero-note){font-size:clamp(17px,1.35vw,20px);line-height:1.55;color:var(--muted);margin:0;max-width:570px}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:34px}.button{min-height:50px;border:1px solid transparent;padding:12px 20px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:14px;cursor:pointer;font-size:15px;font-weight:680;line-height:1.3;text-align:center;transition:background .16s ease-out,color .16s ease-out,border-color .16s ease-out,transform .2s cubic-bezier(.2,.8,.2,1)}.button:hover{transform:translateY(-2px)}.button svg{width:19px;height:19px}.button-primary{background:var(--mint);color:var(--mint-dark)}.button-primary:hover{background:#a5f2d0}.button-outline{background:transparent;color:var(--text);border-color:var(--line-light)}.button-outline:hover{background:#243343}.text-link{font-size:15px;font-weight:620;color:var(--blue);border-bottom:1px solid currentColor;padding-bottom:2px;white-space:nowrap}.text-link span{margin-left:5px}.hero-note{font-size:13px;color:#91a6be;margin:25px 0 0;letter-spacing:.01em}
.hero-artifact{position:relative;border:1px solid var(--line-light);background:#101720;border-radius:16px;box-shadow:0 22px 60px rgba(0,0,0,.28);min-width:0}.artifact-topbar{height:42px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 15px}.window-dots{display:flex;gap:6px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#f46d6b}.window-dots i:nth-child(2){background:#efc35e}.window-dots i:nth-child(3){background:#6ccb96}.address{display:flex;align-items:center;border:1px solid #263343;background:#0c131b;border-radius:5px;height:24px;padding:0 10px;color:#9fb2c8;font-size:11px;flex:1}.address:before{content:"";display:inline-block;width:6px;height:7px;margin-right:8px;border:1.5px solid currentColor;border-radius:1px;opacity:.75}.synthetic{font-size:10px;font-weight:700;letter-spacing:.11em;color:#98adc4;white-space:nowrap}.artifact-body{display:grid;grid-template-columns:minmax(0,.95fr) 46px minmax(0,1.05fr);min-height:508px}.browser-side,.assistant-side{min-width:0;padding:20px 18px 58px}.browser-side{border-right:1px solid var(--line);background:#111925}.assistant-side{border-left:1px solid var(--line);background:#141e2a}.pane-label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:720;letter-spacing:.07em;text-transform:uppercase;color:var(--blue);white-space:nowrap;margin-bottom:21px}.pane-label svg{width:17px;height:17px}.pane-label span{margin-left:auto;background:#253346;border-radius:20px;padding:4px 9px;color:#d1e0ee;font-size:10px;letter-spacing:0;text-transform:none;font-weight:600}.mail-row{border-bottom:1px solid #283646;padding:12px 10px;margin:0 -10px;color:#c2cfdd}.mail-row-top{display:flex;gap:10px;align-items:center;justify-content:space-between}.mail-row strong{font-size:13px;font-weight:630}.mail-row time{font-size:10px;color:#91a5bb;white-space:nowrap}.mail-row p{font-size:11px;color:#aabbd0;margin:3px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-row.relevant{border:1px solid #506b65;border-radius:8px;background:#23363b;margin-top:12px;padding:12px 10px}.row-selection{display:inline-block;color:var(--mint);font-size:10px;margin-top:9px}.withheld{display:flex;align-items:flex-start;gap:7px;color:#a6b9cc;font-size:11px;line-height:1.4;margin-top:27px}.withheld svg{width:15px;height:15px;flex:none}.boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--mint);background:#0d1720}.boundary-line{width:1px;flex:1;background:linear-gradient(transparent,#5dbe96 48%,transparent)}.boundary-badge{width:26px;height:26px;display:grid;place-items:center}.boundary-badge svg{width:24px;height:24px}.boundary-text{text-align:center;color:#c0d6e9;font-size:8px;font-weight:750;letter-spacing:.04em;line-height:1.3}.shared-message{border:1px solid #2d3c4d;border-radius:10px;background:#192533;padding:14px}.message-person{display:flex;align-items:center;gap:9px}.avatar{width:28px;height:28px;border-radius:50%;background:#35495c;display:grid;place-items:center;color:#e1edf7;font-size:12px;font-weight:700}.message-person strong,.message-person small{display:block;line-height:1.35}.message-person strong{font-size:12px}.message-person small{font-size:10px;color:#a9bdd2}.message-subject{display:block;margin-top:16px;font-size:13px}.shared-message p{font-size:12px;line-height:1.52;color:#d4e0eb;margin:9px 0 15px}.source-label{border-top:1px solid #334354;display:block;padding-top:10px;font-size:10px;color:#9fb4c8}.shared-controls{margin-top:14px;padding:12px 14px;border:1px solid #334353;border-radius:9px;display:flex;gap:7px;flex-wrap:wrap;align-items:center}.shared-controls span{width:100%;font-size:10px;color:#a7bad0}.shared-controls strong{font-size:10px;font-weight:600;border:1px solid #415368;color:#d5e1ed;border-radius:5px;padding:5px 7px}.approval-receipt{position:absolute;bottom:-37px;left:12%;width:min(360px,75%);display:flex;align-items:flex-start;gap:10px;padding:13px 14px;background:#1e2d37;border:1px solid #568a75;border-radius:12px;box-shadow:0 16px 30px rgba(0,0,0,.25)}.receipt-icon{flex:none}.approval-receipt strong,.approval-receipt span,.approval-receipt small{display:block}.approval-receipt strong{font-size:12px;color:#d9f6e7}.approval-receipt span{font-size:11px;line-height:1.35;margin-top:3px}.approval-receipt small{font-size:10px;color:#a9bfcc;margin-top:4px}.approval-receipt>svg{margin-left:auto;width:18px;height:18px;color:var(--mint);flex:none}
.proof-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px max(5%,calc((100vw - var(--max)) / 2 + 5%));display:grid;grid-template-columns:repeat(3,1fr);gap:26px;background:#10161e}.proof-strip>div{display:flex;flex-direction:column;gap:4px;padding-left:26px;border-left:1px solid #3b4e60}.proof-strip>div:first-child{padding-left:0;border-left:0}.proof-strip strong{font-size:14px;font-weight:670}.proof-strip span{font-size:12px;color:#a9bacf}
.demo-section,.how-section,.boundary-section,.closing{max-width:var(--max);margin:auto;padding-left:5%;padding-right:5%}.demo-section{padding-top:120px;padding-bottom:125px;scroll-margin-top:30px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:44px}.section-heading h2,.how-section h2,.boundary-section h2,.closing h2{font-size:clamp(34px,3vw,48px);line-height:1.15;letter-spacing:-.03em;font-weight:650;margin:0 0 15px;text-wrap:balance}.section-heading p,.how-intro>p,.boundary-heading>p,.closing p{font-size:17px;line-height:1.6;color:var(--muted);max-width:650px;margin:0}.section-tag{color:#9eb5c9;font-size:11px;font-weight:720;letter-spacing:.1em;white-space:nowrap;margin-bottom:8px}.demo-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:34px}.demo-steps{border-top:1px solid var(--line)}.demo-step{display:flex;gap:15px;padding:22px 3px;border-bottom:1px solid var(--line);color:#a0b3c8;transition:color .2s ease-out}.demo-step.is-current{color:var(--text)}.demo-step.is-complete{color:var(--mint)}.step-number{font-size:12px;font-variant-numeric:tabular-nums;font-weight:690;min-width:23px}.demo-step strong,.demo-step span:last-child{display:block}.demo-step strong{font-size:15px;line-height:1.3;margin-bottom:6px}.demo-step div span{font-size:13px;line-height:1.5;color:#a9bacd}.demo-stage{border:1px solid var(--line-light);background:#111a24;border-radius:16px;overflow:hidden;min-height:475px}.demo-stage-header{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:10px 18px;color:#9cb4cb;font-size:11px;font-weight:710;letter-spacing:.1em}.reset-button{border:0;background:none;color:#aec9df;display:inline-flex;align-items:center;gap:7px;min-height:30px;cursor:pointer;font-size:12px;letter-spacing:0}.reset-button:hover{color:var(--mint)}.reset-button svg{width:15px;height:15px}.demo-panel{min-height:408px;padding:24px 6%;display:flex;align-items:center;justify-content:space-around;gap:6%}.demo-phone{width:272px;max-width:100%;flex:none;background:#0d141d;border:5px solid #354354;border-radius:30px;box-shadow:0 16px 26px rgba(0,0,0,.2);overflow:hidden}.phone-top{height:27px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;color:#e5edf5;font-size:9px;font-weight:700}.phone-speaker{width:54px;height:14px;background:#070c11;border-radius:0 0 10px 10px;align-self:flex-start}.phone-content{padding:15px 16px 18px}.phone-overline{font-size:9px;font-weight:720;letter-spacing:.11em;color:#9eb4c9;margin:15px 0 6px}.phone-content h3{font-size:18px;letter-spacing:-.02em;line-height:1.2;margin:0 0 17px}.phone-content dl{margin:0 0 18px}.phone-content dt{font-size:10px;color:#8fa6bc;border-top:1px solid #2c3d4e;padding-top:9px}.phone-content dd{font-size:11px;line-height:1.35;margin:3px 0 10px;overflow-wrap:anywhere}.phone-content button{display:flex;width:100%;min-height:36px;font-size:11px;margin-top:7px;padding:7px 8px}.demo-explainer{max-width:310px}.explainer-icon{display:grid;place-items:center;width:45px;height:45px;border:1px solid #48695d;background:#1c342f;border-radius:11px;color:var(--mint);margin-bottom:20px}.explainer-icon svg{width:23px;height:23px}.demo-explainer h3{font-size:clamp(24px,2.2vw,32px);line-height:1.16;letter-spacing:-.028em;margin:0 0 16px;text-wrap:balance}.demo-explainer p{font-size:15px;color:var(--muted);margin:0 0 25px}.demo-explainer .button{font-size:13px;min-height:44px}.view-preview{width:410px;max-width:100%;background:#182431;border:1px solid #34475a;border-radius:12px;overflow:hidden;box-shadow:0 16px 26px rgba(0,0,0,.18)}.view-header{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 17px;border-bottom:1px solid #34475a;font-size:10px;font-weight:720;letter-spacing:.09em;color:#b4cce0}.view-status{color:var(--mint);letter-spacing:0;font-weight:600}.view-message{margin:16px;border:1px solid #395065;background:#1e3040;border-radius:8px;padding:15px}.view-message strong{font-size:13px}.view-message p{font-size:13px;line-height:1.5;margin:10px 0 16px;color:#d5e3ef}.view-message small{font-size:10px;color:#a8bfd2}.view-control{display:flex;gap:6px;flex-wrap:wrap;padding:0 16px 16px}.view-control span{width:100%;font-size:11px;color:#a5bbcd}.view-control strong{border:1px solid #465d70;border-radius:5px;padding:6px 9px;font-size:11px;font-weight:600}.view-private{border-top:1px solid #34475a;padding:14px 17px;display:flex;gap:8px;align-items:center;color:#acc1d0;font-size:11px}.view-private svg{width:15px;height:15px;flex:none}.demo-complete{min-height:408px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px}.complete-mark{width:70px;height:70px;border:1px solid #5cac85;background:#193b31;border-radius:50%;display:grid;place-items:center;color:var(--mint);margin-bottom:20px}.complete-mark svg{width:38px;height:38px}.demo-complete h3{font-size:31px;letter-spacing:-.025em;margin:0 0 8px}.demo-complete p{max-width:390px;color:var(--muted);margin:0 0 24px}.demo-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.how-section{border-top:1px solid var(--line);padding-top:115px;padding-bottom:115px;display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:10%}.how-intro .text-link{display:inline-block;margin-top:26px}.how-list article{display:grid;grid-template-columns:44px 1fr;gap:16px;border-top:1px solid var(--line);padding:22px 0}.how-list article:last-child{border-bottom:1px solid var(--line)}.how-list article>span{font-size:12px;color:var(--mint);font-weight:710;font-variant-numeric:tabular-nums}.how-list h3{font-size:19px;letter-spacing:-.02em;margin:0 0 7px}.how-list p{font-size:14px;color:var(--muted);line-height:1.55;margin:0;max-width:55ch}
.boundary-section{padding-top:110px;padding-bottom:116px;background:#121b26;max-width:none}.boundary-section>*{max-width:calc(var(--max) - 10%);margin-left:auto;margin-right:auto}.boundary-heading{display:flex;justify-content:space-between;align-items:end;gap:50px}.boundary-heading h2 span{color:var(--mint)}.boundary-heading>p{max-width:480px}.boundary-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:50px}.boundary-grid>div{border-top:1px solid #435165;padding-top:20px}.boundary-grid h3{font-size:17px;margin:0 0 14px}.boundary-grid ul{list-style:none;padding:0;margin:0}.boundary-grid li{position:relative;padding:10px 0 10px 27px;color:#c3d1de;font-size:15px;border-bottom:1px solid #2e3c4c}.boundary-grid li:before{content:"";position:absolute;left:0;top:19px;width:7px;height:7px;border:1px solid var(--mint);border-radius:50%}.boundary-note{font-size:12px;line-height:1.6;color:#b5c7d7;margin-top:36px!important;max-width:95ch!important}.boundary-note a{text-decoration:underline;color:var(--mint)}
.closing{padding-top:112px;padding-bottom:115px;display:flex;align-items:center;justify-content:space-between;gap:50px}.closing-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap}.site-footer{border-top:1px solid var(--line);max-width:var(--max);padding:30px 5% 45px;margin:auto;display:flex;justify-content:space-between;gap:30px}.site-footer .brand{font-size:17px}.site-footer p{font-size:12px;color:#9fb2c6;margin:10px 0 0}.site-footer>div:last-child{display:flex;gap:24px;align-items:start;color:#abc0d3;font-size:13px}
[hidden]{display:none!important}
.phone-content button{min-height:44px;padding:9px 8px}
@media(max-width:1250px){.hero{grid-template-columns:minmax(330px,.8fr) minmax(570px,1.2fr);gap:30px;padding-top:55px}.hero h1{font-size:clamp(42px,4.1vw,58px)}.pane-label span{display:none}.artifact-body{grid-template-columns:minmax(0,1fr) 37px minmax(0,1fr)}.browser-side,.assistant-side{padding-left:13px;padding-right:13px}.demo-layout{grid-template-columns:240px minmax(0,1fr)}.demo-panel{gap:3%}}
@media(max-width:1000px){.hero{display:block;min-height:0;padding-top:70px;padding-bottom:100px}.hero-copy{padding-bottom:55px}.hero h1{max-width:780px}.hero-copy>p:not(.hero-note){max-width:680px}.hero-artifact{max-width:830px}.proof-strip{padding-left:5%;padding-right:5%}.demo-layout{grid-template-columns:1fr}.demo-steps{display:grid;grid-template-columns:repeat(3,1fr)}.demo-step{padding-right:14px}.how-section{gap:7%}.boundary-heading{display:block}.boundary-heading>p{margin-top:22px}}
@media(max-width:700px){.header-inner{min-height:70px;padding:0 20px}.brand{font-size:19px}.site-header nav{gap:0}.site-header nav>a:not(.nav-action){display:none}.site-header .nav-action{font-size:12px;padding:8px 12px;min-height:38px}.hero{padding:52px 20px 74px}.hero h1{font-size:clamp(42px,10vw,58px);line-height:1.09}.hero h1 br{display:none}.hero-copy{padding-bottom:42px}.hero-copy>p:not(.hero-note){font-size:17px}.hero-actions{gap:18px;margin-top:27px}.hero-note{font-size:11px}.hero-artifact{border-radius:12px}.artifact-topbar{padding:0 10px}.synthetic{font-size:8px}.artifact-body{display:block}.browser-side,.assistant-side{padding:17px 15px 19px;border:0}.browser-side{border-bottom:1px solid var(--line)}.assistant-side{padding-bottom:28px}.boundary{height:38px;flex-direction:row;padding:0 14px}.boundary-line{height:1px;width:auto;flex:1;background:linear-gradient(90deg,transparent,#5dbe96,transparent)}.boundary-text{font-size:7px}.pane-label span{display:inline-block}.withheld{margin-top:17px}.approval-receipt{position:relative;left:auto;bottom:auto;margin:0 14px 14px;width:auto}.proof-strip{grid-template-columns:1fr;padding:20px;gap:15px}.proof-strip>div,.proof-strip>div:first-child{padding-left:13px;border-left:1px solid #3b4e60}.demo-section,.how-section,.boundary-section,.closing{padding-left:20px;padding-right:20px}.demo-section{padding-top:78px;padding-bottom:85px}.section-heading{display:block;margin-bottom:30px}.section-heading h2,.how-section h2,.boundary-section h2,.closing h2{font-size:36px}.section-tag{display:block;margin-top:18px}.demo-steps{display:block}.demo-step{padding:12px 4px}.demo-step div span{display:none}.demo-stage-header{padding:8px 12px}.demo-panel{display:block;min-height:0;padding:22px}.demo-phone{margin:auto}.demo-explainer{max-width:none;margin-top:30px}.demo-explainer h3{font-size:26px}.view-preview{margin:auto}.demo-complete{min-height:350px}.how-section{display:block;padding-top:85px;padding-bottom:85px}.how-list{margin-top:45px}.boundary-section{padding-top:82px;padding-bottom:85px}.boundary-grid{grid-template-columns:1fr;gap:30px;margin-top:38px}.boundary-section>*{max-width:none}.closing{display:block;padding-top:85px;padding-bottom:88px}.closing-actions{margin-top:27px}.site-footer{padding:26px 20px 40px;display:block}.site-footer>div:last-child{margin-top:24px}}
@media(max-width:390px){.hero h1{font-size:39px}.hero-actions .button{width:100%}.artifact-topbar{gap:6px}.address{font-size:9px}.synthetic{letter-spacing:.04em}.pane-label{font-size:10px}.pane-label span{font-size:9px}.mail-row p{white-space:normal}.section-heading h2,.how-section h2,.boundary-section h2,.closing h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.hero-artifact,.approval-receipt,.demo-phone,.view-preview{box-shadow:none}
.explainer-icon{display:none}
.synthetic,.address,.pane-label,.pane-label span,.mail-row time,.mail-row p,.row-selection,.withheld,.boundary-text,.message-person small,.source-label,.shared-controls span,.shared-controls strong,.approval-receipt span,.approval-receipt small,.phone-top,.phone-overline,.phone-content dt,.phone-content dd,.phone-content button,.view-header,.view-message small,.view-control span,.view-control strong,.view-private{font-size:11px}
.mail-row p,.withheld,.shared-message p,.approval-receipt span,.phone-content dd,.view-message p{line-height:1.5}
.artifact-topbar{padding-block:8px;height:auto;min-height:44px}
@media(max-width:700px){.synthetic{font-size:11px}.address{font-size:11px}.pane-label{font-size:11px}.pane-label span{font-size:11px}}
.artifact-body{grid-template-columns:minmax(0,.95fr) 76px minmax(0,1.05fr)}
.boundary-text{letter-spacing:0;white-space:nowrap}
.shared-controls strong,.view-control strong{border:0;padding:0;background:none;color:#d5e1ed}
.text-link svg,.nav-action svg{width:16px;height:16px;margin-left:5px;vertical-align:-3px}
.phone-content>img+h3{margin-top:17px}
.demo-panel:focus-visible,.demo-complete:focus-visible{outline:2px solid var(--mint);outline-offset:-4px}
@media(max-width:1250px){.artifact-body{grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr)}}
@media(max-width:700px){.artifact-body{display:block}.boundary-text{white-space:normal}}