/* Integration: retain this scoped stylesheet and the section; omit document wrapper. */
.ink-apps{--paper:#f0ede6;--copper:#d7936f;--muted:#a5aaa9;background:#090b0d;color:var(--paper);font:16px/1.65 Inklimit,Arial,sans-serif;padding:80px 24px}.ink-apps *{box-sizing:border-box}.ink-apps .apps-wrap{max-width:1160px;margin:auto}.ink-apps .eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--copper)}.ink-apps h2{font-size:clamp(38px,6vw,70px);line-height:1.08;letter-spacing:-.045em;font-weight:550;max-width:800px;margin:22px 0}.ink-apps h2 span{color:var(--copper)}.ink-apps h3{line-height:1.2;font-size:24px;font-weight:550;margin:12px 0}.ink-apps p{color:var(--muted);max-width:680px}.ink-apps .lead{font-size:19px}.ink-apps .use-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:42px 0}.ink-apps .use-case{border-top:1px solid #363938;padding-top:20px}.ink-apps .number{color:var(--copper);font-size:12px}.ink-apps .use-case p{font-size:15px}.ink-apps .case-study{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center;border:1px solid #343a3a;border-radius:22px;padding:42px;background:linear-gradient(140deg,#161b1d,#0d1011);margin:40px 0}.ink-apps .badge{display:inline-block;color:#8ed2bc;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.ink-apps .case-study h3{font-size:46px;letter-spacing:-.035em;margin:18px 0}.ink-apps .tags{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.ink-apps .tags span{font-size:11px;border:1px solid #394847;padding:5px 10px;border-radius:20px;color:#c5d7d0}.ink-apps .button{display:inline-block;text-decoration:none;background:var(--copper);color:#15110e;padding:13px 22px;border-radius:7px;font-weight:600;font-size:14px}.ink-apps .text-link{color:var(--paper);text-underline-offset:5px}.ink-apps .actions{display:flex;flex-wrap:wrap;gap:22px;align-items:center;margin:26px 0}.ink-apps a:focus-visible{outline:3px solid #80cab4;outline-offset:5px}.ink-apps .phone{max-width:300px;margin:auto;background:#f8f7f3;color:#183346;border:8px solid #263238;border-radius:30px;padding:20px;box-shadow:0 25px 65px #0005;transform:rotate(3deg)}.ink-apps .phone-header{display:flex;justify-content:space-between;font-size:12px;border-bottom:1px solid #dbe2da;padding-bottom:12px}.ink-apps .phone-brand{font-size:19px;font-weight:700}.ink-apps .phone-title{font-size:28px;line-height:1.15;letter-spacing:-1px;margin:23px 0 15px}.ink-apps .phone p{font-size:12px;color:#596f72}.ink-apps .horizon{height:105px;background:linear-gradient(160deg,#eaf2e5,#cbe4d1);border-radius:12px;position:relative;overflow:hidden}.ink-apps .horizon:before{content:'';position:absolute;width:65px;height:65px;border-radius:50%;background:#83cbbb;left:55%;top:16px}.ink-apps .horizon:after{content:'';position:absolute;width:130%;height:90px;border-radius:50%;background:#548e81;left:-15%;top:70px}.ink-apps .phone-card{margin-top:13px;border:1px solid #dee6dc;border-radius:12px;padding:14px;font-size:13px;background:white}.ink-apps .phone-card small{display:block;color:#508675;font-size:10px;margin-bottom:5px}.ink-apps .phone-footer{display:flex;justify-content:space-between;font-size:10px;margin-top:18px;color:#57776a}.ink-apps .mockup-note{font-size:11px;text-align:center;margin:20px auto 0;color:#899791}.ink-apps .closing{display:flex;justify-content:space-between;align-items:center;gap:32px;padding-top:20px}.ink-apps .closing h3{font-size:28px}.ink-apps .fineprint{font-size:12px}
@media(max-width:740px){.ink-apps{padding:48px 20px}.ink-apps .use-cases,.ink-apps .case-study{grid-template-columns:1fr}.ink-apps .case-study{padding:25px;gap:25px}.ink-apps .closing{display:block}.ink-apps .phone{transform:none}.ink-apps .lead{font-size:17px}}

.ink-apps .use-case{min-width:0}.ink-apps .phone{width:100%}.ink-apps .case-study>div{min-width:0}.ink-apps .button{border-color:var(--copper)}.ink-apps .button:hover{background:#e3aa8c;border-color:#e3aa8c}
@media (min-width:1001px) and (max-width:1280px){.menu-toggle{display:flex;align-items:center;gap:12px;background:transparent;border:1px solid #454b53;color:var(--text);padding:9px 14px;border-radius:3px;font-size:.875rem}.header nav{display:none;position:absolute;left:0;right:0;top:94px;background:#0d1013;padding:25px 32px 35px;border-bottom:1px solid #454b53;align-items:stretch;font-size:1rem;gap:18px}.header nav.open{display:flex;flex-direction:column}.header nav .client-link{border:0;padding:0}}