@import url("homepage-polish.css");
@import url("owner-home.css");
@import url("ms-header.css");
/* VanaApps brand refresh: stronger typography, simpler product storytelling. */
:root {
    --ink:#132b2a;
    --forest:#123d39;
    --green:#087f70;
    --mint:#a8e2c4;
    --paper:#f7f8f5;
    --muted:#52645f;
    --line:#d8e0db;
    --display:'Manrope','DM Sans',sans-serif;
    --serif:'Manrope','DM Sans',sans-serif;
}
body {
    font-size:17px;
    line-height:1.65;
    color:var(--ink);
}
.wrap {
    width:min(1280px,calc(100% - 72px));
}
.site-header {
    height:88px;
    background:#fff;
    border-bottom:1px solid #dce4df;
}
.nav-wrap {
    width:min(1400px,calc(100% - 72px));
}
.logo img {
    width:208px;
}
.main-nav {
    gap:39px;
}
.main-nav>a {
    font-size:15px;
    font-weight:600;
    color:#273c38;
}
.main-nav .nav-cta {
    padding:13px 19px;
    font-size:14px;
    border-color:#9aafa5;
}
.hero {
    background:#f1f4ef;
    padding-top:56px;
}
.hero-inner {
    grid-template-columns:1fr 1fr;
    gap:64px;
    min-height:610px;
}
.overline {
    font-size:11px;
    letter-spacing:1.6px;
    color:#51645d;
}
.hero h1 {
    font-size:clamp(58px,6.1vw,82px);
    line-height:1.01;
    letter-spacing:-4.8px;
    font-weight:700;
    margin:24px 0;
}
.hero h1 em,.section-intro h2 em,.solutions h2 em,.impact h2 em,.heritage h2 em,.closing h2 em,.product-page h1 em,.product-capabilities h2 em,.product-process h2 em,.contact-grid h1 em {
    font-style:normal;
    font-weight:500;
    color:#087f70;
    letter-spacing:inherit;
}
.hero-lede {
    font-size:19px;
    line-height:1.72;
    color:#465b55;
    max-width:570px;
}
.hero-actions {
    margin-top:32px;
    gap:28px;
}
.button {
    font-size:14px;
    padding:16px 20px;
}
.text-link {
    font-size:14px;
}
.proof {
    max-width:535px;
    margin-top:48px;
}
.proof-years {
    font-size:42px;
}
.proof strong {
    font-size:13px;
}
.proof small {
    font-size:11px;
}
.proof-logos {
    font-size:11px;
}
.hero-bottom {
    font-size:10px;
    letter-spacing:1.25px;
}
.hero-art {
    height:560px;
    background:#153f39;
    border-radius:0;
    box-shadow:0 26px 60px #163f391c;
    overflow:hidden;
}
.hero-art:before {
    content:'VANAAPPS  /  BUSINESS OPERATIONS';
    position:absolute;
    top:38px;
    left:42px;
    z-index:2;
    color:#a8e2c4;
    font:700 10px var(--display);
    letter-spacing:1.6px;
}
.hero-art:after {
    content:'A clearer view of\A the work that moves\A your business.';
    white-space:pre;
    position:absolute;
    z-index:2;
    left:42px;
    top:105px;
    color:#f3f7f2;
    font:700 clamp(34px,3.7vw,52px)/1.14 var(--display);
    letter-spacing:-2px;
    max-width:390px;
}
.art-glow {
    width:390px;
    height:390px;
    left:78%;
    top:83%;
    background:radial-gradient(circle,#36866b66,transparent 68%);
}
.art-grid {
    opacity:.12;
    background-image:linear-gradient(#d4eadb 1px,transparent 1px),linear-gradient(90deg,#d4eadb 1px,transparent 1px);
    mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent);
}
.orbit {
    border-color:#b5d4bf42;
}
.orbit-a {
    width:220px;
    height:220px;
}
.orbit-b {
    width:360px;
    height:360px;
}
.orbit-c {
    width:510px;
    height:510px;
}
.core-node {
    top:76%;
    left:79%;
    width:125px;
    height:125px;
    box-shadow:0 0 0 10px #ffffff0b,0 16px 45px #0c2a2080;
}
.node-leads {
    top:63%;
    left:52%;
}
.node-assets {
    top:52%;
    right:5%;
}
.node-stock {
    bottom:3%;
    right:16%;
}
.node-team {
    bottom:0;
    left:53%;
}
.orbit-node {
    border:0;
    box-shadow:0 12px 30px #0929214d;
}
.art-label {
    color:#d2e3d8;
}
.art-caption {
    left:42px;
    right:auto;
    bottom:39px;
    text-align:left;
    color:#bed6c9;
    font:500 13px var(--display);
    z-index:2;
}
.section-pad {
    padding:122px 0;
}
.section-intro h2,.impact h2,.heritage h2 {
    font-size:clamp(45px,4.6vw,62px);
    line-height:1.07;
    letter-spacing:-3.1px;
}
.section-intro p,.impact-copy>p,.heritage-copy>p {
    font-size:17px;
    line-height:1.8;
    color:#52635c;
    max-width:520px;
}
.friction-grid {
    gap:110px;
}
.friction-list article {
    padding:25px 0;
    grid-template-columns:45px 1fr 26px;
}
.friction-num {
    font-size:12px;
}
.friction-list h3 {
    font-size:19px;
}
.friction-list p {
    font-size:15px;
    line-height:1.65;
    color:#5d6b65;
}
.friction-mark {
    font-size:21px;
}
.solutions {
    background:#113a35;
}
.solutions h2,.closing h2 {
    font-size:clamp(46px,4.8vw,64px);
    line-height:1.06;
    letter-spacing:-3px;
}
.solutions-head>p {
    font-size:16px;
    line-height:1.75;
    max-width:400px;
}
.solution-grid {
    gap:0;
    border-top:1px solid #ffffff36;
    border-bottom:1px solid #ffffff36;
}
.solution-card {
    background:transparent;
    color:#f7faf7;
    padding:25px 27px 28px;
    border-right:1px solid #ffffff36;
}
.solution-card:first-child {
    border-left:1px solid #ffffff36;
}
.solution-card:hover {
    background:#1b4942;
    box-shadow:none;
    transform:none;
}
.tool-index {
    font-size:10px;
    letter-spacing:1.2px;
    color:#c1d5c8;
}
.card-arrow {
    font-size:19px;
    color:#a8e2c4;
}
.card-visual {
    display:none;
}
.solution-card h3 {
    font-size:24px;
    color:#fff;
    margin:39px 0 12px;
    letter-spacing:-.7px;
}
.solution-card>p {
    font-size:15px;
    line-height:1.7;
    color:#cfdbd2;
    min-height:78px;
}
.card-link {
    border-color:#ffffff36;
    font-size:13px;
    color:#fff;
    padding-top:16px;
}
.card-link b {
    color:#a8e2c4;
    font-size:17px;
}
.solutions-foot {
    font-size:13px;
    color:#c5d5ca;
    padding-top:20px;
}
.solutions-foot a {
    font-size:13px;
}
.impact {
    background:#edf1eb;
}
.impact-grid {
    gap:105px;
}
.impact-items article {
    grid-template-columns:50px 1fr 32px;
    padding:26px 0;
}
.impact-icon {
    font-size:25px;
}
.impact-items h3 {
    font-size:18px;
}
.impact-items p {
    font-size:14px;
    line-height:1.7;
    color:#586b62;
    max-width:500px;
}
.impact-step {
    font-size:11px;
}
.heritage-visual {
    background:#123d39;
}
.heritage-ring {
    border-color:#a8e2c44d;
}
.ring-1 {
    border-color:#a8e2c4;
}
.heritage-center {
    color:#fff;
}
.heritage-center span {
    font-size:96px;
}
.heritage-center small {
    color:#b4d9c3;
    font-size:10px;
}
.heritage-note {
    padding:11px 14px;
}
.heritage-note span {
    font-size:12px;
}
.heritage-note i {
    font-size:12px;
}
.heritage-copy>p {
    font-size:16px;
}
.trust-points {
    gap:30px;
}
.trust-points span {
    font-size:11px;
}
.trust-points b {
    font-size:15px;
}
.closing {
    background:#102f2c;
}
.closing-inner {
    padding:90px 0;
}
.closing-inner>div:nth-child(2) {
    max-width:390px;
}
.closing-inner>div:nth-child(2) p {
    font-size:16px;
    line-height:1.7;
    color:#d0ddd4;
}
.site-footer {
    background:#0c2927;
}
.footer-main {
    padding:65px 0 55px;
}
.footer-brand img {
    width:180px;
}
.footer-brand p {
    font-size:13px;
}
.footer-col {
    font-size:13px;
    gap:11px;
}
.footer-col b {
    font-size:14px;
}
.footer-contact>span {
    font-size:10px;
}
.footer-contact>a {
    font-size:28px;
}
.footer-bottom {
    font-size:11px;
    padding:19px 0 23px;
}
.product-hero {
    padding:86px 0 78px;
    background:#f0f4ef;
}
.product-hero-grid {
    grid-template-columns:.94fr 1.06fr;
    gap:65px;
}
.product-page h1 {
    font-size:clamp(48px,5vw,68px);
    line-height:1.04;
    letter-spacing:-3.8px;
    font-weight:700;
}
.product-hero-grid>div:first-child>p {
    font-size:18px;
    line-height:1.75;
    color:#4f625a;
}
.product-proof {
    font-size:10px;
    letter-spacing:.9px;
}
.product-context h2 {
    font-size:clamp(35px,3.8vw,49px);
    line-height:1.1;
    letter-spacing:-2.5px;
}
.product-context p {
    font-size:16px;
    line-height:1.8;
    color:#53655c;
}
.product-capabilities h2,.product-process h2 {
    font-size:clamp(45px,4.6vw,62px);
    letter-spacing:-3px;
}
.capability-grid article {
    padding:29px;
    min-height:196px;
}
.capability-grid article>span {
    font-size:10px;
    letter-spacing:1.15px;
}
.capability-grid h3 {
    font-size:20px;
    margin:20px 0 9px;
}
.capability-grid p {
    font-size:14px;
    line-height:1.7;
    color:#56675e;
}
.screen-copy h2 {
    font-size:44px;
}
.screen-copy p {
    font-size:16px;
    line-height:1.8;
}
.screen-copy li {
    font-size:14px;
    padding:11px 0;
}
.product-process h2 {
    font-weight:650;
}
.process-line span {
    font-size:12px;
}
.product-cta h2 {
    font-size:35px;
}
.product-cta-inner {
    padding:60px 0;
}
.product-demo,.inventory-demo {
    padding:24px;
    border:1px solid #dce5dc;
    box-shadow:0 18px 46px #1d443217;
}
.demo-top,.inventory-demo-head>span {
    font-size:10px;
}
.demo-score small,.inventory-summary small {
    font-size:9px;
}
.demo-score b,.inventory-summary b {
    font-size:27px;
}
.demo-column {
    padding:12px 10px;
}
.demo-column label {
    font-size:8px;
}
.demo-column article {
    padding:11px 9px;
}
.demo-column article strong {
    font-size:10px;
}
.demo-column article small {
    font-size:8px;
}
.demo-column article span {
    font-size:8px;
}
.inventory-demo-head small {
    font-size:9px;
}
.inventory-demo-head b {
    font-size:21px;
}
.inventory-row {
    font-size:10px;
    padding:12px 3px;
}
.inventory-row b {
    font-size:11px;
}
.inventory-row em {
    font-size:9px;
}
.table-header {
    font-size:7px;
}
.inventory-alert {
    font-size:10px;
    padding:11px;
}
.contact-grid h1 {
    font-size:clamp(52px,5.4vw,72px);
    font-weight:700;
}
.contact-grid>div:first-child p {
    font-size:17px;
    line-height:1.8;
}
.contact-card {
    padding:37px;
}
.contact-card>span {
    font-size:11px;
}
.contact-card h2 {
    font-size:31px;
}
.contact-card p {
    font-size:15px;
    line-height:1.75;
}
.contact-card>a {
    font-size:14px;
    padding:15px 18px;
}
.contact-footnote {
    font-size:11px;
}
@media(max-width:950px) {
    .wrap,.nav-wrap {
        width:calc(100% - 48px);
    }
    .hero-inner {
        gap:32px;
    }
    .hero-art {
        height:500px;
    }
    .hero h1 {
        font-size:58px;
    }
    .art-caption {
        max-width:205px;
    }
    .node-leads {
        left:46%;
    }
    .node-team {
        left:47%;
    }
    .friction-grid,.impact-grid,.heritage-grid {
        gap:50px;
    }
    .solution-card {
        padding:21px 18px;
    }
    .solution-card h3 {
        font-size:21px;
    }
    .solution-card>p {
        min-height:102px;
    }
    .product-hero-grid {
        gap:32px;
    }
    .product-page h1 {
        font-size:48px;
    }
}
@media(max-width:680px) {
    .wrap,.nav-wrap {
        width:calc(100% - 38px);
    }
    .site-header {
        height:74px;
    }
    .logo img {
        width:174px;
    }
    .main-nav {
        top:73px;
    }
    .main-nav>a {
        font-size:16px;
    }
    .main-nav .nav-cta {
        font-size:15px;
    }
    .hero {
        padding:40px 0 18px;
    }
    .hero-inner {
        gap:26px;
    }
    .hero h1 {
        font-size:55px;
        letter-spacing:-3.6px;
    }
    .hero-lede {
        font-size:17px;
    }
    .hero-art {
        height:410px;
    }
    .hero-art:before {
        top:25px;
        left:22px;
        font-size:9px;
    }
    .hero-art:after {
        top:75px;
        left:22px;
        font-size:38px;
    }
    .art-caption {
        left:22px;
        bottom:20px;
        font-size:11px;
    }
    .orbit-c {
        width:365px;
        height:365px;
    }
    .orbit-b {
        width:285px;
        height:285px;
    }
    .orbit-a {
        width:190px;
        height:190px;
    }
    .core-node {
        width:98px;
        height:98px;
        top:73%;
        left:75%;
    }
    .node-leads {
        top:62%;
        left:39%;
    }
    .node-assets {
        top:52%;
        right:1%;
    }
    .node-stock {
        bottom:5%;
        right:8%;
    }
    .node-team {
        bottom:0;
        left:39%;
    }
    .orbit-node {
        padding:8px 9px;
        min-width:112px;
    }
    .node-team {
        min-width:137px;
    }
    .section-pad {
        padding:82px 0;
    }
    .section-intro h2,.impact h2,.heritage h2 {
        font-size:44px;
    }
    .section-intro p,.impact-copy>p,.heritage-copy>p {
        font-size:16px;
    }
    .friction-list h3 {
        font-size:18px;
    }
    .friction-list p {
        font-size:14px;
    }
    .solutions h2,.closing h2 {
        font-size:46px;
    }
    .solution-grid {
        grid-template-columns:1fr;
    }
    .solution-card,.solution-card:first-child {
        border-left:1px solid #ffffff36;
        border-bottom:0;
        padding:22px;
    }
    .solution-card:last-child {
        border-bottom:1px solid #ffffff36;
    }
    .solution-card h3 {
        font-size:23px;
        margin:24px 0 7px;
    }
    .solution-card>p {
        font-size:15px;
        min-height:0;
        margin-bottom:17px;
    }
    .card-link {
        font-size:13px;
    }
    .solutions-foot {
        font-size:12px;
    }
    .impact-items h3 {
        font-size:17px;
    }
    .impact-items p {
        font-size:13px;
    }
    .heritage-visual {
        height:340px;
    }
    .trust-points {
        gap:16px;
    }
    .trust-points span {
        font-size:9px;
    }
    .trust-points b {
        font-size:13px;
    }
    .closing-inner {
        padding:62px 0;
    }
    .closing-inner>div:nth-child(2) p {
        font-size:15px;
    }
    .footer-main {
        gap:24px;
    }
    .footer-col {
        font-size:12px;
    }
    .footer-bottom {
        font-size:10px;
    }
    .product-hero {
        padding:50px 0;
    }
    .product-hero-grid {
        gap:32px;
    }
    .product-page h1 {
        font-size:48px;
    }
    .product-hero-grid>div:first-child>p {
        font-size:16px;
    }
    .product-proof {
        font-size:9px;
    }
    .product-context h2 {
        font-size:36px;
    }
    .product-context p {
        font-size:15px;
    }
    .product-capabilities h2,.product-process h2 {
        font-size:42px;
    }
    .capability-grid article {
        padding:23px;
        min-height:unset;
    }
    .capability-grid h3 {
        font-size:19px;
    }
    .capability-grid p {
        font-size:14px;
    }
    .screen-copy h2 {
        font-size:36px;
    }
    .screen-copy p {
        font-size:15px;
    }
    .screen-copy li {
        font-size:13px;
    }
    .process-line span {
        font-size:10px;
    }
    .product-cta h2 {
        font-size:29px;
    }
    .product-cta-inner {
        padding:42px 0;
    }
    .product-demo,.inventory-demo {
        padding:14px;
    }
    .demo-column {
        padding:8px 5px;
    }
    .demo-column article strong {
        font-size:8px;
    }
    .inventory-row {
        font-size:8px;
    }
    .inventory-row em {
        font-size:7px;
    }
    .contact-hero {
        padding:48px 0;
    }
    .contact-grid {
        gap:25px;
    }
    .contact-grid h1 {
        font-size:52px;
    }
    .contact-grid>div:first-child p {
        font-size:16px;
    }
    .contact-card {
        padding:25px;
    }
    .contact-card h2 {
        font-size:27px;
    }
    .contact-card p {
        font-size:14px;
    }
}