:root{
    --navy:#071426;
    --navy2:#0b1e36;
    --navy3:#102b4d;
    --blue:#1769c2;
    --blue2:#2383e2;
    --blue-soft:#eaf4ff;
    --orange:#ff7a18;
    --orange-soft:#fff0e4;
    --green:#1ba97f;
    --green-soft:#eaf8f3;
    --red:#df5a5a;
    --text:#132238;
    --muted:#66758a;
    --line:#dfe7f0;
    --soft:#f5f8fc;
    --white:#fff;
    --container:1180px;
    --shadow:0 24px 70px rgba(19,48,82,.10);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{
    margin:0;
    color:var(--text);
    background:#fff;
    overflow-x:hidden;
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    -webkit-font-smoothing:antialiased;
}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{border:0}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
    outline:3px solid rgba(35,131,226,.4);
    outline-offset:4px;
}

.container{width:min(calc(100% - 40px),var(--container));margin:auto}
.section{padding:100px 0}
.section-soft{background:var(--soft)}
.section-dark{
    color:#fff;
    background:
    radial-gradient(circle at 15% 15%,rgba(35,131,226,.18),transparent 33%),
    radial-gradient(circle at 85% 85%,rgba(255,122,24,.09),transparent 28%),
    var(--navy);
}
.section-dark .lead{color:#adc0d6}

h1,h2,h3,p{margin-top:0}
h1{
    max-width:720px;
    margin-bottom:20px;
    font-size:clamp(3rem,4vw,4.5rem);
    line-height:.96;
    letter-spacing:-.055em;
}
h2{
    max-width:860px;
    margin-bottom:20px;
    font-size:clamp(2.1rem,4.6vw,4rem);
    line-height:1;
    letter-spacing:-.045em;
}
h3{line-height:1.22}
.lead{
    max-width:760px;
    color:var(--muted);
    font-size:clamp(1.03rem,1.5vw,1.2rem);
    line-height:1.68;
}
.eyebrow{
    margin-bottom:17px;
    display:inline-flex;
    align-items:center;
    gap:9px;
    color:#1554a4;
    font-size:.71rem;
    font-weight:900;
    letter-spacing:.15em;
    text-transform:uppercase;
}
.eyebrow::before{content:"";width:25px;height:2px;background:var(--orange)}
.section-dark .eyebrow{color:#8bc6ff}
.accent{color:var(--blue)}

.btn{
    min-height:52px;
    padding:0 23px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:999px;
    cursor:pointer;
    font-weight:800;
    transition:.2s ease;
}
.btn:hover{transform:translateY(-2px)}
.btn-primary:hover{box-shadow:0 17px 34px rgba(23,105,194,.3)}
.btn-primary{
    color:#fff;
    background:linear-gradient(110deg,var(--blue),var(--blue) 60%,var(--orange) 126%);
    box-shadow:0 13px 30px rgba(23,105,194,.22);
}
.btn-secondary{border:1px solid var(--line);background:#fff}

/* Header */
.header{
    position:sticky;
    top:0;
    z-index:100;
    height:76px;
    border-bottom:1px solid rgba(215,226,238,.9);
    background:rgba(255,255,255,.94);
    backdrop-filter:blur(15px);
}
.nav{height:100%;display:flex;align-items:center;gap:28px;min-width:0}
.brand{margin-right:auto;display:flex;align-items:center}
.brand-crop{
    position:relative;
    width:176px;
    height:42px;
    overflow:hidden;
    border-radius:8px;
    background:transparent;
    display:flex;
    align-items:center;
    justify-content:center;
}
.brand-crop img{
    position:absolute;
    width:160px;
    height:auto;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    object-fit:contain;
    display:block;
}
.nav-links{display:flex;align-items:center;gap:24px;color:#526276;font-size:.87rem;font-weight:700}
.nav-links a:hover{color:var(--blue)}
.menu-btn{
    width:46px;height:46px;display:none;place-items:center;align-content:center;gap:5px;
    border-radius:12px;color:var(--navy);background:var(--soft);cursor:pointer;
}
.menu-btn span{
    width:19px;height:2px;display:block;border-radius:2px;background:currentColor;
    transition:transform .22s ease,opacity .22s ease;
}
.menu-btn[aria-expanded="true"] span:first-child{transform:translateY(7px) rotate(45deg)}
.menu-btn[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-btn[aria-expanded="true"] span:last-child{transform:translateY(-7px) rotate(-45deg)}
.menu-btn:hover{background:#eaf4ff;color:var(--blue)
}

/* Hero */
.hero{
    position:relative;
    overflow:hidden;
    min-height:calc(100vh - 76px);
    display:flex;
    align-items:center;
    padding:32px 0 54px;
    background:
    radial-gradient(circle at 74% 32%,rgba(35,131,226,.10),transparent 28%),
    linear-gradient(#f8fbff,#fff 79%);
}
.hero .container{
    width:min(calc(100% - 40px),var(--container));
    margin:0 auto;
    padding:0;
}
.hero::before{
    content:"";position:absolute;inset:0;pointer-events:none;opacity:.45;
    background-image:
    linear-gradient(rgba(21,84,164,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(21,84,164,.04) 1px,transparent 1px);
    background-size:42px 42px;
    mask-image:linear-gradient(to bottom,#000,transparent 92%);
}
.hero-grid{
    position:relative;
    width:100%;
    display:grid;
    grid-template-columns:1.08fr .92fr;
    gap:28px;
    align-items:center;
    margin:0 auto;
}
.hero-copy p{
    max-width:680px;
    margin-bottom:18px;
    color:var(--muted);
    font-size:clamp(1rem,1.35vw,1.12rem);
    line-height:1.62;
}
.hero-signature{
    margin:0 0 29px;
    color:var(--navy2);
    font-size:clamp(1.05rem,1.6vw,1.23rem);
    font-weight:850;
    letter-spacing:-.02em;
}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.hero-proof{
    margin-top:19px;
    display:flex;
    align-items:center;
    gap:9px;
    color:#718096;
    font-size:.82rem;
}
.hero-proof::before{
    content:"";
    width:8px;height:8px;border-radius:50%;background:var(--green);
    box-shadow:0 0 0 5px rgba(27,169,127,.1);
}

.movement-card{
    max-width:520px;
    margin-left:auto;
    padding:27px;
    border:1px solid #dbe6f2;
    border-radius:30px;
    background:#fff;
    box-shadow:var(--shadow);
}
.movement-head{
    margin-bottom:18px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
}
.movement-head small{
    color:var(--muted);
    font-size:.7rem;
    font-weight:900;
    letter-spacing:.11em;
    text-transform:uppercase;
}
.movement-head .live{color:var(--green)}
.movement-head .live::first-letter{animation:live-pulse 1.8s ease-in-out infinite}
.movement-title{
    margin-bottom:20px;
    color:var(--navy2);
    font-size:1.1rem;
    font-weight:900;
    letter-spacing:-.02em;
}
.movement-list{display:grid;gap:10px}
.movement{
    position:relative;
    min-height:86px;
    padding:15px 16px;
    display:grid;
    grid-template-columns:42px 1fr auto;
    align-items:center;
    gap:13px;
    border:1px solid var(--line);
    border-radius:16px;
    background:#fbfdff;
}
.movement{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.movement:hover{transform:translateX(5px);border-color:#c6dced;box-shadow:0 10px 22px rgba(19,48,82,.07)}
.movement-icon{
    width:40px;height:40px;display:grid;place-items:center;border-radius:12px;font-weight:900;
}
.movement.delivery .movement-icon{color:#1554a4;background:var(--blue-soft)}
.movement.field .movement-icon{color:#14775b;background:var(--green-soft)}
.movement.pickup .movement-icon{color:#ad510f;background:var(--orange-soft)}
.movement strong{display:block;margin-bottom:3px;font-size:.88rem}
.movement span{color:var(--muted);font-size:.72rem}
.movement b{color:var(--orange);font-size:.8rem}

/* Problem */
.problem-grid{
    margin-top:48px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    border-top:1px solid var(--line);
    border-left:1px solid var(--line);
}
.problem{
    min-height:205px;
    padding:27px 24px;
    border-right:1px solid var(--line);
    border-bottom:1px solid var(--line);
}
.problem small{
    display:block;margin-bottom:28px;color:var(--orange);
    font-size:.67rem;font-weight:900;letter-spacing:.1em;
}
.problem h3{margin-bottom:9px}
.problem p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.58}

/* Three journeys */
.module-buttons{
    margin-top:42px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
}
.module-btn{
    min-height:122px;padding:20px;text-align:left;border:1px solid var(--line);
    border-radius:20px;background:#fff;cursor:pointer;transition:.2s ease;
}
.module-btn:hover,.module-btn.focused{transform:translateY(-2px);box-shadow:var(--shadow)}
.module-btn.focused[data-module="entregas"]{border-color:var(--blue2)}
.module-btn.focused[data-module="field"]{border-color:var(--green)}
.module-btn.focused[data-module="pickup"]{border-color:var(--orange)}
.module-btn small{display:block;margin-bottom:10px;color:var(--blue);font-size:.65rem;font-weight:900;letter-spacing:.1em}
.module-btn[data-module="field"] small{color:#13775a}
.module-btn[data-module="pickup"] small{color:#b4510c}
.module-btn strong{display:block;margin-bottom:5px;font-size:1rem}
.module-btn span{color:var(--muted);font-size:.79rem;line-height:1.4}

.journey-layout{
    margin-top:20px;
    display:grid;
    grid-template-columns:minmax(0,1.5fr) minmax(290px,.7fr);
    gap:20px;
}
.journey-map,.journey-insight{
    border:1px solid var(--line);
    border-radius:27px;
    background:#fff;
    box-shadow:var(--shadow);
}
.journey-map{padding:18px}
.journey-head,.journey-row{
    display:grid;
    grid-template-columns:minmax(135px,1.25fr) repeat(5,minmax(76px,1fr));
    gap:7px;
}
.journey-head{margin-bottom:10px}
.journey-head div{
    min-height:42px;padding:7px;display:grid;place-items:center;border-radius:11px;
    color:var(--muted);background:var(--soft);text-align:center;font-size:.62rem;font-weight:850;
}
.journey-head div:first-child{background:transparent}
.journey-row{
    margin-bottom:9px;padding:10px;border:1px solid #e6edf5;border-radius:17px;transition:.2s ease;
}
.journey-row.dimmed{opacity:.28}
.journey-row.focused{transform:translateY(-1px);box-shadow:0 10px 25px rgba(19,48,82,.08)}
.journey-meta{display:flex;align-items:center;gap:9px}
.dot{width:11px;height:11px;flex:0 0 auto;border-radius:50%}
.entregas .dot{background:var(--blue2)}
.field .dot{background:var(--green)}
.pickup .dot{background:var(--orange)}
.journey-meta strong{display:block;margin-bottom:3px;font-size:.79rem}
.journey-meta small{color:var(--muted);font-size:.6rem}
.step{
    min-height:67px;padding:8px;display:grid;place-items:center;border-radius:12px;
    text-align:center;font-size:.63rem;line-height:1.25;font-weight:800;
}
.entregas .step{color:#1554a4;background:var(--blue-soft)}
.field .step{color:#14775b;background:var(--green-soft)}
.pickup .step{color:#ad510f;background:var(--orange-soft)}
.synergy{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.synergy strong{
    display:block;margin-bottom:11px;color:#1554a4;
    font-size:.67rem;letter-spacing:.1em;text-transform:uppercase;
}
.synergy-flow{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.synergy-flow span{
    padding:8px 10px;border-radius:999px;color:#536478;background:var(--soft);
    font-size:.66rem;font-weight:750;
}
.synergy-flow b{color:var(--orange)}
.journey-insight{padding:27px;display:flex;flex-direction:column}
.journey-insight>small{
    margin-bottom:12px;color:#1554a4;font-size:.66rem;font-weight:900;
    letter-spacing:.1em;text-transform:uppercase;
}
.journey-insight h3{margin-bottom:12px;font-size:1.62rem;letter-spacing:-.03em}
.journey-insight p,.journey-insight li{color:var(--muted);font-size:.83rem;line-height:1.54}
.journey-insight ul{padding-left:18px}
.journey-insight .btn{width:100%;margin-top:auto}

/* Benefits */
.value-grid{
    margin-top:46px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
}
.value-card{
    min-height:220px;
    padding:26px;
    border:1px solid var(--line);
    border-radius:19px;
    background:#fff;
}
.value-card,.problem,.trace4-card,.board-row,.chip,.sng-item,.contact-point{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.value-card:hover,.problem:hover,.trace4-card:hover{transform:translateY(-5px);box-shadow:0 14px 30px rgba(19,48,82,.08);border-color:#c6dced}
.board-row:hover,.chip:hover,.sng-item:hover{transform:translateX(4px)}
.value-icon{
    width:42px;height:42px;margin-bottom:26px;display:grid;place-items:center;border-radius:12px;
    color:#1554a4;background:var(--blue-soft);font-weight:900;
}
.value-card h3{margin-bottom:9px}
.value-card p{margin:0;color:var(--muted);font-size:.87rem;line-height:1.58}
.value-note{
    margin-top:18px;padding:15px 18px;border-left:3px solid var(--orange);
    border-radius:10px;background:var(--orange-soft);color:#6f5b4b;font-size:.8rem;line-height:1.55;
}

/* Exception */
.exceptions{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:80px;
    align-items:center;
}
.board{
    padding:17px;border:1px solid var(--line);border-radius:25px;background:#fff;box-shadow:var(--shadow);
}
.board-title{
    padding:12px 12px 20px;color:var(--muted);font-size:.69rem;font-weight:900;
    letter-spacing:.08em;text-transform:uppercase;
}
.board-row{
    margin-bottom:7px;padding:15px;display:grid;grid-template-columns:9px 1fr auto;
    align-items:center;gap:12px;border-radius:14px;background:var(--soft);
}
.board-row:last-child{margin-bottom:0}
.status{width:8px;height:8px;border-radius:50%}
.red{background:var(--red)}.orange{background:var(--orange)}.green{background:var(--green)}
.board-row strong{display:block;font-size:.82rem}
.board-row small{color:var(--muted);font-size:.69rem}
.board-row time{color:var(--muted);font-size:.67rem;font-weight:800}

/* How */
.trace4{
    margin-top:48px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
}
.trace4-card{
    min-height:300px;
    padding:26px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:18px;
    background:rgba(255,255,255,.055);
}
.trace4-card .n{
    display:inline-grid;place-items:center;width:34px;height:34px;margin-bottom:27px;
    border-radius:10px;color:#ff9b4e;background:rgba(255,255,255,.07);font-size:.68rem;font-weight:900;
}
.trace4-card h3{margin-bottom:10px}
.trace4-card p{color:#adc0d6;font-size:.84rem;line-height:1.55}
.trace4-card ul{margin:18px 0 0;padding:0;display:grid;gap:8px;list-style:none}
.trace4-card li{position:relative;padding-left:19px;color:#bfd0e4;font-size:.75rem;line-height:1.45}
.trace4-card li::before{content:"";position:absolute;left:0;top:.52em;width:7px;height:7px;border-radius:50%;background:var(--green)}

/* Where */
.fit-layout{
    margin-top:46px;
    display:grid;
    grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);
    gap:20px;
}
.fit-card,.integration-card{
    border:1px solid var(--line);
    border-radius:24px;
    background:#fff;
    box-shadow:var(--shadow);
    min-width:0;
}
.fit-card{overflow:hidden}
.fit-table{width:100%;border-collapse:collapse}
.fit-table th,.fit-table td{padding:17px 18px;border-bottom:1px solid var(--line);text-align:center}
.fit-table tr:last-child td{border-bottom:0}
.fit-table th{
    color:var(--muted);background:#f9fbfd;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;
}
.fit-table th:first-child,.fit-table td:first-child{text-align:left}
.fit-table td:first-child{color:var(--navy2);font-weight:800;font-size:.83rem}
.check{
    width:24px;height:24px;margin:auto;display:grid;place-items:center;border-radius:50%;
    color:#fff;background:var(--green);font-size:.7rem;font-weight:900;
}
.dash{color:#b7c2cf}
.integration-card{padding:27px}
.integration-card h3{margin-bottom:11px;font-size:1.4rem}
.integration-card p{color:var(--muted);font-size:.84rem;line-height:1.55}
.systems{margin-top:18px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.chip{
    min-height:54px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;
    color:#536478;background:var(--soft);font-size:.73rem;font-weight:850;
}

/* SNG */
.sng-layout{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:70px;
    align-items:center;
}
.sng-proof{
    padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:rgba(255,255,255,.05);
}
.sng-proof h3{margin-bottom:18px}
.sng-list{display:grid;gap:12px}
.sng-item{
    padding:14px 15px;display:flex;gap:12px;align-items:flex-start;border-radius:13px;background:rgba(255,255,255,.05);
}
.sng-item b{
    width:24px;height:24px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;
    color:#fff;background:var(--green);font-size:.62rem;
}
.sng-item span{color:#bfd0e4;font-size:.81rem;line-height:1.48}
.chain{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.chain span{
    padding:9px 11px;border-radius:999px;color:#bfd0e4;background:rgba(255,255,255,.06);
    font-size:.71rem;font-weight:750;
}
.chain b{color:#ff9b4e}

/* CTA/form */
.contact{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:70px;
    align-items:start;
}
.contact-points{margin-top:29px;display:grid;gap:11px}
.contact-point{display:flex;gap:10px;color:#506075;font-size:.88rem;line-height:1.5}
.contact-point::before{
    content:"✓";width:23px;height:23px;flex:0 0 auto;display:grid;place-items:center;
    border-radius:50%;color:#fff;background:var(--green);font-size:.63rem;
}
.form-card{
    padding:31px;border:1px solid var(--line);border-radius:25px;background:#fff;box-shadow:var(--shadow);
}
.form-card h3{margin-bottom:21px;font-size:1.42rem}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}
.field{display:grid;gap:6px}.field.full{grid-column:1/-1}
.field label,.module-choices>label{color:#526175;font-size:.75rem;font-weight:800}
.field input,.field textarea{
    width:100%;min-height:49px;padding:12px 13px;border:1px solid #ccd8e6;border-radius:10px;outline:none;
}
.field textarea{min-height:110px;resize:vertical}
.field input:focus,.field textarea:focus{border-color:var(--blue2);box-shadow:0 0 0 4px rgba(35,131,226,.1)}
.module-choices{grid-column:1/-1;display:grid;gap:8px}
.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.choice{
    min-height:52px;padding:11px 12px;display:flex;align-items:center;gap:9px;
    border:1px solid var(--line);border-radius:11px;background:var(--soft);cursor:pointer;
}
.choice input{width:17px;height:17px;accent-color:var(--blue)}
.choice span{color:#536478;font-size:.76rem;font-weight:750}
.privacy{
    margin-top:15px;padding:13px;display:grid;grid-template-columns:20px 1fr;gap:9px;
    border:1px solid var(--line);border-radius:11px;background:var(--soft);
}
.privacy input{width:17px;height:17px;margin-top:2px;accent-color:var(--blue)}
.privacy label{color:#536478;font-size:.73rem;line-height:1.48}
.privacy a{color:#1554a4;font-weight:800;text-decoration:underline}
.form-actions{margin-top:16px}.form-actions .btn{width:100%}
.prototype-note{margin:10px 0 0;color:#8995a4;font-size:.67rem;line-height:1.45}.prototype-note.error{color:#b42318}.prototype-note.success{color:#13775a}.btn[disabled]{opacity:.65;cursor:not-allowed;transform:none!important}

/* Footer */
footer{padding:30px 0 20px;color:#9fb0c5;background:#06101f}
.footer-grid{display:grid;grid-template-columns:1.35fr .7fr .8fr 1fr;gap:38px}
.footer-logo{
    position:relative;width:100%;max-width:390px;height:82px;overflow:hidden;border-radius:8px;background:transparent;display:flex;align-items:center;justify-content:flex-start;
}
.footer-logo img{
    width:240px;height:auto;max-width:100%;display:block;object-fit:contain;object-position:left center;position:static;transform:none;
}
.footer-copy{max-width:390px;margin:8px 0 0;color:#8fa1b6;font-size:.76rem;line-height:1.5}
.syner-signature{max-width:340px;margin-top:14px;padding:12px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.055)}
.syner-label{color:#8fa1b6;font-size:.62rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.syner-logo-box{display:block;width:100%;padding:6px 0;border-radius:8px;background:transparent;transition:transform .2s ease,box-shadow .2s ease}
.syner-logo-box:hover{transform:translateY(-2px);box-shadow:0 9px 24px rgba(0,0,0,.2)}
.syner-logo-box img{display:block;width:auto;max-width:100%;height:25px;object-fit:contain;object-position:left center}
.syner-signature p{margin:0;color:#8fa1b6;font-size:.67rem;line-height:1.42}
.syner-signature strong{color:#d8e5f3}
.footer-title{margin-bottom:13px;color:#fff;font-size:.7rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.footer-links{display:grid;gap:9px;font-size:.78rem}
.footer-contact-box{display:flex;flex-direction:column;align-items:stretch;gap:8px}
.footer-contact-box a{display:flex;align-items:center;gap:10px;min-height:36px;color:#9fb0c5;font-size:.78rem;line-height:1.4;transition:color .2s ease,transform .2s ease}
.footer-contact-box a:hover{color:#fff;transform:translateX(3px)}
.footer-contact-box svg{width:30px;height:30px;padding:6px;flex:0 0 30px;border-radius:9px}
.footer-contact-box a:nth-of-type(1) svg{color:var(--green);background:rgba(27,169,127,.12)}
.footer-contact-box a:nth-of-type(2) svg{color:var(--blue2);background:rgba(35,131,226,.13)}
.footer-contact-box a:nth-of-type(3) svg{color:var(--orange);background:rgba(255,122,24,.12)}
.footer-contact-box a:nth-of-type(4) svg{color:#62aef5;background:rgba(35,131,226,.13)}
.footer-contact-box a:nth-of-type(5) svg{color:#ff9b4e;background:rgba(255,122,24,.12)}
.footer-contact-box hr{width:100%;margin:5px 0;border:0;border-top:1px solid rgba(255,255,255,.08)}
.copyright{
    margin-top:24px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);
    display:flex;justify-content:space-between;gap:20px;font-size:.68rem;
}

.floating{
    position:fixed;z-index:90;right:16px;bottom:max(16px,env(safe-area-inset-bottom));
    display:grid;justify-items:end;gap:8px;
}
.float-btn{
    min-width:47px;height:47px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;
    border-radius:999px;color:#fff;box-shadow:0 12px 25px rgba(13,30,54,.18);font-size:.74rem;font-weight:800;
}
.whatsapp{background:#16a972}
.to-top{width:47px;padding:0;background:var(--navy2);opacity:0;pointer-events:none;transition:.2s}
.to-top.visible{opacity:1;pointer-events:auto}

/* Motion */
@keyframes hero-rise{
    from{opacity:0;transform:translateY(18px)}
    to{opacity:1;transform:translateY(0)}
}
@keyframes live-pulse{
    0%,100%{opacity:1}
    50%{opacity:.35}
}
@keyframes reveal-up{
    from{opacity:0;transform:translateY(24px)}
    to{opacity:1;transform:translateY(0)}
}
.hero-copy>*{animation:hero-rise .7s both ease-out}
.hero-copy> :nth-child(2){animation-delay:.08s}
.hero-copy> :nth-child(3){animation-delay:.16s}
.hero-copy> :nth-child(4){animation-delay:.24s}
.hero-copy> :nth-child(5){animation-delay:.32s}
.hero-copy> :nth-child(6){animation-delay:.4s}
.movement-card{animation:hero-rise .8s .18s both ease-out}
body.motion-ready .reveal{opacity:0;transform:translateY(24px)}
body.motion-ready .reveal.is-visible{animation:reveal-up .65s both ease-out}
.movement-list .movement:nth-child(2){transition-delay:.04s}
.movement-list .movement:nth-child(3){transition-delay:.08s}

@media(max-width:1050px){
    .hero-grid,.journey-layout,.exceptions,.fit-layout,.sng-layout,.contact{grid-template-columns:1fr}
    .problem-grid,.value-grid,.trace4{grid-template-columns:repeat(2,1fr)}
    .hero{
        min-height:auto;
        padding:54px 0 64px;
    }
    .movement-card{
        max-width:none;
        width:100%;
        margin-left:0;
    }
}

@media(max-width:900px){
    .nav-links,.nav>.btn{display:none}
    .menu-btn{display:grid;flex:0 0 auto}
    .nav-links{
    position:absolute;top:76px;left:0;right:0;display:flex;flex-direction:column;align-items:stretch;
    gap:0;padding:20px;background:rgba(255,255,255,.98);backdrop-filter:blur(15px);
    visibility:hidden;opacity:0;transform:translateY(-12px);pointer-events:none;
    transition:opacity .22s ease,transform .22s ease,visibility .22s ease;
    overflow-y:hidden;
    }
    .nav-links.open{
    visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto;
    }
    .nav-links a{padding:17px 13px;border-bottom:1px solid var(--line);font-size:1rem}
    .nav-links a:first-child{border-top:1px solid var(--line)}
    .hero{padding:44px 0 52px}
    .hero-grid{gap:26px}
    .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}
    .footer-logo{width:100%;max-width:528px}
    .module-buttons{grid-template-columns:1fr}
    .journey-head{display:none}
    .journey-row{grid-template-columns:repeat(2,1fr)}
    .journey-meta{grid-column:1/-1;min-height:46px}
}

@media(max-width:680px){
    .container{width:calc(100% - 28px)}
    .section{padding:74px 0}
    .hero{padding:32px 0 48px}
    h1{font-size:clamp(2.55rem,14vw,3.9rem)}
    h2{font-size:clamp(2rem,10vw,2.9rem)}
    .brand-crop{width:min(160px,52vw);height:40px}
    .brand-crop img{width:100%;max-width:160px}
    .hero-grid{grid-template-columns:1fr; gap:24px}
    .hero-copy{width:100%}
    .hero-actions{display:grid}
    .hero-actions .btn{width:100%}
    .movement-card{padding:17px}
    .movement{grid-template-columns:39px 1fr}
    .movement b{display:none}
    .problem-grid,.value-grid,.trace4,.form-grid{grid-template-columns:1fr}
    .journey-row{grid-template-columns:1fr}
    .journey-meta{grid-column:auto}
    .step{min-height:45px;justify-items:start;text-align:left}
    .synergy-flow{display:grid;grid-template-columns:1fr}
    .synergy-flow b{transform:rotate(90deg);text-align:center}
    .fit-card{overflow:hidden}
    .fit-table{width:100%;min-width:0;table-layout:fixed}
    .fit-table th,.fit-table td{padding:12px 6px;font-size:.64rem;overflow-wrap:anywhere}
    .fit-table th:first-child,.fit-table td:first-child{width:32%}
    .fit-table .check{width:20px;height:20px}
    .choice-grid{grid-template-columns:1fr}
    .form-card{padding:22px 17px}
    .footer-grid{grid-template-columns:1fr}
    .footer-logo{width:100%;max-width:528px}
    .copyright{flex-direction:column}
    .whatsapp{width:47px;padding:0}
    .whatsapp span{display:none}
}

@media(max-width:350px){
    .container{width:calc(100% - 22px)}
    .nav{gap:12px}
    .brand-crop{width:132px}
    .brand-crop img{width:132px}
}

@media(prefers-reduced-motion:reduce){
    html{scroll-behavior:auto!important}
    *,*::before,*::after{animation:none!important;transition-duration:.01ms!important}
    body.motion-ready .reveal{opacity:1;transform:none}
}

/* Scrollbar com tema azul e trilho totalmente transparente */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: var(--blue);
    border-radius: 10px;
    border: 2px solid transparent; /* Cria um espaçamento interno falso */
    background-clip: padding-box;
    transition: background 0.2s;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--navy2);
}

/* Suporte para Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--blue) transparent;
}