.bofs-app-development{--app-blue:#2563eb;--app-purple:#7c3aed;--app-navy:#0b1220;--app-ink:#172036;--app-muted:#64748b;--app-line:#e2e8f0;overflow:clip;background:#fff;color:var(--app-ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif}.bofs-app-development *,.bofs-app-development *:before,.bofs-app-development *:after{box-sizing:border-box}.bofs-app-shell{width:min(92%,1320px);margin-inline:auto}.bofs-app-section{padding:clamp(4.5rem,8vw,7.5rem) 0}.bofs-app-eyebrow{display:flex;align-items:center;gap:.75rem;margin:0 0 1rem;color:var(--app-blue);font-size:.72rem;font-weight:850;letter-spacing:.2em;text-transform:uppercase}.bofs-app-eyebrow:before{width:2.5rem;height:2px;content:"";background:linear-gradient(90deg,var(--app-blue),var(--app-purple))}.bofs-app-development h1,.bofs-app-development h2,.bofs-app-development h3{margin-top:0;color:var(--app-ink);font-weight:800;letter-spacing:-.035em}.bofs-app-development h1{margin-bottom:0;font-size:clamp(2.75rem,5.35vw,5.2rem);line-height:1.01}.bofs-app-development h2{margin-bottom:0;font-size:clamp(2rem,4vw,4rem);line-height:1.06}.bofs-app-development h3{margin-bottom:0;font-size:1.12rem;line-height:1.25}.bofs-app-development p{line-height:1.7}.bofs-app-lead,.bofs-app-intro{color:var(--app-muted);font-size:clamp(1rem,1.3vw,1.18rem)}.bofs-app-heading{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.75fr);align-items:end;gap:3rem;margin-bottom:clamp(2.5rem,5vw,4.5rem)}.bofs-app-heading>p{margin:0;color:var(--app-muted);font-size:1.04rem}.bofs-app-heading--center{display:block;max-width:850px;margin-inline:auto;text-align:center}.bofs-app-heading--center .bofs-app-eyebrow{justify-content:center}.bofs-app-heading--center>p{margin:1rem auto 0}.bofs-app-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:2rem}.bofs-app-button{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:3.5rem;padding:.85rem 1.55rem;border:1px solid transparent;border-radius:999px;background:linear-gradient(100deg,var(--app-blue),var(--app-purple));box-shadow:0 12px 30px #2563eb40;color:#fff;font-weight:800;text-decoration:none;transition:transform .2s ease}.bofs-app-button--ghost{border-color:#52647d;background:transparent;box-shadow:none}.bofs-app-button:hover{transform:translateY(-2px)}.bofs-app-button:focus-visible,.bofs-app-faq summary:focus-visible{outline:3px solid #60a5fa;outline-offset:4px}

.bofs-app-hero{position:relative;isolation:isolate;padding:clamp(5.5rem,9vw,9rem) 0;background:var(--app-navy);color:#cbd5e1}.bofs-app-hero:before{position:absolute;z-index:-1;inset:0;content:"";opacity:.2;background-image:linear-gradient(#315586 1px,transparent 1px),linear-gradient(90deg,#315586 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(120deg,transparent 8%,#000 75%,transparent)}.bofs-app-hero:after{position:absolute;z-index:-1;right:-8%;bottom:-40%;width:58%;aspect-ratio:1;content:"";border-radius:50%;background:radial-gradient(circle,#7c3aed30,transparent 67%);filter:blur(28px)}.bofs-app-hero h1{color:#fff}.bofs-app-hero .bofs-app-eyebrow{color:#93c5fd}.bofs-app-hero .bofs-app-lead{max-width:700px;margin:1.5rem 0 0;color:#aebbd0}.bofs-app-hero__grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);align-items:center;gap:clamp(3rem,5vw,5rem)}.bofs-app-window{overflow:hidden;border:1px solid #334a69;border-radius:1.4rem;background:#eef3fa;box-shadow:0 35px 85px #0008;transform:perspective(1400px) rotateY(-3deg)}.bofs-app-window__top{display:flex;align-items:center;gap:.65rem;min-height:3.6rem;padding:.7rem 1rem;background:#111e33;color:#dbeafe;font-size:.72rem}.bofs-app-window__mark,.bofs-app-avatar{display:grid;width:2rem;aspect-ratio:1;place-items:center;border-radius:.55rem;background:linear-gradient(135deg,var(--app-blue),var(--app-purple));color:#fff;font-weight:900}.bofs-app-window__search{margin-left:auto;padding:.45rem 1rem;border:1px solid #354862;border-radius:.5rem;color:#8597b1}.bofs-app-avatar{margin-left:.25rem;border-radius:50%;background:#334155;font-size:.58rem}.bofs-app-window__body{display:grid;grid-template-columns:120px 1fr;min-height:430px}.bofs-app-window__nav{display:flex;flex-direction:column;gap:.4rem;padding:1.25rem .75rem;background:#17243a;color:#90a2ba;font-size:.62rem}.bofs-app-window__nav b{margin:0 .5rem .7rem;color:#fff}.bofs-app-window__nav span{padding:.55rem .65rem;border-radius:.45rem}.bofs-app-window__nav .is-active{background:#28416a;color:#dbeafe;font-weight:800}.bofs-app-window__nav small{margin-top:auto;color:#667992;font-size:.46rem;line-height:1.4}.bofs-app-dashboard{min-width:0;padding:1.35rem;color:#334155}.bofs-app-dashboard__head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.bofs-app-dashboard__head small,.bofs-app-dashboard__head strong{display:block}.bofs-app-dashboard__head small{color:#64748b;font-size:.48rem;letter-spacing:.12em}.bofs-app-dashboard__head strong{margin-top:.25rem;color:#172036;font-size:1.05rem}.bofs-app-dashboard button{border:0;border-radius:.5rem;background:var(--app-blue);color:#fff;padding:.65rem .8rem;font-size:.6rem}.bofs-app-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin:1.1rem 0}.bofs-app-stats article{padding:.8rem;border:1px solid #dbe4ef;border-radius:.7rem;background:#fff;box-shadow:0 8px 18px #0f172a0a}.bofs-app-stats span,.bofs-app-stats b{display:block}.bofs-app-stats span{color:#64748b;font-size:.55rem}.bofs-app-stats b{margin:.25rem 0 .65rem;color:#1e293b;font-size:.75rem}.bofs-app-stats i{display:block;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--app-blue) var(--progress),#e2e8f0 var(--progress))}.bofs-app-dashboard__lower{display:grid;grid-template-columns:1.35fr .65fr;gap:.7rem}.bofs-app-records,.bofs-app-activity{overflow:hidden;border:1px solid #dbe4ef;border-radius:.75rem;background:#fff}.bofs-app-records header{display:flex;justify-content:space-between;padding:.8rem;border-bottom:1px solid #edf1f6;font-size:.65rem}.bofs-app-records header span{color:var(--app-blue)}.bofs-app-record{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.65rem .8rem;border-bottom:1px solid #edf1f6}.bofs-app-record:last-child{border:0}.bofs-app-record>span{display:grid;grid-template-columns:1.65rem 1fr;align-items:center}.bofs-app-record i{grid-row:1/3;display:grid;width:1.4rem;aspect-ratio:1;place-items:center;border-radius:.35rem;background:#eef2ff;color:#4338ca;font-size:.45rem;font-style:normal;font-weight:900}.bofs-app-record b{font-size:.58rem}.bofs-app-record small{color:#94a3b8;font-size:.48rem}.bofs-app-record em{padding:.28rem .4rem;border-radius:999px;background:#e0f2fe;color:#0369a1;font-size:.46rem;font-style:normal}.bofs-app-record em.is-review{background:#f3e8ff;color:#7e22ce}.bofs-app-record em.is-ready{background:#dcfce7;color:#15803d}.bofs-app-activity{padding:.8rem}.bofs-app-activity>b{font-size:.66rem}.bofs-app-activity p{display:flex;gap:.5rem;margin:.8rem 0 0}.bofs-app-activity p>i{width:.45rem;height:.45rem;margin-top:.2rem;border-radius:50%;background:var(--app-purple);box-shadow:0 0 0 4px #f3e8ff}.bofs-app-activity strong,.bofs-app-activity small{display:block;font-size:.5rem}.bofs-app-activity small{margin-top:.1rem;color:#94a3b8}

.bofs-app-build{background:#f8fafc}.bofs-app-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.bofs-app-card{padding:1.55rem;border:1px solid var(--app-line);border-radius:1rem;background:#fff;box-shadow:0 12px 28px #0f172a08;transition:transform .2s ease,border-color .2s ease}.bofs-app-card:hover{transform:translateY(-3px);border-color:#b9c9e7}.bofs-app-icon{display:grid;width:2.8rem;aspect-ratio:1;margin-bottom:1.1rem;place-items:center;border-radius:.75rem;background:linear-gradient(135deg,#e9f1ff,#f2eaff);color:#315bc8}.bofs-app-icon svg{width:1.45rem;height:1.45rem}.bofs-app-card p{margin:.65rem 0 0;color:var(--app-muted);font-size:.9rem}

.bofs-app-operations{background:#fff}.bofs-app-compare{display:grid;grid-template-columns:minmax(250px,.36fr) minmax(0,.64fr);gap:1.25rem}.bofs-app-fragments{position:relative;display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:.8rem;min-height:470px;padding:2rem;border:1px solid #dce5f1;border-radius:1.25rem;background:linear-gradient(145deg,#f8fafc,#f4f0ff);overflow:hidden}.bofs-app-fragments span{position:relative;z-index:1;padding:1rem;border:1px solid #d9e1ee;border-radius:.75rem;background:#fff;color:#475569;font-size:.78rem;font-weight:750;box-shadow:0 10px 25px #1720360b}.bofs-app-fragments span:nth-child(2),.bofs-app-fragments span:nth-child(3){transform:translateY(1rem)}.bofs-app-fragments i{position:absolute;inset:20%;border:1px dashed #8ea4ca;border-radius:50%;transform:rotate(-12deg)}.bofs-app-fragments strong{grid-column:1/-1;margin-top:1.4rem;color:#64748b;text-align:center;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.bofs-app-pairs{display:grid;gap:.75rem}.bofs-app-pairs article{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:1rem;border:1px solid var(--app-line);border-radius:1rem;background:#fff}.bofs-app-pairs article>span{display:grid;width:2rem;aspect-ratio:1;place-items:center;border-radius:50%;background:#eef2ff;color:#4f46e5}.bofs-app-pairs small{color:#64748b;font-size:.61rem;font-weight:850;letter-spacing:.1em}.bofs-app-pairs div:last-child small{color:var(--app-blue)}.bofs-app-pairs p{margin:.3rem 0 0;color:#334155;font-size:.84rem;line-height:1.5}

.bofs-app-process{background:var(--app-navy);color:#9fb0c8}.bofs-app-process h2,.bofs-app-process h3{color:#fff}.bofs-app-process .bofs-app-eyebrow{color:#93c5fd}.bofs-app-process .bofs-app-heading>p{color:#aebbd0}.bofs-app-roadmap{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:4rem 0 0;padding:0;list-style:none}.bofs-app-roadmap:before{position:absolute;top:2rem;right:10%;left:10%;height:1px;content:"";background:linear-gradient(90deg,var(--app-blue),var(--app-purple))}.bofs-app-roadmap li{position:relative;padding:1.4rem;border:1px solid #2c3d58;border-radius:1rem;background:#111e31}.bofs-app-roadmap li>span{position:relative;z-index:1;display:grid;width:4rem;aspect-ratio:1;margin:-3.5rem 0 1.25rem;place-items:center;border:1px solid #4e69a1;border-radius:1rem;background:linear-gradient(135deg,#17366f,#362363);color:#bfdbfe;font-weight:900}.bofs-app-roadmap p{margin:.65rem 0 0;color:#9fb0c8;font-size:.88rem}

.bofs-app-capabilities{background:linear-gradient(145deg,#f7faff,#fbf8ff)}.bofs-app-capability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin:0;padding:0;list-style:none}.bofs-app-capability-grid li{display:flex;align-items:center;gap:.75rem;min-height:4.25rem;padding:1rem;border:1px solid var(--app-line);border-radius:.8rem;background:#fff;font-weight:750}.bofs-app-capability-grid span{display:grid;width:1.65rem;aspect-ratio:1;flex:0 0 auto;place-items:center;border-radius:.45rem;background:#eef2ff;color:#4f46e5;font-size:.7rem}

.bofs-app-examples{background:#fff}.bofs-app-example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.bofs-app-example{overflow:hidden;border:1px solid #dce5f1;border-radius:1.15rem;background:#f8fafc;box-shadow:0 18px 40px #1720360c}.bofs-app-example header,.bofs-app-example footer{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;background:#17243a;color:#9fb0c8;font-size:.58rem}.bofs-app-example header>span{display:flex;gap:.3rem}.bofs-app-example header i{width:.4rem;aspect-ratio:1;border-radius:50%;background:#64748b}.bofs-app-example__title{display:flex;align-items:center;gap:.8rem;padding:1.25rem 1.1rem;background:#fff}.bofs-app-example__title>span{display:grid;width:2.4rem;aspect-ratio:1;place-items:center;border-radius:.65rem;background:linear-gradient(135deg,var(--app-blue),var(--app-purple));color:#fff}.bofs-app-example ol{margin:0;padding:0 1.1rem 1.1rem;list-style:none}.bofs-app-example li{position:relative;display:flex;align-items:center;gap:.75rem;min-height:2.7rem;padding:.55rem .7rem;border:1px solid #e2e8f0;border-radius:.55rem;background:#fff;color:#475569;font-size:.76rem;font-weight:700}.bofs-app-example li+li{margin-top:.55rem}.bofs-app-example li:not(:last-child):after{position:absolute;z-index:2;bottom:-.65rem;left:1.05rem;width:1px;height:.65rem;content:"";background:#a5b4fc}.bofs-app-example li>span{width:.55rem;aspect-ratio:1;border:2px solid #818cf8;border-radius:50%}.bofs-app-example footer{background:#eef2f7;color:#64748b}.bofs-app-example footer b{color:#315bc8}

.bofs-app-audiences{background:#f8fafc}.bofs-app-audiences__grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:stretch;gap:1.5rem}.bofs-app-audiences figure{position:relative;overflow:hidden;min-height:450px;margin:0;border-radius:1.4rem;background:#dbe4f0}.bofs-app-audiences img{display:block;width:100%;height:100%;object-fit:cover}.bofs-app-audiences figcaption{position:absolute;right:1rem;bottom:1rem;left:1rem;padding:.8rem 1rem;border-radius:.7rem;background:#081326dc;color:#dbeafe;font-size:.78rem;backdrop-filter:blur(7px)}.bofs-app-audiences ul{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:0;padding:0;list-style:none}.bofs-app-audiences li{display:flex;align-items:center;gap:.7rem;padding:1rem;border:1px solid var(--app-line);border-radius:.8rem;background:#fff;font-weight:700}.bofs-app-audiences li span{width:.55rem;aspect-ratio:1;border-radius:50%;background:linear-gradient(var(--app-blue),var(--app-purple));box-shadow:0 0 0 5px #e8efff}

.bofs-app-why{background:#fff}.bofs-app-why__grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(430px,1.18fr);gap:clamp(3rem,7vw,7rem)}.bofs-app-reasons{display:grid;gap:.7rem;margin:2rem 0 0;padding:0;list-style:none}.bofs-app-reasons li{display:flex;gap:.75rem;align-items:flex-start;color:#334155;font-weight:700}.bofs-app-reasons span{display:grid;width:1.45rem;aspect-ratio:1;flex:0 0 auto;place-items:center;border-radius:50%;background:#e8efff;color:var(--app-blue);font-size:.65rem}.bofs-app-faq>h2{margin-bottom:1.5rem;font-size:clamp(1.8rem,3vw,2.6rem)}.bofs-app-faq details{border-bottom:1px solid var(--app-line)}.bofs-app-faq summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 0;cursor:pointer;color:#1e293b;font-weight:800;list-style:none}.bofs-app-faq summary::-webkit-details-marker{display:none}.bofs-app-faq summary span{font-size:1.35rem;transition:transform .2s ease}.bofs-app-faq details[open] summary span{transform:rotate(45deg)}.bofs-app-faq details p{margin:0;padding:0 2rem 1.25rem 0;color:var(--app-muted);font-size:.92rem}

.bofs-app-enquiry{padding-bottom:clamp(7rem,11vw,10rem);background:linear-gradient(135deg,#0b1220,#14284a);color:#cbd5e1}.bofs-app-enquiry h2{color:#fff}.bofs-app-enquiry .bofs-app-eyebrow{color:#93c5fd}.bofs-app-enquiry__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(430px,1.2fr);align-items:start;gap:clamp(3rem,7vw,7rem)}.bofs-app-enquiry__grid>div>p:not(.bofs-app-eyebrow){color:#aebbd0;font-size:1.05rem}.bofs-app-enquiry__signal{display:flex;gap:1rem;margin-top:2rem;padding:1rem;border:1px solid #334a69;border-radius:.8rem;background:#ffffff08}.bofs-app-enquiry__signal>span{display:grid;width:2.2rem;aspect-ratio:1;flex:0 0 auto;place-items:center;border-radius:.55rem;background:#283f69;color:#93c5fd}.bofs-app-enquiry__signal p{margin:0!important;font-size:.82rem!important}.bofs-app-enquiry__form{padding:clamp(1rem,2vw,1.5rem);border-radius:1.25rem;background:#fff;box-shadow:0 25px 65px #0005}

@media (max-width:1080px){.bofs-app-hero__grid{grid-template-columns:1fr}.bofs-app-hero__copy{max-width:820px}.bofs-app-window{width:min(100%,820px);margin-inline:auto;transform:none}.bofs-app-card-grid{grid-template-columns:repeat(2,1fr)}.bofs-app-audiences__grid{grid-template-columns:1fr}.bofs-app-audiences figure{min-height:380px}}
@media (max-width:800px){.bofs-app-section{padding:4rem 0}.bofs-app-heading,.bofs-app-compare,.bofs-app-why__grid,.bofs-app-enquiry__grid{grid-template-columns:1fr}.bofs-app-heading{gap:1.2rem}.bofs-app-fragments{min-height:310px}.bofs-app-roadmap{grid-template-columns:repeat(2,1fr);gap:3rem 1rem}.bofs-app-roadmap:before{display:none}.bofs-app-capability-grid{grid-template-columns:repeat(2,1fr)}.bofs-app-example-grid{grid-template-columns:1fr}.bofs-app-example{width:min(100%,620px);margin-inline:auto}.bofs-app-audiences,.bofs-app-why,.bofs-app-enquiry{padding-bottom:5.75rem}}
@media (max-width:600px){.bofs-app-hero{padding:4.5rem 0}.bofs-app-development h1{font-size:clamp(2.4rem,13vw,3.3rem)}.bofs-app-actions{display:grid}.bofs-app-button{width:100%;text-align:center}.bofs-app-window__top b,.bofs-app-window__search{display:none}.bofs-app-window__top{min-height:3rem}.bofs-app-window__body{grid-template-columns:1fr;min-height:0}.bofs-app-window__nav{display:grid;grid-template-columns:repeat(4,1fr);padding:.65rem;overflow:hidden}.bofs-app-window__nav b,.bofs-app-window__nav small,.bofs-app-window__nav span:nth-of-type(n+5){display:none}.bofs-app-window__nav span{padding:.55rem .25rem;text-align:center}.bofs-app-dashboard{padding:1rem}.bofs-app-dashboard__head button{padding:.6rem}.bofs-app-stats{grid-template-columns:1fr 1fr}.bofs-app-stats article:last-child{display:none}.bofs-app-dashboard__lower{grid-template-columns:1fr}.bofs-app-activity{display:none}.bofs-app-record{align-items:flex-start}.bofs-app-record>span{min-width:0}.bofs-app-card-grid,.bofs-app-capability-grid,.bofs-app-audiences ul{grid-template-columns:1fr}.bofs-app-pairs article{grid-template-columns:1fr}.bofs-app-pairs article>span{transform:rotate(90deg)}.bofs-app-roadmap{grid-template-columns:1fr;gap:3rem}.bofs-app-fragments{grid-template-columns:1fr 1fr;padding:1rem}.bofs-app-audiences figure{min-height:300px}}
@media (max-width:400px){.bofs-app-dashboard__head strong{font-size:.9rem}.bofs-app-dashboard__head button{font-size:.52rem}.bofs-app-record em{display:none}.bofs-app-window__nav{font-size:.55rem}.bofs-app-stats{gap:.45rem}.bofs-app-audiences figure{min-height:270px}}
@media (prefers-reduced-motion:reduce){.bofs-app-development *,.bofs-app-development *:before,.bofs-app-development *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}