.joinder-capabilities{margin-top:96px}.capabilities-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:33px}.capabilities-heading h3,.joinder-journey>h3{font-size:32px;line-height:1.25;letter-spacing:-1px;margin-top:17px}.capabilities-heading>p{font-size:13px;line-height:1.8;color:var(--muted)}.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.capability-grid article{position:relative;padding:32px 27px 30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#10111a;transition:background .2s}.capability-grid article:hover{background:#171923}.capability-icon{display:block;font:24px/1.5 monospace;color:var(--lime);margin-bottom:25px}.capability-index{position:absolute;top:44px;right:24px;font:6px/1.8 var(--pixel);color:#9396aa}.capability-grid h4{font-size:19px;line-height:1.4;font-weight:600;letter-spacing:-.4px;margin:0 0 14px}.capability-grid p{font-size:13px;line-height:1.85;color:#a6a9bc;margin:0}.joinder-mobile{display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:8%;margin-top:72px;padding:46px;background:#171d18;border:1px solid #343f2d;position:relative}.mobile-illustration{position:relative;display:flex;align-items:center;justify-content:center;padding:22px 30px 12px 0}.pixel-phone{width:190px;border:5px solid #b6c7a5;padding:23px 14px 16px;position:relative;background:#111710;box-shadow:7px 7px 0 #3e4c34;transform:rotate(-5deg);outline:1px solid #6a785d}.phone-camera{position:absolute;top:9px;left:calc(50% - 13px);width:26px;height:3px;background:#73866c}.phone-logo{font-size:37px;line-height:1;color:var(--lime);font-weight:700;letter-spacing:-4px}.pixel-phone>small{display:block;font:5px/1.8 var(--pixel);color:#c3cbb8;margin-block:16px 14px}.phone-field{font-size:8px;background:#20291b;color:#a4b794;border:1px solid #46573b;padding:8px 9px;margin-bottom:9px}.phone-field b{font-size:9px;display:block;color:#d3e7c6;margin-top:4px;font-weight:400}.phone-photo{padding:16px 10px;text-align:center;border:1px dashed #5c7446;font:6px/1.5 var(--pixel);color:var(--lime);margin-top:11px}.phone-saved{font:4px/2 var(--pixel);display:block;color:#90ad77;margin-top:18px;letter-spacing:.2px}.phone-send{display:block;background:var(--lime);color:#1f2a17;font:7px/1.7 var(--pixel);text-align:center;margin-top:11px;padding:10px}.offline-sticker{font:8px/2 var(--pixel);position:absolute;right:-2px;top:49px;background:var(--lime);color:#1d2816;padding:12px;transform:rotate(8deg);box-shadow:4px 4px 0 #111b0a}.offline-sticker strong{font-weight:400}.mobile-copy>.eyebrow{color:#a3be8e;font-size:7px}.mobile-copy h3,.ai-copy h3{font-size:39px;line-height:1.2;letter-spacing:-1.2px;margin:20px 0}.mobile-copy p,.ai-copy p{font-size:14px;line-height:1.85;color:#b1bca9;margin-top:15px}.mobile-copy p strong{color:var(--ink);font-weight:600}.mobile-copy .compatibility-note{font-size:11px;line-height:1.8;color:#95a58c;border-left:2px solid #69834f;padding-left:13px;margin-top:20px}.mobile-demo-note{font:4px/2 var(--pixel);color:#7b8f70;display:block;margin-top:16px}.joinder-ai{display:grid;grid-template-columns:1.05fr .95fr;gap:8%;align-items:center;padding-block:70px;border-bottom:1px solid var(--line)}.ai-copy>.eyebrow{color:var(--lavender);font-size:7px}.ai-copy h3 span{color:var(--lavender)}.ai-copy p{color:var(--muted)}.ai-terminal{background:#14121f;border:1px solid #4b405e;box-shadow:6px 6px 0 #231d32}.terminal-heading{display:flex;justify-content:space-between;align-items:center;background:#252030;padding:14px 17px;color:#c1acd8;font:7px/1.6 var(--pixel)}.terminal-heading .status-dot{width:4px;height:4px;margin-right:7px}.terminal-body{padding:25px}.terminal-comment{font:10px/1.8 monospace;color:#a18cb8}.terminal-body>p{font:13px/1.8 monospace;margin-top:17px;color:#e3d7ef}.terminal-body>p>.lime{margin-right:6px}.terminal-path{display:flex;align-items:center;flex-direction:column;gap:9px;padding:27px 0 17px}.terminal-path>span{font:6px/1.8 var(--pixel);border:1px solid #4f415f;background:#241c31;color:var(--lavender);padding:11px 12px;text-align:center;width:100%}.terminal-path>b{color:#9779b5;font:14px monospace;font-weight:400}.terminal-body>.terminal-caption{font:10px/1.8 var(--sans);color:#a18cb8;padding-top:15px;border-top:1px dashed #4b3b5c;margin-top:8px}.joinder-journey{padding-top:62px}.joinder-journey>h3{margin-top:17px}.joinder-journey ol{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;margin:36px 0 0;gap:28px;counter-reset:steps}.joinder-journey li{position:relative;border-top:2px solid #3d4c2d;padding-top:22px}.joinder-journey li>span{font:13px/1.5 var(--pixel);color:var(--lime)}.joinder-journey li:not(:last-child):after{content:'→';position:absolute;right:-19px;top:-17px;font:23px/1 var(--sans);color:#697755;background:var(--bg);padding-inline:3px}.joinder-journey h4{font-size:20px;line-height:1.3;font-weight:600;margin:15px 0 10px}.joinder-journey li p{font-size:13px;line-height:1.8;color:var(--muted)}.use-case-strip{display:flex;gap:25px;align-items:center;padding:22px 0;margin-top:35px;border-block:1px dashed #383b47}.use-case-strip>span{font:6px/1.9 var(--pixel);color:var(--lavender);max-width:130px;flex-shrink:0}.use-case-strip>p{font-size:12px;color:#b3b5c4;line-height:2}.use-case-strip i{font-style:normal;color:#5b5b70;margin-inline:10px}.joinder-faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:9%;padding-top:64px}.joinder-faq>.eyebrow,.joinder-faq>div>.eyebrow{color:var(--muted);font-size:6px}.joinder-faq h3{font-size:29px;letter-spacing:-.8px;line-height:1.3;margin:17px 0}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{font-size:15px;padding-block:20px;justify-content:space-between;gap:12px;line-height:1.6}.faq-list summary>span{font:23px/1 monospace;color:var(--lime);transition:transform .2s;flex-shrink:0}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list p{font-size:13px;color:var(--muted);line-height:1.9;padding-bottom:23px}.product-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:41px;margin-top:52px;border-top:1px solid var(--line)}.product-cta .eyebrow{font-size:6px}.product-cta p{font-size:18px;letter-spacing:-.2px;margin-top:12px}.product-cta .button{flex-shrink:0}.contact-heading h2{font-size:clamp(30px,5.15vw,74px)}
@media(max-width:1100px){.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.capabilities-heading{align-items:start}.capabilities-heading h3{font-size:28px}.capabilities-heading>p{font-size:12px}.capabilities-heading>p br{display:none}.capabilities-heading>p{max-width:220px}.joinder-mobile{padding:30px;gap:5%;grid-template-columns:.8fr 1.2fr}.mobile-copy h3,.ai-copy h3{font-size:32px}.mobile-copy>.eyebrow,.ai-copy>.eyebrow{font-size:6px}.mobile-illustration{padding-left:0;padding-right:20px}.offline-sticker{font-size:6px;right:-4px}.joinder-ai{gap:6%}.terminal-body{padding:20px}.terminal-path>span{font-size:5px}.joinder-journey ol{gap:22px}.product-cta p{font-size:16px}.product-cta .eyebrow{font-size:5px}}
@media(max-width:760px){.joinder-capabilities{margin-top:65px}.capabilities-heading{display:block;margin-bottom:26px}.capabilities-heading .eyebrow{font-size:5px}.capabilities-heading h3,.joinder-journey>h3{font-size:28px}.capabilities-heading>p{max-width:none;margin-top:15px;font-size:13px}.capability-grid{grid-template-columns:1fr}.capability-grid article{padding:26px 23px}.capability-icon{margin-bottom:19px}.capability-index{top:38px;right:23px}.capability-grid h4{font-size:20px}.capability-grid p{font-size:14px}.joinder-mobile{grid-template-columns:1fr;padding:28px 23px;gap:30px;margin-top:44px}.mobile-illustration{width:245px;max-width:100%;margin-inline:auto;padding-top:12px}.pixel-phone{width:180px}.offline-sticker{right:-9px;top:40px;font-size:7px}.mobile-copy h3,.ai-copy h3{font-size:32px}.mobile-copy p,.ai-copy p{font-size:14px}.joinder-ai{grid-template-columns:1fr;gap:30px;padding-block:46px}.ai-terminal{margin-right:6px}.terminal-body{padding:23px}.terminal-path>span{font-size:6px}.joinder-journey{padding-top:45px}.joinder-journey>.eyebrow{font-size:5px}.joinder-journey ol{grid-template-columns:1fr 1fr;gap:30px 25px}.joinder-journey li:nth-child(2):after{display:none}.joinder-journey li>span{font-size:11px}.joinder-journey li p{font-size:13px}.use-case-strip{display:block;padding-block:18px;margin-top:27px}.use-case-strip>span{max-width:none}.use-case-strip>p{margin-top:12px}.use-case-strip i{margin-inline:6px}.joinder-faq{grid-template-columns:1fr;gap:10px;padding-top:42px}.joinder-faq h3{font-size:28px}.faq-list summary{font-size:15px}.faq-list p{font-size:14px}.product-cta{display:block;margin-top:37px;padding-top:29px}.product-cta .eyebrow{font-size:5px}.product-cta p{font-size:18px;margin-top:14px}.product-cta .button{margin-top:23px}.contact-heading h2{font-size:clamp(24px,5.3vw,42px)}}
.joinder-official-logo{display:block;width:min(280px,65vw);height:auto;object-fit:contain}.demo-official-logo{display:block;width:29px;height:28px;object-fit:contain;margin-bottom:9px}.phone-official-logo{display:block;width:40px;height:38px;object-fit:contain}