/* Vivo 6.1 — app development page and a shared navigation entry. */
.vivo-v6 .navlinks{gap:19px;font-size:13px}
.vivo-v6 .navlinks a[aria-current=page]{color:white;border-bottom-color:var(--sky)}
@media(min-width:1241px){.vivo-v6 .nav{gap:19px}.vivo-v6 .navlinks{margin-left:auto}.vivo-v6 .language-control{margin-left:0}.vivo-v6 .header .brand img{width:149px}}
@media(min-width:1001px) and (max-width:1240px){.vivo-v6 .navlinks{display:none;position:absolute;top:calc(var(--header) - 1px);left:0;right:0;padding:24px 40px 30px;background:var(--navy);border-bottom:1px solid #ffffff35;max-height:calc(100dvh - var(--header));overflow-y:auto;margin:0;font-size:18px}.vivo-v6 .navlinks.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.vivo-v6 .navlinks>a{min-height:54px;border-bottom:1px solid #ffffff20}.vivo-v6 .navlinks .nav-contact{display:flex;margin-top:20px;background:white;color:var(--navy);border:0;justify-content:space-between;padding-inline:18px}.vivo-v6 .menubtn{display:block}.vivo-v6 .nav>.button{display:none}.vivo-v6 .language-control{margin-left:auto}}
@media(max-width:1000px){.vivo-v6 .navlinks{font-size:18px}.vivo-v6 .navlinks.open{gap:0}}
.app-development .app-hero{padding-block:72px 62px}
.app-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:center}
.app-development .app-hero h1{font-size:clamp(65px,6.6vw,92px);line-height:1.01;letter-spacing:-.055em;margin-bottom:29px;text-wrap:initial}
.app-hero h1 .blue{color:var(--sky)}
.app-hero .eyebrow{font-size:11px;letter-spacing:.08em;margin-bottom:26px}
.app-hero-copy>p{font-size:19px;color:var(--soft);line-height:1.75;max-width:520px}
.app-hero .actions{margin-top:31px;gap:12px 24px}
.app-hero .textlink{font-size:14px}
.app-hero-copy>.app-attributes{font:12px/1.8 var(--mono);color:#b8c7df;margin-top:26px}
.app-studio{margin:0;min-width:0;align-self:center}
.app-concept-label{border-top:1px solid #a9c7ff40;padding-top:17px;font:10px/1.6 var(--mono);letter-spacing:.08em;color:#b8c7df}
.app-blueprint{position:relative;display:flex;align-items:center;justify-content:center;min-height:460px;background-image:linear-gradient(90deg,#a9c7ff08 1px,transparent 1px),linear-gradient(#a9c7ff08 1px,transparent 1px);background-size:44px 44px;padding:30px 28px 58px}
.app-phone{position:relative;width:256px;min-height:350px;border:1px solid #6e8ebf;border-radius:26px;padding:35px 23px 31px;background:#0b1a34;box-shadow:8px 8px 0 #071225,9px 9px 0 #2a4164;margin-right:85px}
.app-phone-speaker{position:absolute;top:14px;left:calc(50% - 18px);width:36px;height:3px;background:#617b9e;border-radius:2px}
.app-screen-label{font:11px/1.5 var(--mono);color:#b8c7df;margin-bottom:6px}
.app-screen-title{font-size:29px;font-weight:500;letter-spacing:-.025em;margin-bottom:23px}
.app-screen-row{display:grid;grid-template-columns:20px 1fr 12px;gap:8px;padding:14px 0;border-top:1px solid #ffffff25;align-items:center;font-size:14px;line-height:1.4}
.app-screen-row>span:first-child{font:10px var(--mono);color:var(--sky)}
.app-screen-row>span:last-child{color:var(--sky)}
.app-phone-home{position:absolute;bottom:13px;left:calc(50% - 24px);width:48px;height:3px;background:#617b9e;border-radius:2px}
.app-core-plaque{position:absolute;right:0;bottom:21px;display:flex;flex-direction:column;gap:9px;padding:23px 25px;border:1px solid #7c9dd0;background:var(--navy);min-width:226px;max-width:100%;box-shadow:0 0 0 7px var(--navy)}
.app-core-plaque img{width:132px;height:auto;margin-bottom:4px}
.app-core-plaque strong{font-size:16px;font-weight:500}
.app-core-plaque>span{font:10px/1.6 var(--mono);color:#b8c7df}
.app-core-connector{position:absolute;right:38px;top:132px;bottom:152px;width:calc(50% - 75px);border-right:1px solid #719acf;border-top:1px solid #719acf}
.app-core-connector:after{content:'';position:absolute;left:0;top:-2px;width:4px;height:4px;background:var(--sky)}
.app-studio figcaption{font:11px/1.8 var(--mono);color:#b8c7df;border-top:1px solid #a9c7ff40;padding-top:15px;margin-top:12px;max-width:50ch}
.app-editorial{display:grid;grid-template-columns:1fr 1.15fr;gap:110px;align-items:start}
.app-development .app-editorial h2{font-size:clamp(38px,4vw,57px)}
.app-section-lead{font-size:18px;line-height:1.8;color:var(--soft);margin-top:27px;max-width:460px}
.app-case{display:grid;grid-template-columns:27px 1fr;gap:19px;padding:29px 0;border-top:1px solid var(--line)}
.app-case:first-child{padding-top:0;border:0}
.app-case .code{padding-top:6px;font-size:11px}
.app-case h3{font-size:27px;line-height:1.2}
.app-case p{font-size:17px;line-height:1.8;color:var(--soft);margin-top:14px}
.app-process-intro{position:sticky;top:calc(var(--header) + 38px)}
.app-process{list-style:none;margin:0;padding:0}
.app-process li{position:relative;display:grid;grid-template-columns:42px 1fr;gap:24px;padding:0 0 40px}
.app-process li:last-child{padding-bottom:0}
.app-process li:not(:last-child):before{content:'';position:absolute;width:1px;background:#c9d7eb;top:45px;bottom:5px;left:20px}
.app-step-number{display:flex;align-items:center;justify-content:center;height:41px;border:1px solid #b0c4e2;color:var(--blue);font:12px var(--mono)}
.app-process h3{font-size:28px;line-height:1.2;margin-top:3px}
.app-process p{font-size:17px;line-height:1.8;color:var(--soft);margin-top:13px}
.app-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:0 72px}
.app-capabilities article{border-top:1px solid var(--line);padding-block:26px 29px}
.app-capabilities h3{font-size:27px;line-height:1.2}
.app-capabilities p{font-size:17px;line-height:1.8;color:var(--soft);margin-top:14px}
.app-integration-footer{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:25px;border-block:1px solid var(--line);margin-top:5px}
.app-partner{display:flex;align-items:center;gap:13px;font-size:13px;flex-shrink:0}
.app-partner img{background:white;border-radius:50%}
.app-partner strong{font-weight:500;font-size:16px;display:block}
.app-integration-footer .actions{gap:26px}.app-integration-footer .textlink{font-size:15px}
.app-integration .micro{margin-top:24px;max-width:none}
.app-development .contact h2{font-size:clamp(43px,4.4vw,62px)}
@media(max-width:1180px){.app-hero-grid{gap:55px}.app-development .app-hero h1{font-size:76px}.app-editorial{gap:65px}.app-phone{margin-right:55px}.app-core-plaque{min-width:210px;padding:21px}.app-blueprint{padding-inline:13px}.app-core-connector{right:21px}.app-development .app-editorial h2{font-size:48px}}
@media(max-width:900px){.app-hero-grid{gap:37px}.app-development .app-hero h1{font-size:64px}.app-hero-copy>p{font-size:18px}.app-phone{width:240px;margin-right:32px;padding-inline:19px}.app-core-plaque{min-width:195px;padding:20px}.app-core-plaque>span{font-size:9px}.app-core-connector{right:13px;width:48px}.app-editorial{gap:44px}.app-development .app-editorial h2{font-size:43px}.app-integration-footer{align-items:start;flex-direction:column}.app-capabilities{gap:0 40px}}
@media(max-width:760px){.app-development .app-hero{padding-block:42px 38px}.app-hero-grid{grid-template-columns:1fr;gap:39px}.app-development .app-hero h1{font-size:clamp(56px,12vw,78px);margin-bottom:25px}.app-hero .eyebrow{font-size:10px;max-width:33ch;line-height:1.7;letter-spacing:.05em;margin-bottom:24px}.app-hero-copy>p{font-size:18px;max-width:590px}.app-hero .actions{gap:11px 23px;margin-top:26px}.app-hero .button{font-size:12px}.app-hero .textlink{font-size:13px}.app-hero-copy>.app-attributes{font-size:11px;margin-top:23px}.app-studio{width:100%;max-width:520px;justify-self:center}.app-blueprint{min-height:437px;padding:27px 17px 53px}.app-phone{width:240px;min-height:344px;margin-right:56px;padding-inline:22px}.app-core-plaque{min-width:205px;padding:20px 22px;right:3px;bottom:16px}.app-core-plaque>span{font-size:10px}.app-core-connector{right:23px;top:110px;bottom:140px;width:53px}.app-studio figcaption{font-size:10px;max-width:none}.app-editorial{grid-template-columns:1fr;gap:36px}.app-development .app-editorial h2{font-size:clamp(36px,8.5vw,52px)}.app-section-lead{font-size:17px;margin-top:23px;max-width:620px}.app-case{padding-block:26px;gap:16px;grid-template-columns:24px 1fr}.app-case h3{font-size:25px}.app-case p{font-size:17px}.app-process-intro{position:static}.app-process li{grid-template-columns:36px 1fr;gap:18px;padding-bottom:34px}.app-step-number{height:36px;font-size:11px}.app-process li:not(:last-child):before{left:17px;top:42px}.app-process h3{font-size:25px}.app-process p{font-size:17px}.app-capabilities{grid-template-columns:1fr;gap:0}.app-capabilities article{padding-block:25px}.app-capabilities h3{font-size:27px}.app-integration-footer{gap:22px}.app-integration-footer .actions{align-items:flex-start;flex-direction:column;gap:12px}.app-development .contact h2{font-size:clamp(40px,9.5vw,52px)}}
@media(max-width:360px){.app-development .app-hero h1{font-size:54px}.app-hero .eyebrow{font-size:9px}.app-hero-copy>p{font-size:17px}.app-hero-copy>.app-attributes{font-size:10px}.app-phone{width:222px;margin-right:36px;padding-inline:19px}.app-blueprint{padding-inline:2px}.app-core-plaque{min-width:194px;padding-inline:18px}.app-core-plaque img{width:120px}.app-core-connector{right:9px;width:29px}.app-screen-row{font-size:13px}.app-development .app-editorial h2{font-size:34px}.app-case h3,.app-process h3{font-size:24px}.app-development .contact h2{font-size:39px}}
@media print{.app-process-intro{position:static}.app-development .app-hero{padding-block:25px}.app-phone,.app-core-plaque{box-shadow:none}.app-hero h1 .blue{color:var(--blue)}}
.app-phone{width:238px;margin-right:164px}
@media(max-width:1240px){.app-blueprint{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:0;padding:26px 12px 0;min-height:0}.app-phone{width:min(100%,256px);margin:0;min-height:344px}.app-core-connector{position:relative;top:auto;right:auto;bottom:auto;width:1px;height:29px;border:0;background:#719acf}.app-core-connector:after{left:-1px;top:auto;bottom:0}.app-core-plaque{position:relative;right:auto;bottom:auto;width:min(100%,256px);min-width:0;margin:0 0 12px;padding:19px 22px;box-shadow:none}.app-core-plaque>span{font-size:10px}.app-core-plaque img{width:132px}}