.site.apps{--bg:#fbfdfc;--surface:#edf4f1;--text:#172d29;--muted:#52665f;--rule:#d3e0db;--accent:#075e54;--btntext:#fff;background:var(--bg)}
.apps .app-hero{padding:166px 0 0;overflow:hidden;background:radial-gradient(ellipse at 50% 95%,#d6e9df,transparent 70%)}.app-hero-copy{text-align:center;max-width:920px;margin:auto}.apps .app-label{font-size:10px;text-transform:uppercase;letter-spacing:2px;font-weight:600;color:#075e54;margin-bottom:24px}.apps .app-hero h1{font-size:clamp(52px,6vw,80px);line-height:1.08;font-weight:600;letter-spacing:-.055em}.app-hero h1 em{font-style:normal;color:#075e54}.app-hero-copy>p:not(.app-label){font-size:17px;line-height:1.8;max-width:645px;margin:25px auto}.app-actions{display:flex;gap:30px;align-items:center;justify-content:center;margin-top:25px}.app-hero-note{font-size:11px;color:var(--muted);margin-top:17px}.app-phone-line{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;max-width:970px;margin:64px auto 0;align-items:start;padding:0 14px}.app-hero-device:nth-child(even){padding-top:40px}.app-phone{position:relative;width:100%;aspect-ratio:390/800;background:#f7f8fa;border:7px solid #172d29;border-radius:34px;overflow:hidden;box-shadow:0 20px 40px #193d3020;isolation:isolate}.app-phone img{width:100%;height:100%;object-fit:cover;object-position:top}.app-phone-camera{position:absolute;z-index:1;left:50%;top:5px;transform:translateX(-50%);width:36%;height:12px;border-radius:20px;background:#172d29}.app-hero-device>span{display:block;text-align:center;margin:15px 0 24px;font-size:11px;font-weight:600;color:#2b5345}.app-capabilities{border-block:1px solid var(--rule);padding:24px 0;background:#fff}.app-capabilities>.wrap{display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;font-size:12px;color:#315249;font-weight:500}.app-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:55px;margin-bottom:48px}.app-section-heading>p{max-width:360px;font-size:15px;line-height:1.8}.app-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.app-service-grid article{border-top:1px solid var(--rule);padding-top:25px}.app-service-grid article>span{font-size:8px;letter-spacing:1px;color:#075e54;font-weight:600}.app-service-grid h3{font-size:24px;margin:24px 0 17px;line-height:1.2}.app-service-grid p{font-size:13px;line-height:1.8}.app-work{background:#edf4f1}.app-cases{display:grid;grid-template-columns:1fr 1fr;gap:40px 30px}.app-case{background:#fff;border:1px solid #dce7e1;border-radius:16px;overflow:hidden}.app-case-art{height:440px;display:flex;justify-content:center;padding:34px 40px 0;overflow:hidden;background:#d9e6df}.app-case-art .app-phone{width:220px;flex-shrink:0;transform:rotate(-6deg);box-shadow:15px 25px 45px #17312930}.app-case-1{background:#dfe9ec}.app-case-1 .app-phone{transform:rotate(6deg)}.app-case-2{background:#eee8db}.app-case-3{background:#e4e3ed}.app-case-3 .app-phone{transform:rotate(6deg)}.app-case-copy{padding:30px 32px;display:flex;align-items:flex-start;flex-direction:column}.app-case-number{font-size:9px;letter-spacing:1.1px;text-transform:uppercase;color:#4a685b;margin-bottom:15px}.app-case-copy h3{font-size:29px;margin-bottom:13px}.app-case-copy p{font-size:14px;line-height:1.8;max-width:470px}.app-status{font-size:10px;border:1px solid #d6e2dc;border-radius:5px;padding:7px 10px;background:#f4f8f5;margin-top:20px;color:#365147;line-height:1.6}.app-case-copy .text-link{margin-top:18px}.app-process{background:#075348;color:#fff}.app-process .app-label{color:#b4ddcc}.app-process ol{list-style:none;padding:0;margin:50px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.app-process li{border-top:1px solid #427e70;padding-top:23px}.app-process li>span{font-size:11px;color:#b4ddcc}.app-process h3{font-size:25px;margin:25px 0 15px}.apps .app-process p{font-size:14px;color:#d2e6dd;line-height:1.8}.app-scope>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.app-scope .wrap>div>p:not(.app-label){max-width:400px;margin:25px 0 30px;font-size:15px;line-height:1.8}.app-scope-list article{display:flex;gap:22px;padding:24px 0;border-bottom:1px solid var(--rule)}.app-scope-list article:first-child{padding-top:0}.app-scope-list article>span{font-size:10px;color:#075e54;padding-top:5px}.app-scope-list h3{font-size:23px;line-height:1.2;margin-bottom:10px}.app-scope-list p{font-size:13px;line-height:1.8}.apps .faq-section{background:#edf4f1}.app-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.app-contact-grid>div>p:not(.app-label){font-size:16px;line-height:1.8;margin:25px 0}.app-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.apps .lead-service-form label{display:block;font-size:11px;color:var(--text);margin-bottom:20px}.apps .lead-service-form label>span{color:var(--muted)}.apps .lead-service-form input,.apps .lead-service-form select,.apps .lead-service-form textarea{width:100%;display:block;background:#fff;border:1px solid #b7ccc1;border-radius:6px;padding:12px;font-size:14px;color:#172d29;margin-top:8px;min-width:0}.apps .lead-service-form input,.apps .lead-service-form select{height:49px}.apps .lead-service-form textarea{resize:vertical}.app-form-note{font-size:11px;line-height:1.8;margin-bottom:20px!important}.app-form-note a{text-decoration:underline}.apps .lead-service-form [role=status]{margin-top:20px;font-size:13px}.apps .email-fallback{margin-top:15px;text-decoration:underline}.apps .site-footer{background:#edf4f1}.apps .family nav{flex-wrap:wrap;gap:13px 22px}
@media(max-width:1100px){.app-phone-line{gap:25px}.app-service-grid{grid-template-columns:1fr 1fr;gap:35px}.app-scope>.wrap{gap:50px}.app-contact-grid{gap:45px}}
@media(max-width:800px){.apps .app-hero{padding-top:150px}.app-phone-line{gap:16px;padding:0;margin-top:48px}.app-phone{border-width:5px;border-radius:24px}.app-phone-camera{height:9px;top:4px}.app-hero-device>span{font-size:9px}.app-section-heading{display:block}.app-section-heading>p{max-width:550px;margin-top:25px}.app-cases{gap:25px 20px}.app-case-art{height:365px;padding:28px 30px 0}.app-case-art .app-phone{width:190px}.app-case-copy{padding:25px}.app-case-copy h3{font-size:24px}.app-case-copy p{font-size:13px}.app-process ol{gap:30px}.app-process h3{font-size:22px}.app-scope>.wrap,.app-contact-grid{grid-template-columns:1fr;gap:40px}.app-contact-grid>div>p:not(.app-label){max-width:550px}.app-capabilities>.wrap{justify-content:center;gap:15px 30px}.app-capabilities{padding:20px 0}}
@media(max-width:500px){.apps .app-hero{padding-top:137px}.apps .app-hero h1{font-size:44px;line-height:1.08;letter-spacing:-.06em}.apps .app-hero .app-label{font-size:8px;letter-spacing:1.4px}.app-hero-copy>p:not(.app-label){font-size:14px;line-height:1.8;margin:23px auto}.app-hero-copy>p>br{display:none}.app-actions{gap:18px;flex-wrap:wrap}.app-actions .text-link{font-size:11px}.app-hero-note{font-size:10px}.app-phone-line{grid-template-columns:repeat(2,1fr);gap:10px 20px;max-width:335px;margin-top:35px}.app-hero-device:nth-child(even){padding-top:25px}.app-phone{border-radius:23px}.app-hero-device>span{font-size:10px;margin:12px 0 17px}.app-capabilities>.wrap{font-size:10px;gap:13px 18px;justify-content:space-between}.app-service-grid{gap:30px 20px}.app-service-grid article>span{font-size:7px;letter-spacing:.5px}.app-service-grid h3{font-size:21px;margin:18px 0 14px}.app-service-grid p{font-size:12px}.app-service-grid h3 br{display:none}.app-cases{grid-template-columns:1fr}.app-case-art{height:385px}.app-case-art .app-phone{width:200px}.app-case-copy{padding:26px}.app-case-copy h3{font-size:28px}.app-case-copy p{font-size:14px}.app-process ol{grid-template-columns:1fr;gap:28px;margin-top:35px}.app-process h3{font-size:25px;margin:15px 0}.app-fields{grid-template-columns:1fr;gap:0}.apps .section{padding-block:70px}}
.app-hero-device>span{margin-bottom:5px}.app-hero-device>small{display:block;text-align:center;color:#52665f;font-size:8px;line-height:1.6;margin:0 auto 22px;max-width:200px}
.apps .app-capture-note{text-align:center;font-size:10px;line-height:1.6;margin:0 auto;padding:0 0 22px;max-width:560px;color:#52665f}
/* Real feature screens, readable multi-screen project galleries. */
.apps .app-phone img{display:block;object-fit:cover;object-position:top}
.apps .app-phone-camera{display:none}
.apps .app-case{min-width:0}
.apps .app-case-art{height:auto;padding:28px 0 18px;display:block;overflow:hidden}
.apps .app-screen-strip{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 28px 20px;scrollbar-color:#72978a transparent;scrollbar-width:thin;overscroll-behavior-x:contain}
.apps .app-screen-strip:focus-visible{outline:3px solid #075e54;outline-offset:-4px}
.apps .app-screen-strip figure{flex:0 0 180px;margin:0;scroll-snap-align:center}
.apps .app-screen-strip figure>a{position:relative;display:block;border-radius:26px}
.apps .app-screen-strip figure>a:focus-visible{outline:3px solid #075e54;outline-offset:5px}
.apps .app-screen-strip .app-phone{width:100%;height:auto;aspect-ratio:390/844;transform:none;border-width:5px;border-radius:25px;box-shadow:0 9px 18px #17312918;transition:transform .25s}
.apps .app-screen-strip figure>a:hover .app-phone{transform:translateY(-4px)}
.apps .app-screen-strip figcaption{font-size:11px;font-weight:600;line-height:1.5;margin-top:14px;color:#29483d;text-align:center}
.apps .app-expand{position:absolute;bottom:12px;right:12px;width:30px;height:30px;display:grid;place-items:center;background:#fff;color:#173129;border-radius:50%;box-shadow:0 2px 12px #0002;font-size:19px}
.apps .app-case-copy .app-gallery-hint{font-size:11px;margin-top:14px;color:#365147}
.apps .app-case-copy .app-preview-note{font-size:10px;line-height:1.7;color:#52665f;margin-top:9px}
@media(max-width:500px){.apps .app-screen-strip{gap:16px;padding-inline:22px}.apps .app-screen-strip figure{flex-basis:170px}.apps .app-phone-line{gap:12px 18px}}
@media(prefers-reduced-motion:reduce){.apps .app-screen-strip .app-phone{transition:none}.apps .app-screen-strip figure>a:hover .app-phone{transform:none}}