/* One continuous composition: direction, coordinated work, real places on the web. */
.tech-page{position:relative;isolation:isolate;overflow:hidden;padding-bottom:38px;background:radial-gradient(ellipse at 80% 18%,#daf3ff 0,transparent 36%),radial-gradient(ellipse at 0 65%,#e4f6ff 0,transparent 32%),#fff}.tech-page::before{content:"";position:absolute;z-index:-1;top:380px;bottom:0;left:50%;width:1px;background:linear-gradient(#b1def1,transparent 55%,#b1def1);pointer-events:none}.tech-hero{padding-block:28px 0}.tech-hero-copy{position:relative;z-index:2}.tech-hero h1{font-size:clamp(2.8rem,11.8vw,5.8rem);line-height:.99;letter-spacing:-.06em;margin-top:13px}.tech-hero h1>span{color:var(--pine)}.tech-hero-copy>p:not(.section-tag){max-width:470px;color:var(--muted);font-size:.96rem;line-height:1.65;margin-top:18px}.tech-hero-copy>p.tech-hero-note{font-size:.86rem;margin-top:10px}.tech-hero-copy>.button{margin-top:19px;font-size:.82rem}.hero-context{display:flex;flex-wrap:wrap;gap:14px;margin-top:19px;font-size:.63rem;font-weight:800;color:#7692a2;text-transform:uppercase;letter-spacing:.06em}.hero-context>span+span::before{content:"/";margin-right:14px;color:#b6d2e0}.agent-workspace{position:relative;min-width:0;margin-top:28px;padding-top:16px}.workspace-topline{display:flex;justify-content:space-between;flex-wrap:wrap;gap:7px;font-size:.55rem;font-weight:800;letter-spacing:.11em;color:#688a9d;margin-bottom:14px}.workspace-demo-label{font-size:.55rem;font-weight:500;letter-spacing:0}.direction-panel{position:relative;padding:22px;background:linear-gradient(115deg,#087ab8,#119cd7);color:#fff;border-radius:3px 28px 3px 28px;box-shadow:0 18px 36px #1c8abb14;overflow:hidden}.direction-panel::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 20%,#ffffff16 45%,transparent 60%);transform:translateX(-100%);animation:direction-sweep 6s ease-in-out infinite}.direction-label{font-size:.57rem;letter-spacing:.14em;font-weight:800;color:#bfe9fc}.direction-panel p{font-size:1.6rem;line-height:1.16;letter-spacing:-.04em;margin-top:9px;font-weight:500}.direction-panel p>strong{font-weight:800}.direction-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:15px;font-size:.68rem;color:#dcf4ff}.direction-arrow{font-size:2.3rem;font-weight:400;line-height:.9}.agent-flow{position:relative;height:35px;width:100%;display:flex;justify-content:center;align-items:center}.agent-flow::before{content:"";position:absolute;top:0;bottom:0;width:2px;background:#abd9ee}.agent-flow::after{content:"";position:absolute;bottom:0;left:25%;right:25%;height:14px;border:2px solid #abd9ee;border-bottom:0;border-radius:9px 9px 0 0}.agent-flow i{position:absolute;top:0;width:9px;height:15px;border-radius:9px;background:#048ccb;animation:flow-down 1.6s linear infinite;z-index:1}.agent-cards{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;padding-block:5px 27px}.agent-cards::after{content:"";position:absolute;bottom:0;left:25%;right:25%;height:20px;border:2px solid #a9d7ec;border-top:0;border-radius:0 0 13px 13px}.agent-task{height:133px;padding:14px 12px;position:relative;border:1px solid #c9e2ef;border-radius:15px;background:#ffffffc9;box-shadow:0 6px 16px #297d9c08;transition:transform .65s cubic-bezier(.2,.8,.2,1),background .55s,color .55s,box-shadow .55s;transform:translateY(0);color:var(--ink);overflow:hidden}.agent-task-top{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:.5rem;font-weight:800;letter-spacing:.08em;color:#7a99aa}.agent-task-top i{display:block;width:5px;height:5px;border-radius:50%;background:#a9ccde}.agent-task>strong{display:block;font-size:1.02rem;font-weight:800;line-height:1.15;letter-spacing:-.03em;margin-top:13px}.agent-task-detail,.agent-task-state{display:block;font-size:.58rem;line-height:1.4;color:#7b94a2;position:absolute;left:12px;right:12px;bottom:13px;transition:opacity .35s}.agent-task-state{opacity:0;color:#c9eeff}.agent-task.is-active{background:#087ab8;color:#fff;border-color:#087ab8;box-shadow:0 15px 25px #087ab82e;transform:translateY(-7px) rotate(-1deg)}.agent-task.is-active .agent-task-top{color:#c1e8fa}.agent-task.is-active .agent-task-top i{background:#ffd45b;box-shadow:0 0 0 4px #ffffff13}.agent-task.is-active .agent-task-detail{opacity:0}.agent-task.is-active .agent-task-state{opacity:1}.agent-task.is-reviewed .agent-task-top i{background:#40a8d7}
/* The outputs open into a gallery, not another hidden menu. */
.tech-websites{position:relative;padding-top:35px;padding-bottom:35px}.tech-websites::before{content:"";position:absolute;top:0;left:50%;height:27px;width:2px;background:#a7d5e9}.tech-section-heading{position:relative;display:grid;gap:12px}.tech-section-heading h2{font-size:1.8rem;line-height:1.1;letter-spacing:-.045em;margin-top:8px}.tech-section-heading>p{font-size:.9rem;line-height:1.65;max-width:430px;color:var(--muted)}.tech-sites-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px;margin-top:24px}.tech-site{min-width:0}.tech-site-link{display:flex;flex-direction:column;height:100%;text-decoration:none}.tech-site-screen{padding:7px 7px 0;background:#ccebf9;border:1px solid #c5e1ee;border-radius:12px 12px 0 0;overflow:hidden;transition:transform .25s}.tech-site-cash .tech-site-screen{background:#fff0be}.tech-site-cart .tech-site-screen{background:#fde4dd}.tech-site-mail .tech-site-screen{background:#d9edf8}.tech-site-toolbar{display:flex;align-items:center;gap:3px;height:16px;padding-inline:5px;background:#fff;border-radius:5px 5px 0 0}.tech-site-toolbar i{flex:0 0 3px;width:3px;height:3px;border-radius:50%;background:#bdd5e1}.tech-site-toolbar i:first-child{background:#ec9582}.tech-site-toolbar i:nth-child(2){background:#e5c15e}.tech-site-toolbar>span{margin-left:4px;font-size:.37rem;line-height:1;color:#708b98;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tech-site-image{aspect-ratio:1000/560;background:white;overflow:hidden}.tech-site-image img{width:100%;height:100%;object-fit:contain;object-position:top center}.tech-site-copy{flex:1;display:flex;flex-direction:column;padding:12px 0 0}.tech-site h3{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:.93rem;line-height:1.25;letter-spacing:-.04em}.tech-site h3>span{color:var(--pine);font-size:1rem;font-weight:500}.tech-site p{font-size:.72rem;line-height:1.55;color:var(--muted);margin-top:6px}.tech-site-open{display:flex;align-items:center;justify-content:space-between;gap:4px;color:var(--pine);font-size:.64rem;font-weight:800;padding-top:10px;margin-top:auto}.tech-site-open b{font-weight:500;font-size:1rem}.tech-site-link:hover .tech-site-screen{transform:translateY(-4px)}.tech-site-link:hover .tech-site-open{text-decoration:underline}
/* Direction becomes a visual rhythm running through the rest of the page. */
.tech-approach{padding-block:28px 38px;position:relative}.approach-heading h2{font-size:2.3rem;line-height:1.03;letter-spacing:-.05em;margin-top:10px}.approach-heading>p:last-child{font-size:.92rem;line-height:1.7;color:var(--muted);margin-top:18px;max-width:560px}.approach-process{margin-top:25px;position:relative;display:grid;gap:0}.approach-process::before{content:"";position:absolute;left:20px;top:12px;bottom:30px;width:2px;background:#add7eb}.approach-process>div{position:relative;display:grid;grid-template-columns:43px 1fr;column-gap:17px;padding-block:0 22px}.approach-process>div>span{grid-row:1/3;display:grid;place-items:center;align-self:start;width:43px;height:43px;background:#fff;border:1px solid #a9d7eb;border-radius:50%;font-size:.8rem;font-weight:800;color:var(--pine);z-index:1;box-shadow:0 0 0 6px #f1faff}.approach-process h3{font-size:1.04rem;letter-spacing:-.025em;padding-top:2px}.approach-process p{font-size:.8rem;color:var(--muted);line-height:1.6;margin-top:4px}.tech-broad{position:relative;display:grid;gap:26px;padding-block:32px}.tech-broad::before{content:"";position:absolute;z-index:-1;top:0;bottom:-90px;left:50%;width:100vw;transform:translateX(-50%);background:linear-gradient(130deg,#d9f2ff,#effaff 60%,#fff)}.broad-type{position:relative;overflow:hidden;padding-block:6px}.broad-type>span{display:block;font-size:clamp(2.5rem,11vw,5rem);line-height:1.03;font-weight:800;letter-spacing:-.06em;color:#1987ba}.broad-type>span:nth-child(2){color:#54afd5;transform:translateX(20px)}.broad-type>span:nth-child(3){color:transparent;-webkit-text-stroke:1px #1685b7;transform:translateX(5px)}.broad-type i{position:absolute;inset:0;background:linear-gradient(105deg,transparent 15%,#ffffff9c 45%,transparent 65%);animation:type-light 7s ease-in-out infinite;pointer-events:none}.broad-copy h2{font-size:1.9rem;margin-top:10px}.broad-copy>p:not(.section-tag){font-size:.92rem;line-height:1.7;color:var(--muted);margin-top:15px}.broad-copy .button{margin-top:21px;font-size:.83rem}
@keyframes flow-down{from{transform:translateY(-8px);opacity:0}20%{opacity:1}to{transform:translateY(30px);opacity:0}}@keyframes direction-sweep{0%,25%{transform:translateX(-100%)}75%,100%{transform:translateX(100%)}}@keyframes type-light{0%,20%{transform:translateX(-100%)}80%,100%{transform:translateX(100%)}}
@media(min-width:390px){.tech-hero{padding-top:32px}.tech-hero-copy>p:not(.section-tag){font-size:1rem}.tech-hero-copy>p.tech-hero-note{font-size:.9rem}.agent-task{height:141px;padding:15px}.agent-task>strong{font-size:1.12rem}.agent-task-top{font-size:.52rem}.agent-task-detail,.agent-task-state{left:15px;right:15px;font-size:.61rem}.direction-panel p{font-size:1.9rem}.tech-site h3{font-size:1.02rem}.tech-site p{font-size:.76rem}.tech-site-open{font-size:.68rem}}
@media(min-width:600px){.tech-hero-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;align-items:start}.tech-hero-copy>.section-tag{grid-column:1/-1}.tech-hero h1{grid-column:1;grid-row:2/5;font-size:3.5rem;margin-top:13px}.tech-hero-copy>p:not(.section-tag){grid-column:2;font-size:.9rem;line-height:1.65;margin-top:14px}.tech-hero-copy>p.tech-hero-note{font-size:.82rem;margin-top:10px}.tech-hero-copy>.button{grid-column:2;margin-top:17px;justify-self:start;font-size:.76rem}.hero-context{grid-column:1/-1;margin-top:22px}.agent-workspace{margin-top:22px}.workspace-topline{font-size:.62rem}.workspace-demo-label{font-size:.62rem}.direction-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding:26px 30px}.direction-label{grid-column:1/-1;font-size:.63rem}.direction-panel p{font-size:2rem;margin-top:8px}.direction-bottom{margin-top:0;font-size:.8rem;align-self:end}.direction-arrow{font-size:3.5rem}.agent-flow{height:43px}.agent-flow::after{left:12.5%;right:12.5%;height:18px}.agent-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding-bottom:30px}.agent-cards::after{left:12.5%;right:12.5%}.agent-task{padding:12px 10px;height:140px;border-radius:15px}.agent-task-top{font-size:.44rem;letter-spacing:.04em}.agent-task>strong{font-size:.94rem;margin-top:16px}.agent-task-detail,.agent-task-state{font-size:.55rem;left:10px;right:10px}.tech-websites{padding-top:40px}.tech-section-heading{grid-template-columns:1fr 1fr;gap:30px;align-items:end}.tech-section-heading h2{font-size:2rem}.tech-section-heading>p{font-size:.9rem}.tech-sites-grid{gap:28px 22px;margin-top:29px}.tech-site-screen{padding:11px 11px 0;border-radius:18px 18px 0 0}.tech-site-toolbar{height:22px;gap:4px;padding-inline:8px}.tech-site-toolbar i{width:4px;height:4px;flex-basis:4px}.tech-site-toolbar>span{font-size:.49rem}.tech-site-copy{padding-top:16px}.tech-site h3{font-size:1.2rem}.tech-site p{font-size:.86rem}.tech-site-open{font-size:.76rem;padding-top:13px}.tech-approach{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding-block:40px}.approach-heading h2{font-size:2.5rem}.approach-heading>p:last-child{font-size:.89rem}.approach-process{margin-top:10px}.approach-process h3{font-size:1.04rem}.approach-process p{font-size:.78rem}.tech-broad{grid-template-columns:1fr 1fr;gap:30px;padding-block:40px;align-items:center}.broad-type>span{font-size:clamp(2.8rem,6.3vw,5rem)}.broad-type>span:nth-child(2){transform:translateX(15px)}.broad-copy h2{font-size:2rem}.broad-copy>p:not(.section-tag){font-size:.9rem}.broad-copy .button{font-size:.8rem}}
@media(min-width:768px){.tech-hero{padding-top:40px}.tech-hero h1{font-size:4.4rem}.tech-hero-copy{gap:0 45px}.tech-hero-copy>p:not(.section-tag){font-size:1rem}.tech-hero-copy>p.tech-hero-note{font-size:.9rem}.tech-hero-copy>.button{font-size:.84rem}.hero-context{margin-top:26px;font-size:.67rem}.direction-panel{padding:30px 35px}.direction-panel p{font-size:2.4rem}.direction-bottom{font-size:.9rem}.agent-task{height:156px;padding:15px}.agent-task-top{font-size:.53rem}.agent-task>strong{font-size:1.18rem;margin-top:18px}.agent-task-detail,.agent-task-state{left:15px;right:15px;font-size:.62rem}.agent-cards{gap:15px}.tech-section-heading h2{font-size:2.35rem}.tech-site h3{font-size:1.35rem}.tech-site p{font-size:.91rem}.tech-site-open{font-size:.81rem}.tech-websites{padding-bottom:45px}.approach-heading h2{font-size:3rem}.approach-heading>p:last-child{font-size:1rem}.approach-process>div{padding-bottom:28px}.approach-process h3{font-size:1.13rem}.approach-process p{font-size:.84rem}.broad-copy h2{font-size:2.2rem}.broad-copy>p:not(.section-tag){font-size:.96rem}}
@media(min-width:1050px){.tech-page{padding-bottom:55px}.tech-hero{padding-top:48px}.tech-hero-copy{grid-template-columns:1.15fr .85fr;column-gap:10%}.tech-hero h1{font-size:clamp(5.5rem,8vw,7.7rem)}.tech-hero-copy>p:not(.section-tag){font-size:1.08rem;max-width:440px;margin-top:17px}.tech-hero-copy>p.tech-hero-note{font-size:.99rem}.tech-hero-copy>.button{font-size:.9rem;margin-top:20px}.hero-context{margin-top:25px;font-size:.72rem}.agent-workspace{margin-top:38px}.workspace-topline{margin-bottom:18px;font-size:.67rem}.workspace-demo-label{font-size:.67rem}.direction-panel{grid-template-columns:1.05fr .95fr;padding:29px 40px;border-radius:3px 38px 3px 38px}.direction-label{font-size:.67rem}.direction-panel p{font-size:2.8rem}.direction-bottom{font-size:1rem}.direction-arrow{font-size:4.2rem}.agent-flow{height:53px}.agent-cards{gap:26px;padding-bottom:35px}.agent-task{height:171px;padding:22px;border-radius:18px}.agent-task-top{font-size:.62rem}.agent-task>strong{font-size:1.5rem;margin-top:19px}.agent-task-detail,.agent-task-state{left:22px;right:22px;bottom:19px;font-size:.72rem}.agent-task.is-active{transform:translateY(-11px) rotate(-1deg)}.tech-websites{padding-top:45px;padding-bottom:48px}.tech-section-heading{grid-template-columns:1.1fr .9fr;column-gap:10%}.tech-section-heading h2{font-size:2.8rem}.tech-section-heading>p{font-size:1rem}.tech-sites-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:35px}.tech-site-screen{padding:8px 8px 0;border-radius:13px 13px 0 0}.tech-site-toolbar{height:19px;padding-inline:5px;gap:3px}.tech-site-toolbar i{width:3px;height:3px;flex-basis:3px}.tech-site-toolbar>span{font-size:.4rem}.tech-site h3{font-size:1.04rem}.tech-site p{font-size:.79rem}.tech-site-open{font-size:.69rem}.tech-approach{grid-template-columns:1fr 1fr;gap:10%;padding-block:55px 60px}.approach-heading h2{font-size:3.9rem}.approach-heading>p:last-child{font-size:1.05rem}.approach-process{margin-top:22px}.approach-process>div{grid-template-columns:53px 1fr;column-gap:25px;padding-bottom:32px}.approach-process>div>span{width:53px;height:53px;font-size:1rem}.approach-process::before{left:26px}.approach-process h3{font-size:1.3rem}.approach-process p{font-size:.95rem}.tech-broad{gap:70px;padding-block:50px}.broad-type>span{font-size:clamp(4rem,6.1vw,5.7rem)}.broad-type>span:nth-child(2){transform:translateX(27px)}.broad-copy h2{font-size:2.8rem}.broad-copy>p:not(.section-tag){font-size:1.05rem}.broad-copy .button{font-size:.89rem}}
@media(max-width:350px){.tech-hero h1{font-size:2.6rem}.tech-hero-copy>p:not(.section-tag){font-size:.91rem}.tech-hero-copy>p.tech-hero-note{font-size:.84rem}.direction-panel{padding:19px}.direction-panel p{font-size:1.45rem}.direction-bottom{font-size:.61rem}.workspace-demo-label{font-size:.51rem}.agent-task{padding:12px 10px;height:130px}.agent-task>strong{font-size:.95rem}.agent-task-top{font-size:.44rem}.agent-task-detail,.agent-task-state{left:10px;right:10px;font-size:.53rem}.tech-sites-grid{gap:20px 10px}.tech-site h3{font-size:.82rem}.tech-site p{font-size:.68rem}.tech-site-open{font-size:.58rem}.broad-type>span{font-size:2.5rem}}
@media(prefers-reduced-motion:reduce){.tech-page *, .tech-page *::before,.tech-page *::after{animation:none!important;transition:none!important}.agent-task.is-active{transform:none}}

/* Keep the headline phrase intact at phone-to-tablet widths. */
.tech-hero h1>span{white-space:nowrap}
@media(min-width:600px) and (max-width:1049px){.tech-hero h1{font-size:clamp(2.5rem,6.8vw,4.2rem)}}