@font-face{font-family:Inter;src:url('assets/inter.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:#f2f0eb;color:#292827;font:16px/1.55 Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-weight:460;letter-spacing:-.045em;line-height:1.04}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #714cb6;outline-offset:5px}::selection{background:#d4c7ff;color:#292827}.wrap{max-width:1280px;margin:auto;padding:0 52px}.skip{position:fixed;top:-100px;left:20px;z-index:100;padding:14px;background:white}.skip:focus{top:20px}.announcement{height:38px;background:#421d24;color:#fff;display:flex;align-items:center;justify-content:center;gap:20px;font-size:11px;letter-spacing:.02em}.announcement a{border-bottom:1px solid #ffffff65}.announcement a span{margin-left:9px}.header{height:82px;position:sticky;top:0;z-index:20;padding:0 48px;display:flex;align-items:center;justify-content:space-between;background:#f2f0ebee;backdrop-filter:blur(16px);border-bottom:1px solid #2928270d}.brand{font-size:32px;font-weight:600;letter-spacing:-1.6px;display:inline-flex;gap:9px;align-items:center}.brand-dot{margin-left:-9px}.header nav{display:flex;gap:34px;font-size:13px}.header nav a{position:relative}.header nav a:after{content:'';position:absolute;bottom:-6px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}.header nav a:hover:after{transform:scaleX(1)}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;border-radius:10px;background:#421d24;color:#fff;padding:15px 23px;font-size:14px;line-height:1.4;transition:transform .25s,background .25s}.button:hover{background:#602e37;transform:translateY(-2px)}.button span{font-size:19px;line-height:1}.button.small{padding:11px 18px;font-size:12px;border-radius:8px;gap:24px}.button.secondary{background:#d4c7ff;border:1px solid #292827;color:#292827}.button.secondary:hover{background:#c9b9fb}.button[hidden]{display:none}.hero{height:min(850px,calc(100svh - 120px));min-height:660px;position:relative;isolation:isolate;overflow:hidden;background:#92a6cc}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 63%;z-index:-2}.hero-shade{background:linear-gradient(180deg,#10234b73,#18294770 48%,#2b376100 78%,#13243b45);z-index:-1}.hero-copy{text-align:center;padding-top:58px;color:white;position:relative;z-index:2}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.13em;line-height:1.6}.hero h1{font-size:clamp(48px,5.15vw,78px);letter-spacing:-.048em;line-height:1.015;margin:20px 0}.hero h1 em{font-style:normal;color:#f7e7d8}.hero-copy>p:not(.eyebrow){font-size:17px;line-height:1.5;margin:0 0 24px}.hero-demo{display:block;font-size:11px;margin-top:15px;color:#ffffffed}.hero-demo span{margin-left:14px}.glass{background:#f9f7f5e6;border:1px solid #ffffff6b;backdrop-filter:blur(15px);border-radius:16px}.hero-note{position:absolute;padding:22px;color:#33323c;width:260px;animation:float 8s ease-in-out infinite}.note-left{left:5.2%;bottom:118px;transform:rotate(-4deg)}.note-right{right:4.4%;bottom:142px;width:224px;animation-delay:-4s;transform:rotate(3deg)}.mini-label{display:flex;gap:8px;align-items:center;font-size:9px;font-weight:500}.hero-note p{font-size:18px;line-height:1.35;letter-spacing:-.02em;margin:20px 0}.source-line{border-top:1px solid #29282718;padding-top:13px;font-size:9px;display:flex;justify-content:space-between}.hero-foot{position:absolute;bottom:28px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:.18em;color:white}.companion{width:58px;height:58px;border-radius:46% 50% 47% 50%;background:#f6a500;display:flex;gap:9px;align-items:center;justify-content:center;transform:rotate(-7deg);margin-top:16px;animation:bob 5s ease-in-out infinite}.companion span{width:6px;height:17px;background:#493310;border-radius:10px;animation:blink 7s infinite}.section-meta{display:flex;justify-content:space-between;gap:30px;font-size:9px;letter-spacing:.1em;font-weight:500;border-top:1px solid #29282726;padding-top:17px}.intro{padding-top:76px;padding-bottom:20px}.intro-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;margin:64px 0}.intro h2{font-size:clamp(36px,3.6vw,52px);line-height:1.1}.intro h2 span{color:#8d8984}.intro-body{max-width:385px;padding-top:4px}.intro-body p{font-size:17px;line-height:1.6;margin-bottom:20px}.text-link{color:#714cb6;font-size:13px;background:none;padding:0;display:inline-flex;align-items:center;gap:20px}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.intro-body .text-link{margin-top:9px}.principles{border:1px solid #dcdad5;display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px}.principles>span{display:flex;justify-content:center;align-items:center;gap:13px;font-size:11px;min-height:76px;border-right:1px solid #dcdad5}.principles>span:last-child{border-right:0}.principles i{font-size:25px;font-style:normal}.story-section{padding-top:100px;padding-bottom:100px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:48px 0 40px}.section-heading h2{font-size:55px}.section-heading p{font-size:14px;line-height:1.6;margin-right:30px}.demo-tabs{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #dcdad5;border-radius:8px 8px 0 0;overflow:hidden}.demo-tabs button{display:flex;gap:13px;align-items:center;text-align:left;padding:20px;background:#f9f8f4;border-right:1px solid #dcdad5;font-size:10px}.demo-tabs button:last-child{border-right:0}.demo-tabs button>span:first-of-type{font-size:13px}.demo-tabs button>span:last-child{margin-left:auto}.demo-tabs button[aria-selected=true]{background:#d4c7ff}.demo-panel{display:grid;grid-template-columns:1fr 1.18fr;min-height:570px;border:1px solid #dcdad5;border-top:0;padding:14px;background:repeating-linear-gradient(125deg,transparent,transparent 3px,#29282706 3px,#29282706 4px)}.demo-narrative{padding:58px 36px 28px 24px;background:#f2f0eb;display:flex;flex-direction:column;align-items:start}.demo-narrative h3{font-size:39px;line-height:1.1;margin:28px 0 22px}.demo-narrative>p:not(.eyebrow){font-size:14px;line-height:1.65;max-width:310px}.demo-points{display:flex;flex-direction:column;gap:12px;margin:24px 0 34px;font-size:11px}.demo-points span:before{content:'○';margin-right:10px}.demo-narrative .demo-disclosure{font-size:9px!important;line-height:1.5;margin-top:auto;padding-top:36px;color:#68635e}.demo-stage{position:relative;background:linear-gradient(150deg,#b7c8ee,#d3bce9 50%,#edc6b2);overflow:hidden;min-height:550px;display:flex;align-items:center;justify-content:end;padding:26px 26px 40px}.browser-peek{position:absolute;top:76px;left:18px;width:83%;height:400px;background:#fbf8f0;border-radius:9px;transform:rotate(-7deg);border:1px solid #ffffffaa;overflow:hidden}.browser-bar{display:flex;gap:5px;height:30px;align-items:center;background:#e7e3dd;padding:0 10px}.browser-bar i{width:5px;height:5px;border-radius:50%;background:#a7a29b}.browser-bar span{font-size:8px;margin:auto}.article-art{height:145px;background:url('assets/horizon-texture.webp') center 60%/cover}.article-copy{padding:25px}.article-copy>span{font-size:7px;letter-spacing:.1em}.article-copy p{font-size:27px;line-height:1.1;letter-spacing:-.03em;margin:12px 0}.article-copy>div{height:3px;width:55%;background:#dcd5cb;margin:8px 0}.article-copy>div:last-child{width:35%}.product-panel{width:295px;min-width:240px;position:relative;border-radius:18px;border:1px solid #ffffffcf;overflow:hidden;height:474px;background:linear-gradient(#dfe8f5,#ffffffed 70%,#f6e6dcef);padding:13px 10px;display:flex;flex-direction:column;z-index:1;transform:rotate(2deg);font-family:Inter,Arial,sans-serif}.product-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;gap:8px}.product-pill{display:flex;align-items:center;gap:6px;background:#ffffffb3;border-radius:20px;padding:5px 11px;font-size:10px;font-weight:500}.product-thread{margin-top:auto;display:flex;flex-direction:column;align-items:start;gap:12px;padding:38px 1px 16px;min-height:300px;justify-content:end}.product-thread .companion{width:40px;height:40px;margin:0}.product-thread .companion span{height:12px;width:4px;gap:6px}.bubble{font-size:11px;line-height:1.6;border-radius:11px;padding:12px;background:#ffffffcf;border:1px solid #29282712;max-width:95%;animation:message-in .45s ease both}.bubble.user{background:#dfdce0;align-self:end;border:0;max-width:88%}.bubble.note{font-size:9px;color:#665f59;background:transparent;border:0;padding:0 8px}.approval-card{background:white;border:1px solid #e5e0db;border-radius:9px;padding:12px;font-size:10px;line-height:1.6}.approval-card>span{display:block;font-size:8px;color:#777;margin-bottom:4px}.approval-card .approval-example{display:inline-block;background:#292827;color:white;padding:4px 9px;border-radius:5px;margin-top:9px;font-size:9px}.product-status{font-size:8px;align-self:center;display:flex;align-items:center;gap:5px;padding:4px 10px;border:1px solid #29282712;border-radius:30px;background:#ffffffbd;margin-bottom:9px}.product-status i{height:4px;width:4px;background:#3ca879;border-radius:50%}.product-composer{border:1px solid #29282713;border-radius:30px;background:#fffffff0;display:flex;align-items:center;padding:9px 8px;font-size:10px;color:#777;gap:12px}.product-composer>span:last-child{margin-left:auto;background:#9c9b9b;color:white;border-radius:50%;width:20px;height:20px;text-align:center;line-height:20px}.stage-caption{position:absolute;bottom:13px;left:15px;right:15px;text-align:center;font-size:7px;letter-spacing:.08em;color:#51434b}.connections{background:#0c4243;color:white;overflow:hidden}.connections-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;min-height:610px;align-items:center}.connection-copy{padding:85px 0;max-width:430px}.connection-copy h2{font-size:60px;margin:26px 0}.connection-copy>p{font-size:14px;line-height:1.7;color:#e1ece5;margin-bottom:20px}.button.outline{background:transparent;border:1px solid #ffffff7a;padding:12px 18px;font-size:12px;gap:24px;margin-top:10px}.button.outline:hover{background:#ffffff12}.connection-note{display:block;color:#b3ceca;font-size:9px;margin-top:18px}.connection-art{height:450px;position:relative;display:flex;justify-content:center;align-items:center}.orbit{position:absolute;width:365px;height:365px;border:1px solid #9fc2b72e;border-radius:50%;transform:rotate(23deg)}.orbit-two{width:230px;height:230px}.connection-center{display:flex;align-items:center;gap:14px;position:relative;padding:26px 22px;background:#fcfcf1f2;color:#292827;border:1px solid #fff9;border-radius:16px;transform:rotate(-5deg)}.connection-center>span:not(.fo-mark){font-size:15px;margin-left:-7px}.connection-center img{width:40px;height:40px}.connection-center b{font-size:18px;font-weight:400;color:#777;padding:0 5px}.fo-mark{background:#d4c7ff;width:54px;height:54px;display:grid;place-items:center;font-size:23px;font-weight:500;border-radius:14px}.service{position:absolute;border:1px solid #f4f4e955;border-radius:8px;padding:12px 20px;background:#e7f2e410;font-size:13px;backdrop-filter:blur(12px)}.service-google{left:15%;top:50px;transform:rotate(6deg)}.service-github{right:-10px;top:115px;transform:rotate(9deg)}.service-asana{left:-10px;top:220px;transform:rotate(-7deg)}.service-mcp{right:65px;bottom:50px;transform:rotate(-10deg);background:#d4c7ff;color:#292827;border-color:#d4c7ff}.service-hubspot{left:40px;bottom:76px;transform:rotate(5deg)}.connection-art>p{position:absolute;bottom:-8px;left:0;right:0;text-align:center;font-size:7px;color:#b3ceca;letter-spacing:.1em;line-height:1.7}.control{padding-top:110px;padding-bottom:110px}.control-heading{margin-bottom:58px}.control h2{font-size:53px;margin-top:22px}.control-row{display:grid;grid-template-columns:60px 1fr 1fr;gap:24px;padding:30px 0;border-top:1px solid #29282726}.control-index{font-size:10px;margin-top:5px}.control-row h3{font-size:24px;line-height:1.3}.control-row p{font-size:13px;max-width:390px;line-height:1.7}.install{padding-top:16px;padding-bottom:100px}.install-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:64px}.install h2{font-size:53px}.install-lead{font-size:16px;margin-top:26px;line-height:1.6}.release-box{margin-top:34px;max-width:370px;border-top:1px solid #29282726;padding-top:22px}.release-label{font-size:9px;letter-spacing:.1em;color:#714cb6;font-weight:600}.release-box p{font-size:12px;line-height:1.6;margin:12px 0 17px}.release-box small{display:block;font-size:9px;overflow-wrap:anywhere;line-height:1.7;margin-top:10px}.install-guide h3{font-size:24px;margin-bottom:30px}.install-guide ol{padding:0;list-style:none;margin:0}.install-guide li{display:flex;gap:18px;margin-bottom:27px}.install-guide li>span{flex-shrink:0;border:1px solid #bdb6c8;background:#e7dffc;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:10px}.install-guide h4{font-size:13px;font-weight:500;margin:2px 0 8px}.install-guide p{font-size:12px;line-height:1.7;color:#595650}.install-guide strong{font-weight:600;color:#292827}.install-guide code{font-size:11px;color:#292827;background:#e6e1db;padding:2px 4px;border-radius:3px}.copy-address{font-size:10px;background:none;border-bottom:1px solid #aaa;padding:0 0 4px;margin-top:12px}.copy-address span{margin-left:9px}#copy-status{display:block;font-size:10px;color:#714cb6}.chrome-help{font-size:10px;color:#714cb6;margin-left:46px}.quick-start{display:grid;grid-template-columns:1fr 1.3fr;gap:100px;padding-bottom:110px}.quick-start h2{font-size:36px;line-height:1.1}.faq{border-top:1px solid #29282726}details{border-bottom:1px solid #29282726}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:20px 0;font-size:12px;cursor:pointer;gap:20px}summary::-webkit-details-marker{display:none}summary span{font-size:20px;font-weight:400;line-height:1}details[open] summary span{transform:rotate(45deg)}details p{font-size:12px;line-height:1.8;padding:0 20px 23px 0;color:#5b5652}.finale{background:radial-gradient(ellipse at 80% 0%,#b2d3e2,transparent 65%),radial-gradient(ellipse at 20% 100%,#e6b9d5,transparent 70%),#d4c7ff;min-height:390px;padding:76px 0}.finale .wrap{position:relative}.finale h2{font-size:57px;margin-top:27px;max-width:700px}.finale .button{position:absolute;right:52px;bottom:3px;font-size:12px;gap:20px}footer{background:#421d24;color:#fff;overflow:hidden}.footer-top{padding-top:64px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-top .brand{font-size:35px}.footer-top p{font-size:13px;line-height:1.6;margin-top:18px;color:#ddcbd0}.footer-top>div>span{font-size:9px;letter-spacing:.12em;display:block;margin-bottom:20px}.footer-top>div>a:not(.brand){display:block;font-size:11px;color:#e0cdd1;margin-bottom:12px}.footer-top>div>a:hover{text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;font-size:9px;color:#d0adb6;margin-top:50px}.footer-word{font-size:clamp(80px,15.7vw,230px);font-weight:500;letter-spacing:-.065em;line-height:.9;white-space:nowrap;text-align:center;color:#ffffff09;margin:50px 0 -10px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes bob{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -4px;rotate:3deg}}@keyframes blink{0%,43%,46%,100%{scale:1 1}44%,45%{scale:1 .15}}@keyframes message-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.hero{height:850px}.hero-copy{padding-top:75px}.hero-note{bottom:160px}}@media(max-width:1050px){.wrap{padding-left:32px;padding-right:32px}.hero{min-height:700px}.hero-copy{padding-top:58px}.hero-note{bottom:80px}.note-left{left:4%;width:230px}.note-right{right:4%;width:200px;bottom:100px}.hero h1{font-size:60px}.intro-grid{gap:50px}.demo-tabs button{padding:18px 13px;gap:10px}.demo-tabs button>span:first-of-type{font-size:11px}.demo-narrative{padding:40px 24px 24px 12px}.demo-narrative h3{font-size:32px}.demo-stage{padding-right:15px;padding-left:40px}.product-panel{width:260px}.connections-inner{gap:55px}.connection-copy h2{font-size:50px}.connection-art{scale:.88}.connection-copy{padding:70px 0}.install-grid,.quick-start{gap:55px}.install h2{font-size:45px}.finale h2{font-size:47px}.finale .button{position:static;margin-top:28px}.finale{padding:60px 0}.control h2{font-size:46px}.control-row{grid-template-columns:30px 1fr 1.2fr}}
@media(max-width:700px){html{scroll-padding-top:78px}.wrap{padding-left:22px;padding-right:22px}.announcement{font-size:9px;gap:13px;height:34px}.header{height:68px;padding:0 21px}.header nav{display:none}.brand{font-size:29px}.header .button{padding:10px 13px}.hero{min-height:775px;height:calc(100svh - 102px);max-height:900px}.hero-copy{padding:42px 20px 0}.hero-copy>.eyebrow{font-size:8px;letter-spacing:.1em}.hero h1{font-size:clamp(40px,9.2vw,60px);line-height:1.04;margin:24px 0 18px;letter-spacing:-.05em}.hero-copy>p:not(.eyebrow){font-size:15px;margin-bottom:22px}.hero-image{object-position:61% center}.hero .button{font-size:12px;padding:14px 19px}.hero-demo{font-size:10px}.note-left{width:210px;left:20px;bottom:70px;padding:18px}.hero-note p{font-size:16px;margin:15px 0}.note-right{width:146px;right:17px;bottom:218px;padding:16px;transform:rotate(4deg)}.note-right p{font-size:12px}.note-right .mini-label{font-size:8px}.note-right .companion{width:42px;height:42px}.note-right .companion span{width:4px;height:13px}.hero-foot{font-size:7px;bottom:21px}.intro{padding-top:54px}.section-meta{font-size:8px;letter-spacing:.06em;gap:20px}.section-meta>span:nth-child(2){display:none}.intro-grid{grid-template-columns:1fr;gap:30px;margin:38px 0}.intro h2{font-size:40px}.intro-body{max-width:100%}.intro-body p{font-size:15px;margin-bottom:16px}.principles{grid-template-columns:1fr 1fr;margin-top:40px}.principles>span{font-size:10px;min-height:68px;gap:8px}.principles>span:nth-child(2){border-right:0}.principles>span:nth-child(-n+2){border-bottom:1px solid #dcdad5}.principles i{font-size:21px}.story-section{padding-top:58px;padding-bottom:60px}.section-heading{margin:35px 0 28px}.section-heading h2{font-size:43px}.section-heading{display:block}.section-heading p{font-size:12px;margin:16px 0 0}.section-heading p br{display:none}.demo-tabs button{padding:15px 9px;display:block;line-height:1.5;font-size:8px}.demo-tabs button>span:first-of-type{font-size:10px;display:block;margin-top:3px}.demo-tabs button>span:last-child{display:none}.demo-panel{grid-template-columns:1fr;padding:9px}.demo-narrative{padding:28px 15px}.demo-narrative h3{font-size:30px;margin:18px 0}.demo-narrative>p:not(.eyebrow){max-width:100%;font-size:13px}.demo-points{margin:20px 0 22px;font-size:10px}.demo-narrative .demo-disclosure{padding-top:20px}.demo-stage{min-height:530px;padding:20px 26px 36px 50px;justify-content:center}.product-panel{min-width:235px;width:270px;height:470px}.browser-peek{top:65px;left:6px;width:85%}.connections-inner{grid-template-columns:1fr;gap:0;padding-top:25px}.connection-art{height:370px;scale:.9;margin:0 auto;width:100%;max-width:410px}.orbit-one{width:320px;height:320px}.orbit-two{width:210px;height:210px}.service-google{top:15px}.service-github{top:80px;right:-4px}.service-asana{top:180px;left:-4px}.service-hubspot{bottom:45px;left:10px}.service-mcp{bottom:25px;right:35px}.connection-art>p{bottom:-23px}.connection-copy{padding:60px 0;max-width:none}.connection-copy h2{font-size:49px;margin:22px 0}.connection-copy>p{font-size:14px}.control{padding-top:62px;padding-bottom:65px}.control h2{font-size:39px;margin-top:20px}.control-heading{margin-bottom:35px}.control-row{grid-template-columns:22px 1fr;gap:12px;padding:25px 0}.control-row h3{font-size:23px}.control-row p{grid-column:2;font-size:12px}.install{padding-bottom:60px}.install-grid{grid-template-columns:1fr;gap:45px;margin-top:40px}.install h2{font-size:45px}.install-lead{font-size:15px}.release-box{max-width:none;margin-top:25px}.install-guide h3{font-size:24px}.install-guide p{font-size:12px}.quick-start{grid-template-columns:1fr;gap:30px;padding-bottom:60px}.quick-start h2{font-size:34px}summary{font-size:12px}.finale{padding:50px 0;min-height:330px}.finale .eyebrow{font-size:8px}.finale h2{font-size:41px;line-height:1.1;margin-top:20px}.finale .button{margin-top:25px;font-size:11px}.footer-top{padding-top:45px;grid-template-columns:1fr 1fr;gap:35px}.footer-top>div:first-child{grid-column:1/-1}.footer-top p{font-size:12px;margin-top:12px}.footer-top>div>span{font-size:8px}.footer-bottom{margin-top:35px;gap:15px;flex-wrap:wrap;font-size:8px}.footer-bottom>span:nth-child(2){display:none}.footer-word{font-size:16vw;margin-top:40px;margin-bottom:0}.reveal{transform:translateY(15px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

@media(prefers-reduced-motion:no-preference){.hero-copy{animation:hero-enter .9s cubic-bezier(.2,.6,.3,1) both}.hero-copy .button{animation:hero-enter .9s .18s both}.hero-note{transition:rotate .4s ease}.hero-note:hover{rotate:2deg}@keyframes hero-enter{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}}

/* Pact editorial direction: Superhuman atmosphere, Wispr's printed scale. */
@font-face{font-family:Pact Editorial;src:url('assets/editorial.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap}
:root{--canvas:#f6f3ea;--ink:#292827;--lavender:#efdaff;--wine:#421d24;--forest:#0c4243;--editorial:'Pact Editorial',Georgia,serif}
body{background:var(--canvas)}
.announcement{height:34px;background:var(--wine);font-size:10px}
.header{max-width:1200px;width:calc(100% - 88px);height:72px;margin:18px auto -90px;padding:0 21px 0 24px;top:18px;border:1.5px solid var(--ink);border-radius:999px;background:#faf7eef2;backdrop-filter:blur(20px)}
.header nav{gap:35px;font-size:12px}.header .brand{font-size:30px}.header .brand img{width:25px;height:25px}
.button{background:var(--lavender);color:var(--ink);border:1.5px solid var(--ink);border-radius:12px;padding:16px 23px;font-weight:500;gap:28px}.button:hover{background:#e3c5fc;color:var(--ink)}
.button.small,.button.secondary{background:var(--lavender);color:var(--ink);border:1.5px solid var(--ink);border-radius:999px}.button.small{padding:12px 20px}
.hero{margin:0 16px;height:920px;min-height:850px;max-height:none;border-radius:0 0 40px 40px;background:#d5cedd}
.hero-image{object-position:center 63%}.hero-shade{background:linear-gradient(180deg,#f6f3ea55 0%,#f8f0ea30 43%,#f6f3ea00 72%,#291b301c)}
.hero:after,.finale:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.6' d='M0 0h220v220H0z'/%3E%3C/svg%3E");mix-blend-mode:multiply;z-index:-1}
.hero-copy{padding:172px 24px 0;color:var(--ink)}.hero-copy>.eyebrow{font-size:9px;letter-spacing:.13em;font-weight:500;color:#453b48}
.hero h1{font-family:var(--editorial);font-weight:400;font-size:clamp(80px,7.8vw,116px);letter-spacing:-.035em;line-height:.86;margin:32px auto 30px;max-width:1050px}
.hero h1 em{color:var(--wine);font-style:italic}.hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.6;margin:0 auto 25px;max-width:480px}.hero-demo{color:#49384b;font-size:11px;margin-top:15px}.hero-copy .button{font-size:13px}
.hero-note{border:1px solid #55444f58;background:#faf7efcf;padding:22px 24px;border-radius:24px;color:var(--ink)}.note-left{left:6.8%;bottom:123px;width:288px;transform:rotate(-5deg)}.note-right{right:7%;bottom:91px;width:264px;transform:rotate(5deg)}.hero-note p{font-family:var(--editorial);font-size:29px;line-height:1.08;letter-spacing:-.025em;margin:22px 0}.hero-note .mini-label{font-size:8px;letter-spacing:.035em}.hero-note .source-line{font-size:8px;line-height:1.6;border-top-color:#55444f33}.note-right .companion{width:42px;height:42px;margin-top:20px}.note-right .companion span{width:5px;height:13px}.note-right p{margin-top:14px}.hero-foot{font-size:8px;letter-spacing:.14em;color:#3d3441;bottom:33px;font-weight:500}
h2{font-family:var(--editorial);font-weight:400;letter-spacing:-.035em;line-height:.98}h2 em{font-weight:400;font-style:italic;color:var(--wine)}
.intro{padding-top:85px}.section-meta{font-size:9px;letter-spacing:.08em;border-top-color:#29282730}.intro-grid{grid-template-columns:1.05fr 1fr;gap:100px;margin:75px 0 64px}.intro h2{font-size:66px;line-height:1}.intro-body{padding-top:5px;max-width:420px}.intro-body p{font-size:16px;line-height:1.65}.principles{background:#fdfbf4;border:1.5px solid #292827;border-radius:20px;overflow:hidden;margin-top:60px}.principles>span{font-size:11px;min-height:76px;border-right-color:#29282735}
.story-section{padding-top:90px;padding-bottom:95px}.section-heading h2{font-size:70px;line-height:.96}.section-heading p{font-size:14px}.section-heading{margin:50px 0 42px}.demo-tabs{border:1.5px solid var(--ink);border-radius:24px 24px 0 0}.demo-tabs button{background:#fdfbf4;border-right-color:#29282750;padding:20px}.demo-tabs button[aria-selected=true]{background:var(--lavender)}.demo-panel{border:1.5px solid var(--ink);border-top:0;border-radius:0 0 28px 28px;overflow:hidden;padding:12px;background:transparent}.demo-narrative{background:var(--canvas);padding:49px 34px 28px 26px}.demo-narrative h3{font-size:37px;letter-spacing:-.04em;line-height:1.1}.demo-stage{border-radius:19px;background:linear-gradient(145deg,#dacfe5,#e3d6e8 45%,#edcbb3)}.article-art{background-image:url('assets/horizon-texture.webp')}.product-panel{border-color:#29282740;border-radius:24px}.product-top{font-size:11px}.stage-caption{color:#51434b}
.connections{margin:0 20px;border-radius:56px;background:#202420;color:#faf7ec}.connections-inner{gap:90px;min-height:650px}.connection-copy{padding:95px 0;max-width:435px}.connection-copy h2{font-size:76px;line-height:.96;margin:27px 0}.connection-copy h2 em{color:#ecd5fb}.connection-copy>p{color:#e0e5db;font-size:14px;line-height:1.75}.connection-art{isolation:isolate;height:435px;border:1px solid #8fa99b55;border-radius:36px;background:#0c4243}.connection-center{background:#faf7ec;border:1.5px solid #292827;border-radius:24px;padding:25px 20px}.fo-mark{background:#efdaff;border:1px solid #292827;border-radius:14px}.service{border-radius:12px;background:#fbf7ee12}.service-mcp{background:#efdaff;color:#292827;border-color:#292827}.service-google{left:10%;top:45px}.service-github{right:8px;top:110px}.service-asana{left:9px;top:220px}.service-hubspot{left:22px;bottom:80px}.service-mcp{right:25px;bottom:42px}.orbit-one{width:320px;height:320px}.orbit-two{width:200px;height:200px}.connection-art>p{bottom:15px;color:#c6d7ce;font-size:7px}.button.outline{border:1.5px solid #faf7ec;background:transparent;color:#faf7ec;border-radius:12px;margin-top:15px}.button.outline:hover{background:#ffffff16;color:#fff}.connection-note{color:#c2cfc6}
.control{padding-top:110px;padding-bottom:100px}.control h2{font-size:69px}.control-heading{margin-bottom:58px}.control-row{padding:32px 0}.control-row h3{font-size:24px;letter-spacing:-.025em}.control-row p{font-size:14px;line-height:1.7}.control-row:last-child{border-bottom:1px solid #29282726}
.install{padding-bottom:95px}.install h2{font-size:68px}.install-grid{gap:90px;margin-top:65px}.install-lead{font-size:16px}.install-guide{background:#fffdf5;border:1.5px solid #292827;border-radius:32px;padding:31px 27px}.install-guide h3{font-size:24px;letter-spacing:-.03em}.install-guide li>span{background:#efdaff;border-color:#292827}.install-guide p{font-size:12px}.install-guide li:last-child{margin-bottom:15px}.chrome-help{display:inline-block;line-height:1.5}.release-box{padding-top:25px}.release-label{font-size:9px}.release-box p{font-size:13px}
.quick-start h2{font-size:48px}.quick-start{padding-bottom:105px;gap:90px}.faq summary{font-size:13px;padding:22px 0}.faq details p{font-size:13px;line-height:1.75}
.finale{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 80% 0%,#d8e0d6,transparent 65%),radial-gradient(ellipse at 15% 100%,#e3c7d0,transparent 70%),#e0d3ef;margin:0 20px 20px;border-radius:48px;padding:70px 0;min-height:390px}.finale h2{font-size:67px;line-height:.99;max-width:770px}.finale .button{bottom:5px;font-size:12px;border-color:#292827}.finale .eyebrow{font-size:9px}.footer-top{padding-top:65px}.footer-word{font-family:var(--editorial);font-weight:400;font-size:19vw;letter-spacing:-.04em;line-height:.8;margin-top:65px}.footer-top .brand{font-family:Inter,Arial,sans-serif}
@media(min-width:1600px){.hero{height:950px}.hero-copy{padding-top:180px}.hero h1{font-size:122px}}
@media(max-width:1100px){.header{width:calc(100% - 64px)}.hero{height:900px}.hero h1{font-size:96px}.hero-copy{padding-top:178px}.note-left{left:5%;bottom:123px;width:260px}.note-right{right:5%;width:245px;bottom:90px}.intro h2{font-size:57px}.intro-grid{gap:60px}.section-heading h2{font-size:63px}.demo-narrative{padding:40px 22px 25px 17px}.demo-narrative h3{font-size:31px}.connection-copy h2{font-size:65px}.connections-inner{gap:50px}.connection-art{scale:.95}.control h2{font-size:60px}.install-grid{gap:45px}.install h2{font-size:59px}.install-guide{padding:27px 20px}.finale h2{font-size:58px}.finale .button{position:static;margin-top:28px}}
@media(max-width:700px){.announcement{font-size:8px;height:30px;gap:14px}.header{width:calc(100% - 40px);height:62px;top:12px;margin:14px auto -76px;padding:0 9px 0 14px}.header .brand{font-size:26px;gap:6px}.header .brand img{width:22px;height:22px}.header .button{padding:10px 15px;font-size:11px;gap:15px}.header nav{display:none}.hero{margin:0 9px;min-height:790px;height:850px;border-radius:0 0 30px 30px}.hero-copy{padding:124px 13px 0}.hero-copy>.eyebrow{font-size:7px;letter-spacing:.065em}.hero h1{font-size:clamp(57px,13vw,83px);line-height:.9;letter-spacing:-.035em;margin:28px auto 25px;max-width:570px}.hero-copy>p:not(.eyebrow){font-size:13px;line-height:1.65;max-width:310px;margin-bottom:23px}.hero-copy>p:not(.eyebrow) br{display:none}.hero-copy .button{font-size:12px;padding:14px 18px}.hero-demo{font-size:10px}.hero-note{padding:17px 19px;border-radius:22px}.hero-note p{font-size:24px;line-height:1.08;margin:17px 0}.hero-note .mini-label{font-size:6.5px;letter-spacing:.02em}.note-left{width:224px;left:13px;bottom:74px;transform:rotate(-5deg)}.note-right{width:189px;right:14px;bottom:210px;transform:rotate(6deg)}.note-right p{font-size:23px;margin:12px 0}.note-right .companion{width:34px;height:34px;margin-top:15px}.note-right .companion span{width:4px;height:11px}.hero-note .source-line{font-size:7px}.note-right .source-line{line-height:1.4}.hero-foot{bottom:25px;left:20px;right:20px;font-size:6.5px;letter-spacing:.05em}.hero-image{object-position:52% center}.intro{padding-top:55px}.intro-grid{grid-template-columns:1fr;gap:28px;margin:43px 0}.intro h2{font-size:54px;line-height:1.02}.intro-body p{font-size:15px}.principles{border-radius:20px;margin-top:35px}.principles>span{font-size:10px;min-height:65px}.story-section{padding-top:62px;padding-bottom:60px}.section-heading{margin:36px 0 28px}.section-heading h2{font-size:57px;line-height:.96}.section-heading p{font-size:12px;margin-top:16px}.demo-tabs{border-radius:20px 20px 0 0}.demo-tabs button{padding:14px 8px}.demo-tabs button>span:first-of-type{font-size:10px}.demo-panel{padding:8px;border-radius:0 0 24px 24px}.demo-narrative{padding:27px 13px}.demo-narrative h3{font-size:29px}.demo-stage{border-radius:17px;padding-right:26px}.connections{margin:0 9px;border-radius:34px}.connections-inner{gap:0;padding:27px 21px 0}.connection-art{height:365px;max-width:390px;margin:0 auto;scale:1;border-radius:26px}.connection-center{gap:10px;padding:22px 16px}.connection-center img{width:34px;height:34px}.connection-center>span:not(.fo-mark){font-size:13px}.fo-mark{width:45px;height:45px;font-size:21px}.service{font-size:10px;padding:10px 13px}.service-google{top:25px;left:12%}.service-github{top:89px;right:8px}.service-asana{top:187px;left:7px}.service-hubspot{bottom:66px;left:17px}.service-mcp{bottom:46px;right:18px}.orbit-one{width:280px;height:280px}.orbit-two{width:190px;height:190px}.connection-art>p{font-size:6px;bottom:14px}.connection-copy{padding:42px 0 50px}.connection-copy h2{font-size:58px;margin:22px 0}.connection-copy>p{font-size:13px;line-height:1.75}.connection-note{font-size:8px}.control{padding-top:65px;padding-bottom:65px}.control h2{font-size:52px;line-height:1}.control-heading{margin-bottom:35px}.control-row{padding:25px 0}.control-row h3{font-size:23px}.control-row p{font-size:13px}.install{padding-bottom:60px}.install-grid{gap:36px;margin-top:43px}.install h2{font-size:58px;line-height:.98}.install-lead{font-size:15px}.install-guide{border-radius:26px;padding:26px 20px}.install-guide h3{font-size:23px}.install-guide li{gap:13px}.install-guide li>span{width:25px;height:25px}.install-guide h4{font-size:12px}.install-guide p{font-size:11px}.chrome-help{font-size:9px;margin-left:38px}.quick-start{gap:26px;padding-bottom:60px}.quick-start h2{font-size:46px}.faq summary{font-size:12px;line-height:1.6;padding:19px 0}.faq details p{font-size:12px}.finale{margin:0 9px 9px;border-radius:32px;padding:48px 0;min-height:345px}.finale h2{font-size:52px;line-height:.98;margin-top:22px}.finale .eyebrow{font-size:7px}.finale .button{font-size:11px;gap:20px;margin-top:25px}.footer-word{font-size:20vw;margin-top:45px}.footer-top{padding-top:48px}}
@media(max-width:380px){.hero h1{font-size:56px}.hero-copy>.eyebrow{font-size:6.5px}.hero{height:845px}.hero-copy{padding-top:120px}.hero-copy>p:not(.eyebrow){max-width:276px}.note-right{bottom:210px;width:176px}.note-left{width:212px;bottom:72px}.note-right p{font-size:22px}.intro h2{font-size:50px}.section-heading h2{font-size:52px}.install h2{font-size:53px}.connection-copy h2{font-size:53px}.control h2{font-size:48px}.finale h2{font-size:46px}.orbit-one{width:245px;height:245px}}
@media(max-width:700px){.hero{height:1040px}.note-left{width:236px;bottom:72px}.note-right{width:200px;bottom:250px}.hero-note p,.note-right p{font-size:22px}.hero-note .source-line{font-size:6.5px}}
@font-face{font-family:Pact Editorial;src:url('assets/editorial-italic.woff2') format('woff2');font-style:italic;font-weight:400 800;font-display:swap}
.hero-copy>.eyebrow{font-size:10px}.hero-foot{background:#faf7eede;border:1px solid #55444f38;border-radius:999px;padding:9px 15px;width:max-content;max-width:calc(100% - 40px);left:50%;right:auto;transform:translateX(-50%);font-size:8px;color:#292827}.section-meta{font-size:10px}
@media(max-width:700px){.hero-copy>.eyebrow{font-size:8px}.hero-foot{font-size:6.5px;padding:9px 10px}.section-meta{font-size:8px}}

/* Final editorial pass: stable compositions; motion belongs to interaction. */
html{scroll-behavior:auto;scroll-padding-top:112px}
.companion,.companion span,.bubble{animation:none!important}
.hero-note,.hero-note:hover{translate:none;rotate:none;transition:none}
.reveal,.reveal.visible{opacity:1;transform:none;transition:none}
.button{transition:background-color 180ms cubic-bezier(.2,.6,.3,1),border-color 180ms cubic-bezier(.2,.6,.3,1);transform:none}
.button:hover,.button:active{transform:none}.button:active{background:#d9b9ed}
.header nav a:after{transition:transform 180ms cubic-bezier(.2,.6,.3,1)}
.header{border-width:1px}.header .button{border-width:1px}
.hero{height:880px;min-height:820px}.hero-copy{padding-top:168px}.hero h1{line-height:.93;margin-top:28px;margin-bottom:24px;font-size:clamp(80px,7.4vw,110px)}.hero-copy>p:not(.eyebrow){line-height:1.65;margin-bottom:24px}.hero-demo{margin-top:18px}
.note-left{width:300px;left:7%;bottom:105px;transform:rotate(-2deg)}.note-right{width:300px;right:7%;bottom:105px;transform:rotate(2deg)}.hero-note{border-radius:16px;padding:22px 24px;background:#faf7efed;border-color:#55444f36}.hero-note .mini-label{font-size:9px;letter-spacing:.045em}.hero-note p{font-size:28px;line-height:1.1;margin:20px 0}.note-right p{font-family:Inter,Arial,sans-serif;font-size:17px;line-height:1.55;letter-spacing:-.015em;max-width:240px}.hero-note .source-line{font-size:8px;padding-top:13px}.hero-foot{background:none;border:0;border-radius:0;padding:0;bottom:33px;font-size:8px;letter-spacing:.1em;color:#292827}
.intro{padding-top:88px}.intro-grid{margin:64px 0 48px;align-items:start}.intro h2{font-size:62px;line-height:1.02}.intro-body{padding-top:0}.intro-body p{line-height:1.7}.principles{background:none;border:0;border-top:1px solid #29282730;border-bottom:1px solid #29282730;border-radius:0;margin-top:46px}.principles>span{min-height:68px;border:0;font-size:11px;justify-content:start}.principles i{display:none}
.story-section{padding-top:88px;padding-bottom:104px}.section-heading{align-items:center;margin:48px 0 40px}.section-heading h2{font-size:64px;line-height:1.02}.section-heading p{margin-right:0;line-height:1.65}.demo-tabs{border:0;border-bottom:1px solid #29282745;border-radius:0;gap:26px}.demo-tabs button{position:relative;background:none;border:0;padding:18px 0;color:#69625e;transition:color 180ms ease}.demo-tabs button[aria-selected=true]{background:none;color:#421d24}.demo-tabs button[aria-selected=true]:after{content:'';position:absolute;bottom:0;height:2px;background:#421d24;left:0;right:0}.demo-tabs button>span:last-child{display:none}.demo-panel{border:0;border-radius:0;padding:0;margin-top:28px;min-height:550px;grid-template-columns:1fr 1.18fr;align-items:stretch}.demo-narrative{padding:38px 45px 25px 0;background:none}.demo-narrative h3{font-size:35px;line-height:1.14;margin-top:25px}.demo-narrative>p:not(.eyebrow){line-height:1.75;max-width:335px}.demo-points{gap:13px;margin:26px 0 32px}.demo-stage{border-radius:16px;padding:30px 38px 39px 60px;min-height:550px}.browser-peek{transform:none;top:70px;left:-28px;width:80%;border-radius:8px}.product-panel{transform:none;border-radius:18px;width:286px}.stage-caption{font-size:8px;letter-spacing:.045em}
.connections{border-radius:40px;margin:0 20px}.connections-inner{gap:88px;min-height:610px}.connection-copy{padding:80px 0}.connection-copy h2{font-size:66px;line-height:1.02;margin:24px 0}.connection-art{border:0;border-right:1px solid #8fa99b55;border-radius:0;background:none;height:370px;display:grid;grid-template-columns:repeat(3,1fr);align-content:center;justify-items:center;gap:20px 10px;padding:30px 35px 65px 0;scale:1}.orbit{display:none}.connection-center{grid-column:1/-1;transform:none;border-radius:16px;justify-self:center;margin:0 0 22px}.service{position:static;transform:none;background:none!important;border:0;padding:5px 0;font-size:13px;color:#e0e5db}.service-mcp{color:#efdaff}.connection-art>p{left:0;right:35px;bottom:17px;font-size:8px;letter-spacing:.04em;line-height:1.6}.connection-copy>p{line-height:1.8}.connection-note{font-size:10px;line-height:1.6}
.control{padding-top:104px;padding-bottom:104px}.control h2{font-size:62px;line-height:1.02}.control-heading{margin-bottom:48px}.control-row{padding:29px 0}.control-row h3{font-size:23px;line-height:1.4}.control-row p{line-height:1.75}
.install h2{font-size:62px;line-height:1.02}.install-grid{margin-top:60px;gap:88px}.install-guide{background:none;border:0;border-top:1px solid #29282730;border-radius:0;padding:24px 0 0}.install-guide h3{font-size:24px;line-height:1.35;margin-bottom:28px}.install-guide li{margin-bottom:29px}.install-guide li>span{background:none;border-color:#aaa29a}.install-guide p{font-size:12px;line-height:1.8}.release-box{max-width:370px}.quick-start{padding-bottom:104px}.quick-start h2{font-size:45px;line-height:1.05}.finale{border-radius:0;margin:0;padding:76px 0;min-height:375px}.finale h2{font-size:62px;line-height:1.02}.finale .button{border-width:1px}.footer-top{padding-top:64px}.footer-word{font-size:17vw;line-height:.85;margin-top:60px}
@media(max-width:1100px){.hero{height:860px;min-height:820px}.hero h1{font-size:90px}.note-left{left:5%;width:265px}.note-right{right:5%;width:265px}.hero-note p{font-size:25px}.note-right p{font-size:16px}.demo-stage{padding-right:25px;padding-left:40px}.demo-narrative{padding-right:30px}.connection-art{padding-right:22px}.connections-inner{gap:48px}.install-grid{gap:48px}}
@media(max-width:700px){html{scroll-padding-top:92px}.header{top:10px}.hero{height:auto;min-height:0;max-height:none;padding-bottom:30px;border-radius:0 0 24px 24px}.hero-copy{padding:128px 18px 0}.hero h1{font-size:clamp(51px,12vw,74px);line-height:.97;margin:28px auto 24px;max-width:480px}.hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.65;max-width:320px}.hero-copy>.eyebrow{font-size:7.5px;letter-spacing:.04em}.hero-demo{margin-top:17px}.hero-note{position:relative;inset:auto;transform:none!important;width:calc(100% - 40px);max-width:370px;margin:12px auto 0;padding:18px 20px;border-radius:14px;background:#faf7eff0}.note-left{margin-top:40px}.hero-note .mini-label{font-size:8px}.hero-note p{font-size:25px;line-height:1.12;margin:16px 0}.note-right p{font-size:15px;line-height:1.6;max-width:none;margin:13px 0}.hero-note .source-line{font-size:8px;padding-top:11px}.hero-foot{display:none}.intro{padding-top:58px}.intro-grid{gap:27px;margin:38px 0}.intro h2{font-size:49px;line-height:1.05}.intro-body p{font-size:15px}.principles{grid-template-columns:1fr 1fr;margin-top:32px;padding:12px 0;gap:4px 18px}.principles>span{border:0!important;min-height:33px;font-size:10px}.story-section{padding-top:60px;padding-bottom:64px}.section-heading{margin:34px 0 23px}.section-heading h2{font-size:49px;line-height:1.03}.section-heading p{font-size:12px;margin:17px 0 0}.demo-tabs{gap:15px}.demo-tabs button{font-size:8px;line-height:1.5;padding:13px 0}.demo-tabs button>span:first-of-type{font-size:10px;margin-top:4px}.demo-panel{grid-template-columns:1fr;margin-top:0;min-height:0}.demo-narrative{padding:28px 0 31px}.demo-narrative h3{font-size:29px;line-height:1.15;margin:20px 0}.demo-narrative>p:not(.eyebrow){font-size:13px}.demo-points{margin:20px 0 24px;font-size:10px}.demo-narrative .demo-disclosure{font-size:9px!important;padding-top:20px}.demo-stage{padding:24px 23px 37px;min-height:520px}.product-panel{width:268px;min-width:0;height:460px}.browser-peek{left:-40px;top:62px;width:88%}.stage-caption{font-size:7px}.connections{margin:0 9px;border-radius:26px}.connections-inner{padding:0 22px;display:flex;flex-direction:column-reverse;gap:0;min-height:0}.connection-copy{padding:45px 0 34px}.connection-copy h2{font-size:51px;line-height:1.05;margin:21px 0}.connection-copy>p{font-size:13px;line-height:1.8}.connection-note{font-size:9px}.connection-art{width:100%;max-width:none;height:auto;min-height:300px;border:0;border-top:1px solid #8fa99b55;padding:30px 0 64px;gap:17px 12px}.connection-center{padding:20px 18px;margin-bottom:14px}.service{font-size:11px;padding:4px 0}.connection-art>p{right:0;bottom:22px;font-size:7px}.control{padding-top:64px;padding-bottom:64px}.control h2{font-size:48px;line-height:1.05}.control-heading{margin-bottom:33px}.control-row{padding:24px 0}.control-row h3{font-size:22px;line-height:1.4}.control-row p{font-size:13px}.install{padding-bottom:60px}.install h2{font-size:49px;line-height:1.05}.install-grid{gap:37px;margin-top:39px}.install-guide{padding:25px 0 0}.install-guide h3{font-size:22px}.install-guide p{font-size:12px;line-height:1.8}.install-guide li{gap:15px;margin-bottom:27px}.install-guide h4{font-size:13px;line-height:1.5}.install-guide li>span{width:25px;height:25px}.quick-start{padding-bottom:64px;gap:26px}.quick-start h2{font-size:41px;line-height:1.05}.finale{margin:0;border-radius:0;padding:48px 0;min-height:325px}.finale h2{font-size:46px;line-height:1.06}.footer-top{padding-top:44px}.footer-word{font-size:19vw;margin-top:42px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* ===== Refinement layer: hero motion, connection map ===== */
.hero h1 .line{display:block;overflow:hidden;padding:0 .04em .16em;margin-bottom:-.16em}
.hero h1 .line-in{display:inline-block}
.hero-image{scale:1.05;translate:calc(var(--px,0)*-10px) calc(var(--py,0)*-6px);transition:translate .6s cubic-bezier(.2,.6,.2,1)}
.hero-note{translate:calc(var(--px,0)*16px) calc(var(--py,0)*10px);transition:translate .7s cubic-bezier(.2,.6,.2,1)}
.hero-note.note-right{translate:calc(var(--px,0)*-12px) calc(var(--py,0)*8px)}
.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2f9e6b;margin-right:8px;vertical-align:1px}
.type-target{min-height:2.7em}
.type-caret::after{content:"";display:inline-block;width:2px;height:1.05em;margin-left:2px;background:currentColor;vertical-align:-.15em;animation:caret 1s steps(1) infinite}
@keyframes caret{50%{opacity:0}}
@keyframes rise{to{transform:translateY(0)}}
@keyframes fade-up{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
@keyframes note-in{from{opacity:0;scale:.94;translate:0 28px}to{opacity:1;scale:1}}
@keyframes settle{from{scale:1.12}to{scale:1.05}}
@keyframes pulse-dot{0%,100%{box-shadow:0 0 0 0 #2f9e6b66}50%{box-shadow:0 0 0 6px #2f9e6b00}}
@keyframes chip-bob{0%,100%{translate:0 0}50%{translate:0 -6px}}
@media(prefers-reduced-motion:no-preference){
  .js .hero-copy{animation:none}
  .js .hero h1 .line-in{transform:translateY(112%);animation:rise 1.05s cubic-bezier(.2,.7,.2,1) .15s forwards}
  .js .hero h1 .line:nth-child(2) .line-in{animation-delay:.3s}
  .js .hero-copy>.eyebrow{opacity:0;animation:fade-up .8s ease .05s forwards}
  .js .hero-copy>p:not(.eyebrow){opacity:0;animation:fade-up .8s ease .7s forwards}
  .js .hero-copy>.button{opacity:0;animation:fade-up .8s ease .85s forwards}
  .js .hero-copy>.hero-demo{opacity:0;animation:fade-up .8s ease 1s forwards}
  .js .hero-foot{opacity:0;animation:fade-up .8s ease 1.2s forwards}
  .js .hero-note{opacity:0;animation:note-in 1s cubic-bezier(.2,.7,.2,1) 1.05s forwards,float 9s ease-in-out 2.2s infinite}
  .js .hero-note.note-right{animation:note-in 1s cubic-bezier(.2,.7,.2,1) 1.3s forwards,float 11s ease-in-out 2.5s infinite reverse}
  .hero-image{animation:settle 2.8s cubic-bezier(.2,.6,.2,1) both}
  .status-dot{animation:pulse-dot 2s ease-out infinite}
  .js [data-reveal]{opacity:0;translate:0 16px;transition:opacity .7s ease,translate .7s cubic-bezier(.2,.7,.2,1)}
  .js [data-reveal].in{opacity:1;translate:0 0}
  .chip{animation:chip-bob 6s ease-in-out infinite}
  .chip:nth-child(2n){animation-delay:-2s}.chip:nth-child(3n){animation-delay:-4s}
  .button{transition:translate .25s ease,box-shadow .25s ease,background-color .25s ease}
  .button:hover{translate:0 -2px;box-shadow:0 10px 22px -10px #421d2466}
}
@media(prefers-reduced-motion:reduce){.hero-image,.hero-note{translate:none;transition:none}}
.cmap{position:relative;width:min(100%,520px);aspect-ratio:1;margin:auto}
.cmap-ring{position:absolute;left:50%;top:50%;border:1px dashed #ffffff2e;border-radius:50%;translate:-50% -50%}
.ring-1{width:50%;height:50%;--r:25cqw}.ring-2{width:76%;height:76%;--r:38cqw}
.cmap{container-type:size}
.cmap-ring ul{list-style:none;margin:0;padding:0;position:absolute;inset:0}
.chip{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(var(--a)) translateX(var(--r))}
.chip-in{position:absolute;left:0;top:0;display:flex;align-items:center;gap:8px;white-space:nowrap;width:max-content;padding:8px 14px 8px 10px;border-radius:999px;background:#fcfcf1;color:#292827;font-size:13px;font-weight:500;letter-spacing:-.01em;box-shadow:0 10px 24px -12px #00000099;transform:translate(-50%,-50%) rotate(calc(var(--a)*-1))}
.chip-in img{display:block}
.connection-center{position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:2}
@media(max-width:700px){.chip-in{font-size:11px;padding:6px 10px 6px 8px;gap:6px}.chip-in img{width:16px;height:16px}.connection-art{height:auto}}
.connection-art{display:grid;grid-template-columns:minmax(0,1fr);place-items:center;height:auto;min-height:0;padding:28px 22px 60px 0;scale:1}
.cmap{grid-column:1/-1;width:min(100%,500px)}
@media(max-width:1100px){.connection-art{padding:30px 0 64px}.cmap{width:min(100%,440px)}}
.note-right .source-line{justify-content:flex-start;align-items:center}
@media print{[data-reveal]{opacity:1!important;translate:none!important}}

[hidden]{display:none!important}
.release-box .button{margin:8px 0 6px}
.release-box #release-note{margin-bottom:14px}
.release-box .text-link{display:inline-block;margin:10px 0 0}
#release-meta{display:block;margin-top:18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;line-height:1.6;color:#6b6762;overflow-wrap:anywhere}
.install-guide ol{gap:34px}
.install-grid{align-items:start}

/* Connection map v2: one centred hub over an even grid of tool tiles. */
.tool-map{width:min(100%,460px);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:26px}
.tool-map .connection-center{position:static;translate:none;transform:none;align-self:center}
.tool-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:100%}
.tool{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;aspect-ratio:1;border-radius:18px;background:#fcfcf1;color:#292827;font-size:12px;font-weight:500;letter-spacing:-.005em;box-shadow:0 1px 0 #fff8 inset,0 10px 22px -16px #000a;transition:translate .25s ease,box-shadow .25s ease}
.tool img{display:block;width:30px;height:30px}
@media(hover:hover){.tool:hover{translate:0 -3px;box-shadow:0 1px 0 #fff8 inset,0 16px 26px -14px #000c}}
.tool-mcp{margin:0;display:flex;align-items:center;gap:10px;padding:10px 18px;border-radius:999px;border:1px dashed #ffffff55;color:#e1ece5;font-size:13px}
.tool-mcp img{filter:brightness(0) invert(1);opacity:.9}
@media(max-width:700px){.tool-grid{gap:8px}.tool{border-radius:14px;font-size:11px}.tool img{width:24px;height:24px}}

/* Hero shows the real side panel (staged example), not illustrations. */
.hero-shot{position:absolute;bottom:-110px;margin:0;width:min(320px,24vw);border-radius:26px;overflow:hidden;background:#fff;border:1px solid #ffffffb0;box-shadow:0 40px 70px -30px #1b1a3d99,0 0 0 6px #ffffff2e;z-index:1}
.hero-shot img{display:block;width:100%;height:auto;aspect-ratio:800/1250;object-fit:cover;object-position:bottom}
.shot-left{left:max(5vw,28px);rotate:-3.5deg;translate:calc(var(--px,0)*14px) calc(var(--py,0)*8px);transition:translate .7s cubic-bezier(.2,.6,.2,1)}
.shot-right{right:max(5vw,28px);rotate:3.5deg;translate:calc(var(--px,0)*-12px) calc(var(--py,0)*8px);transition:translate .7s cubic-bezier(.2,.6,.2,1)}
@media(prefers-reduced-motion:no-preference){.js .hero-shot{opacity:0;animation:shot-in 1.1s cubic-bezier(.2,.7,.2,1) 1.1s forwards}.js .shot-right{animation-delay:1.3s}}
@keyframes shot-in{from{opacity:0;scale:.95;bottom:-230px}to{opacity:1;scale:1;bottom:-110px}}
@media(max-width:1050px){.shot-left{display:none}.shot-right{right:50%;translate:50% 0;rotate:0deg;width:min(300px,64vw)}}
.hero-foot{display:none}
.footer-word{color:#ffffff2e!important}
.product-composer .mic{margin-left:auto;color:#555}.product-composer>span:last-child{margin-left:0!important}
.hero-copy>.hero-caption{font-size:11px;letter-spacing:.02em;margin:10px 0 0;color:#ffffffd9;opacity:1}
.hero-copy>.hero-caption{color:#2b2540!important;font-weight:500;text-shadow:0 1px 10px #ffffff80}

.hero-copy .button.ghost-light{background:#ffffff55;border-color:#ffffffb0;color:#1a1a1a;margin-left:10px;backdrop-filter:blur(8px)}
.hero-copy .button.ghost-light:hover{background:#ffffff80}
.hero-demo{display:none}
.section-meta span:empty{display:none}