/* Yardsyncs page: shared Barmageyat navigation/footer are inherited from the site template. */
#yardsyncs-page{--ys-navy:#061d3d;--ys-teal:#17a2b8;--ys-ink:#142b46;--ys-muted:#5d7086;--ys-light:#f5f8fc;--ys-border:#dbe7f4;background:#fff;color:var(--ys-ink);font-family:Poppins,Roboto,Arial,sans-serif;line-height:1.65;overflow:hidden}
#yardsyncs-page *,#yardsyncs-page *::before,#yardsyncs-page *::after{box-sizing:border-box}
#yardsyncs-page .wrap{max-width:1160px;margin:auto;padding:0 24px}
#yardsyncs-page .hero{background:linear-gradient(135deg,#061d3d,#0d3d70);color:#fff;padding:72px 0}
#yardsyncs-page .eyebrow{color:#9cdaec;text-transform:uppercase;font-weight:700;letter-spacing:1.7px;font-size:13px}
#yardsyncs-page h1{font-size:clamp(36px,4.5vw,60px);line-height:1.13;max-width:940px;margin:16px 0 24px;color:#fff;font-weight:700}
#yardsyncs-page h2{font-size:clamp(27px,3vw,38px);line-height:1.22;margin:0 0 20px;color:var(--ys-ink);font-weight:600}
#yardsyncs-page h3{font-size:21px;margin:0 0 10px;color:var(--ys-ink);font-weight:600}
#yardsyncs-page p{margin-top:0}
#yardsyncs-page .lead{max-width:850px;font-size:clamp(17px,1.55vw,21px);color:#e1edfa;line-height:1.7}
#yardsyncs-page a.cta{display:inline-block;margin:19px 8px 0 0;padding:13px 24px;background:#17a2b8;border:1px solid #17a2b8;color:#fff;text-decoration:none;font-size:15px;font-weight:600;border-radius:5px;transition:background .2s ease}
#yardsyncs-page a.cta:hover{background:#118aa0}
#yardsyncs-page a.cta.ghost{background:transparent;border:1px solid #adc9e8;color:#fff}
#yardsyncs-page section{padding:65px 0}
#yardsyncs-page .soft{background:var(--ys-light)}
#yardsyncs-page .intro,#yardsyncs-page .feature p{max-width:830px;color:var(--ys-muted)}
#yardsyncs-page .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}
#yardsyncs-page .card{border:1px solid var(--ys-border);border-radius:9px;padding:25px;background:#fff;box-shadow:0 3px 12px #061d3d0b}
#yardsyncs-page .card p{color:var(--ys-muted);margin-bottom:0}
#yardsyncs-page .feature{display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:35px;margin:44px 0}
#yardsyncs-page .feature:nth-of-type(even){grid-template-columns:1.25fr 1fr}
#yardsyncs-page .feature img{display:block;max-width:100%;width:100%;height:auto;border:1px solid var(--ys-border);border-radius:9px;box-shadow:0 10px 28px #061d3d22}
#yardsyncs-page .pill{display:inline-block;background:#e6f2ff;color:#0d3d70;border-radius:30px;padding:5px 13px;font-size:12px;font-weight:600;margin-bottom:14px}
#yardsyncs-page .caption{font-size:13px;color:var(--ys-muted);margin-top:10px}
#yardsyncs-page .note{padding:18px;border-left:4px solid var(--ys-teal);background:#edf5ff;border-radius:4px}
#yardsyncs-page a:not(.cta){color:var(--ys-teal)}
@media(max-width:800px){#yardsyncs-page .hero{padding:50px 0}#yardsyncs-page section{padding:42px 0}#yardsyncs-page .cards,#yardsyncs-page .feature,#yardsyncs-page .feature:nth-of-type(even){grid-template-columns:1fr}#yardsyncs-page .feature{gap:20px}#yardsyncs-page .wrap{padding:0 18px}}

/* Visual alignment with Barmageyat project portfolio */
#yardsyncs-page .hero{background:linear-gradient(135deg,#061d3d 0%,#0d3d70 100%)}
#yardsyncs-page .hero .wrap{max-width:1160px}
#yardsyncs-page h1{font-size:clamp(34px,4vw,54px);line-height:1.17;max-width:980px}
#yardsyncs-page .hero .lead{font-size:clamp(16px,1.45vw,20px)}
#yardsyncs-page .soft{background:#f5f8fc}
#yardsyncs-page .card{border-color:#dbe7f4}
#yardsyncs-page .cta{box-shadow:0 3px 12px rgba(6,29,61,.08)}

/* Yardsyncs product hero: same two-column visual hierarchy as other Barmageyat products. */
#yardsyncs-page .hero .ys-hero-grid{max-width:1300px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);align-items:center;gap:clamp(28px,4vw,64px)}
#yardsyncs-page .ys-hero-copy{min-width:0}
#yardsyncs-page .hero .ys-hero-copy h1{font-size:clamp(35px,3.25vw,51px);line-height:1.16;max-width:650px;margin:20px 0 24px;color:#fff}
#yardsyncs-page .hero .ys-hero-copy .lead{max-width:590px;font-size:clamp(16px,1.24vw,19px);line-height:1.65;color:#e1edfa}
#yardsyncs-page .ys-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
#yardsyncs-page .ys-hero-actions .cta{margin:0}
#yardsyncs-page .ys-hero-visual{min-width:0;margin:0;position:relative}
#yardsyncs-page .ys-hero-screen{padding:10px;background:#05162c;border:1px solid rgba(112,207,235,.35);border-radius:16px;box-shadow:0 24px 52px rgba(0,7,22,.4);overflow:hidden}
#yardsyncs-page .ys-hero-screen img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:top center;border-radius:8px}
#yardsyncs-page .ys-hero-image-caption{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:11px;letter-spacing:.09em;font-weight:700;margin-top:14px;color:#ccebf8}
#yardsyncs-page .ys-status-dot{width:9px;height:9px;flex:none;background:#17a2b8;border-radius:50%;box-shadow:0 0 0 4px rgba(23,162,184,.15)}
#yardsyncs-page .ys-caption-separator{opacity:.6}
@media(max-width:940px){#yardsyncs-page .hero .ys-hero-grid{grid-template-columns:1fr;gap:32px}#yardsyncs-page .ys-hero-visual{max-width:780px}#yardsyncs-page .hero .ys-hero-copy h1{max-width:760px}}
@media(max-width:600px){#yardsyncs-page .hero .ys-hero-copy h1{font-size:clamp(31px,8vw,42px)}#yardsyncs-page .ys-hero-screen{padding:6px;border-radius:12px}#yardsyncs-page .ys-hero-actions .cta{width:100%;text-align:center}#yardsyncs-page .ys-hero-image-caption{font-size:9px}}