:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#142033;--muted:#5f6c7d;--soft:#eef3f7;--surface:#fff;--surface-2:#f7fafc;--line:#d9e2ea;--brand:#123455;--brand-2:#2196f3;--green:#a3a96f;--red:#d83442;--gold:#f1b35d;--shadow:0 18px 45px #1f30461f;--radius:8px;font-family:Inter,Avenir Next,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--ink);background:#f7fafc;margin:0}body,button,input,select,textarea{font:inherit}button,input,select,textarea,a{color:inherit}img{max-width:100%;display:block}.site-shell{background:linear-gradient(#ffffffeb,#f7fafcf5),url(/images/cynoops-app.png) right -180px top 90px/520px no-repeat;min-height:100vh}.site-header{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe6;border-bottom:1px solid #d9e2eacc;grid-template-columns:minmax(190px,auto) 1fr auto;align-items:center;gap:18px;min-height:74px;padding:12px clamp(18px,4vw,56px);display:grid;position:sticky;top:0}.brand{align-items:center;gap:10px;min-width:0;text-decoration:none;display:inline-flex}.brand__icon{border-radius:var(--radius);width:42px;height:42px;box-shadow:0 8px 18px #1234552e}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.08em;line-height:1.1}.brand small{color:var(--muted);font-size:12px;line-height:1.25}.primary-nav{justify-content:center;gap:6px;display:inline-flex}.primary-nav a,.language-select{border-radius:var(--radius);border:1px solid #0000}.primary-nav a{color:#314156;padding:10px 13px;font-weight:700;text-decoration:none}.primary-nav a:hover,.primary-nav a[aria-current=page]{color:var(--brand);background:#eef5fb;border-color:#d8e7f4}.language-select{border-color:var(--line);background:#f3f7fa;align-items:center;gap:8px;padding:8px 10px;display:inline-flex}.language-select span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.language-select select{background:0 0;border:0;min-width:118px;font-weight:700}.hero-section,.app-hero{min-height:min(720px,100vh - 74px);padding:clamp(76px,10vw,128px) clamp(20px,5vw,72px);position:relative;overflow:hidden}.hero-section{background:linear-gradient(90deg,#f7fafcf5 0%,#f7fafcd1 48%,#f7fafc7a 100%),url(/images/cynoops-app.png) right 9vw center/min(46vw,560px) no-repeat;align-items:center;display:flex}.hero-section__content,.app-hero__copy{z-index:2;width:min(680px,100%);position:relative}.eyebrow{color:#5a6f8f;letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px;font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{color:#102137;max-width:12ch;margin-bottom:22px;font-size:clamp(44px,7.2vw,86px);line-height:.96}h2{color:#142033;margin-bottom:16px;font-size:clamp(30px,4vw,52px);line-height:1}h3{margin-bottom:10px;font-size:24px;line-height:1.15}p{color:var(--muted);line-height:1.72}.hero-lead,.page-intro p,.app-hero__copy p{max-width:680px;font-size:clamp(18px,2vw,22px)}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.button{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;min-height:48px;padding:0 18px;font-weight:800;text-decoration:none;display:inline-flex}.button:disabled{cursor:not-allowed;opacity:.6}.button--primary{color:#fff;background:var(--brand);box-shadow:0 12px 24px #1234552e}.button--ghost{color:var(--brand);border-color:var(--line);background:#fff}.mission-visual{z-index:1;pointer-events:none;width:min(500px,42vw);min-width:330px;position:absolute;bottom:clamp(28px,7vw,88px);right:clamp(18px,5vw,78px)}.mission-visual__map,.screenshot-placeholder{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background-color:#fff;background-image:linear-gradient(90deg,#1234550f 1px,#0000 1px),linear-gradient(0deg,#1234550f 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:38px 38px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.mission-visual__map{height:280px;position:relative}.mission-visual__stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.mini-app{border:1px solid color-mix(in srgb, var(--app-color) 24%, var(--line));border-radius:var(--radius);background:#ffffffeb;align-items:center;gap:9px;min-height:56px;padding:8px;display:flex;box-shadow:0 10px 22px #1f304614}.mini-app img{border-radius:var(--radius);width:36px;height:36px}.mini-app span{font-size:13px;font-weight:800}.route,.map-marker{display:block;position:absolute}.route{transform-origin:0;border-radius:999px;height:3px}.route--one{background:var(--brand-2);width:260px;top:94px;left:56px;transform:rotate(18deg)}.route--two{background:var(--green);width:220px;top:196px;left:116px;transform:rotate(-25deg)}.map-marker{background:var(--red);border:4px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 8px 20px #d8344238}.map-marker--one{top:82px;left:70px}.map-marker--two{background:var(--brand-2);top:142px;right:92px}.map-marker--three{background:var(--green);bottom:58px;left:190px}.mission-band,.operations-band,.page-section,.page-main,.app-page{padding:clamp(56px,8vw,96px) clamp(20px,5vw,72px)}.mission-band{border-block:1px solid var(--line);background:#fff}.operations-band{border-top:1px solid var(--line);background:#eaf1f6}.section-copy{width:min(920px,100%)}.section-copy p,.section-heading p{max-width:780px;font-size:18px}.section-heading{max-width:900px;margin-bottom:30px}.section-heading--compact{margin-bottom:20px}.app-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.app-card,.feature-panel,.contact-form,.contact-aside,.legal-sections article,.download-link{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 28px #1f304614}.app-card{flex-direction:column;align-items:flex-start;min-height:310px;padding:20px;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex}.app-card:hover{border-color:color-mix(in srgb, var(--app-color) 45%, var(--line));transform:translateY(-3px);box-shadow:0 18px 38px #1f30461f}.app-card__icon{border-radius:var(--radius);width:58px;height:58px;margin-bottom:18px}.app-card__label,.app-card__action,.app-lockup span{color:color-mix(in srgb, var(--app-color) 72%, #27384e);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:900}.app-card p{flex:1}.app-card__action{margin-top:18px}.page-main{min-height:66vh}.page-intro{width:min(920px,100%);margin-bottom:36px}.page-intro h1{max-width:14ch}.app-page{padding-top:0}.app-hero{background:linear-gradient(90deg, #fffffff5, #ffffffb8), color-mix(in srgb, var(--app-color) 12%, #f7fafc);border-bottom:1px solid color-mix(in srgb, var(--app-color) 22%, var(--line));align-items:center;gap:clamp(28px,6vw,72px);margin-inline:calc(-1*clamp(20px,5vw,72px));padding-inline:clamp(20px,5vw,72px);display:flex}.app-lockup{align-items:center;gap:12px;margin-bottom:22px;display:inline-flex}.app-lockup img{border-radius:var(--radius);width:64px;height:64px;box-shadow:0 12px 24px #1f304624}.app-hero h1{max-width:11ch}.screenshot-placeholder{flex:1;min-width:min(460px,100%);max-width:680px;height:420px;position:relative;overflow:hidden}.screen-topbar{background:color-mix(in srgb, var(--app-dark) 92%, #fff 8%);align-items:center;gap:8px;height:44px;padding:0 16px;display:flex}.screen-topbar span{background:color-mix(in srgb, var(--app-color) 80%, #fff 20%);border-radius:50%;width:10px;height:10px}.screen-body{grid-template-columns:1fr 210px;height:calc(100% - 44px);display:grid}.screen-map{background:linear-gradient(90deg, #12345514 1px, transparent 1px), linear-gradient(0deg, #12345514 1px, transparent 1px), color-mix(in srgb, var(--app-color) 9%, #f8fbfd);background-size:34px 34px;position:relative}.screen-path{background:var(--app-color);border-radius:999px;width:270px;height:4px;position:absolute;top:150px;left:48px;transform:rotate(-18deg)}.screen-pin{background:var(--app-accent);border:4px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute}.screen-pin--one{top:126px;left:88px}.screen-pin--two{background:var(--red);bottom:108px;right:82px}.screen-panel{border-left:1px solid var(--line);background:#fff;flex-direction:column;gap:12px;padding:20px;display:flex}.screen-panel span{background:color-mix(in srgb, var(--app-color) 16%, #e5ebf0);border-radius:999px;height:12px;display:block}.feature-section{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(56px,8vw,88px);display:grid}.feature-panel{padding:24px}.feature-panel__line{background:var(--app-color);border-radius:999px;width:54px;height:4px;margin-bottom:20px;display:block}.download-section{border:1px solid var(--line);border-radius:var(--radius);background:#eef4f8;margin-top:clamp(56px,8vw,88px);padding:28px}.download-list{flex-wrap:wrap;gap:12px;display:flex}.download-link{color:#142033;flex-direction:column;justify-content:center;min-width:170px;min-height:68px;padding:12px 16px;font-weight:900;text-decoration:none;display:inline-flex}.download-link small{color:var(--muted);margin-top:3px;font-size:12px;font-weight:700}.download-link:not(.download-link--disabled):hover{border-color:color-mix(in srgb, var(--app-color) 48%, var(--line))}.download-link--disabled{color:#697789;background:#f6f8fa}.contact-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:18px;display:grid}.contact-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:22px;display:grid}.contact-form label{gap:8px;display:grid}.contact-form span{color:#314156;font-size:13px;font-weight:900}.contact-form input,.contact-form select,.contact-form textarea{border:1px solid var(--line);border-radius:var(--radius);background:#fbfdfe;width:100%;padding:12px 13px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--brand-2);outline:3px solid #2196f329}.contact-form__wide,.contact-form button,.form-status{grid-column:1/-1}.honeypot{opacity:0;width:1px;height:1px;position:absolute;left:-10000px}.form-status{margin:0;font-weight:800}.form-status--sent{color:#2f7b3a}.form-status--error{color:var(--red)}.contact-aside{padding:22px}.contact-aside a{color:var(--brand);font-weight:900}.legal-sections{gap:14px;max-width:920px;display:grid}.legal-sections article{padding:22px}.legal-sections h2{font-size:24px}.site-footer{color:#d7e0ea;background:#132033;justify-content:space-between;gap:24px;padding:32px clamp(20px,5vw,72px);display:flex}.site-footer p{color:#aebccd;margin-bottom:0}.site-footer nav{flex-wrap:wrap;align-items:start;gap:14px;display:flex}.site-footer a{color:#f6f9fc;font-weight:800;text-decoration:none}@media (width<=1080px){.app-grid,.feature-section{grid-template-columns:repeat(2,minmax(0,1fr))}.mission-visual{opacity:.38}.app-hero{flex-direction:column;align-items:flex-start}.screenshot-placeholder{width:100%;max-width:none}}@media (width<=820px){.site-header{grid-template-columns:1fr;position:static}.primary-nav{justify-content:flex-start;overflow-x:auto}.language-select{justify-self:start}.hero-section{background:linear-gradient(#f7fafcfa,#f7fafcd6),url(/images/cynoops-app.png) right -80px bottom 20px/300px no-repeat}.mission-visual{display:none}.contact-layout{grid-template-columns:1fr}.site-footer{flex-direction:column}}@media (width<=620px){.hero-section,.app-hero,.mission-band,.operations-band,.page-section,.page-main,.app-page{padding-inline:16px}h1{font-size:clamp(40px,14vw,58px)}.app-grid,.feature-section,.contact-form{grid-template-columns:1fr}.app-card{min-height:0}.screenshot-placeholder{min-width:0;height:340px}.screen-body{grid-template-columns:1fr}.screen-panel{display:none}}