:root{--ink:#111b1d;--ink-soft:#465456;--paper:#fbfcf9;--paper-alt:#eef4ef;--panel:#fff;--line:#d9e3dc;--teal:#21a995;--teal-dark:#147567;--amber:#e59b42;--green:#73ad66;--charcoal:#0f1718;--white:#fff;--shadow:0 18px 48px #111b1d1f;--max:1180px;--radius:8px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}body.nav-open{overflow:hidden}a{color:inherit;text-decoration:none}img,svg{display:block}button,input,select,textarea{font:inherit}.container{width:min(100% - 40px, var(--max));margin-inline:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fbfcf9eb;border-bottom:1px solid #d9e3dcd1;position:sticky;top:0}.nav-shell{justify-content:space-between;align-items:center;gap:24px;min-height:82px;display:flex}.brand{align-items:center;gap:12px;min-width:max-content;display:inline-flex}.brand-logo-image{object-fit:contain;width:auto;max-width:190px;height:64px}.brand-fallback{align-items:center;gap:12px}.brand-fallback:not([hidden]){display:inline-flex}.brand-mark{width:42px;height:42px;color:var(--white);background:var(--charcoal);border:2px solid var(--teal);border-radius:8px;place-items:center;font-size:.85rem;font-weight:800;display:grid;overflow:hidden}.brand-mark img{object-fit:cover;width:100%;height:100%}.brand-mark.has-image{background:0 0;border-color:#0000;border-radius:0}.brand strong,.brand small{letter-spacing:0;line-height:1.1;display:block}.brand strong{font-size:.98rem}.brand small{color:var(--ink-soft);margin-top:4px;font-size:.76rem}.nav-links{color:var(--ink-soft);align-items:center;gap:24px;font-size:.95rem;display:flex}.nav-links a{align-items:center;gap:8px;min-height:40px;display:inline-flex}.nav-links a:hover{color:var(--ink)}.nav-cta{background:var(--charcoal);border-radius:8px;padding:0 14px;color:var(--white)!important}.nav-cta svg{width:17px;height:17px}.nav-toggle{width:42px;height:42px;color:var(--ink);background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:8px;place-items:center;display:none}.nav-toggle svg{width:20px;height:20px}.icon-close{display:none}.hero{min-height:82svh;color:var(--white);background:linear-gradient(90deg,#0a1113f0 0%,#0a1113c7 42%,#0a111333 100%),url(/assets/systel-hero.png) 50%/cover no-repeat;align-items:center;display:grid}.hero-inner{padding:86px 0 72px}.hero-copy{max-width:720px}.eyebrow{color:var(--teal);letter-spacing:0;text-transform:uppercase;margin:0 0 14px;font-size:.84rem;font-weight:800}.hero .eyebrow{color:#8ce0d3}.hero h1{letter-spacing:0;margin:0;font-size:4.75rem;line-height:.96}.hero-subtitle{color:#ffffffd6;max-width:650px;margin:24px 0 0;font-size:1.2rem}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 18px;font-weight:800;transition:transform .16s,border-color .16s,background .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button svg{flex:none;width:18px;height:18px}.button-primary{color:var(--charcoal);background:var(--teal);border-color:var(--teal)}.button-primary:hover{background:#43c5b3}.button-secondary{color:var(--white);background:#ffffff14;border-color:#ffffff40}.hero-highlights{color:#ffffffd6;flex-wrap:wrap;gap:14px 20px;margin:34px 0 0;padding:0;font-size:.95rem;list-style:none;display:flex}.hero-highlights li{align-items:center;gap:8px;display:inline-flex}.hero-highlights svg{width:18px;height:18px;color:var(--amber);flex:none}.section{padding:88px 0}.intro-band{background:var(--paper-alt);border-bottom:1px solid var(--line);padding:28px 0}.proof-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.proof-grid article{border-right:1px solid var(--line);padding:18px 0}.proof-grid article:last-child{border-right:0}.proof-grid strong,.proof-grid span{display:block}.proof-grid strong{font-size:1rem}.proof-grid span{color:var(--ink-soft);margin-top:4px;font-size:.95rem}.section-heading{text-align:center;max-width:720px;margin:0 auto 42px}.section-heading.align-left{text-align:left;margin-inline:0}.section-heading h2{letter-spacing:0;margin:0;font-size:2.45rem;line-height:1.08}.section-heading p:not(.eyebrow){color:var(--ink-soft);margin:16px 0 0;font-size:1.04rem}.services-grid,.plans-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.service-card,.plan-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-height:100%;padding:24px;box-shadow:0 1px #111b1d0a}.service-card>svg{width:34px;height:34px;color:var(--teal-dark)}.service-card h3,.plan-card h3,.solution-list h3,.process-grid h3{letter-spacing:0;margin:18px 0 8px;font-size:1.14rem;line-height:1.25}.service-card p,.plan-card p,.solution-list p,.process-grid p{color:var(--ink-soft);margin:0}.section-dark{color:var(--white);background:linear-gradient(180deg, #0f1718f5, #142422fa), var(--charcoal)}.section-dark .section-heading p:not(.eyebrow),.section-dark .solution-list p{color:#ffffffb8}.split-layout{grid-template-columns:.9fr 1.1fr;align-items:start;gap:56px;display:grid}.solution-list{gap:14px;display:grid}.solution-list article{border-radius:var(--radius);background:#ffffff0f;border:1px solid #ffffff1f;grid-template-columns:46px 1fr;gap:16px;padding:22px;display:grid}.solution-list svg{width:34px;height:34px;color:var(--amber)}.solution-list h3{margin-top:0}.process-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.process-grid article{border-top:2px solid var(--line);padding-top:20px}.process-grid span{color:var(--teal-dark);font-size:.86rem;font-weight:900}.section-muted{background:var(--paper-alt)}.plan-card{flex-direction:column;gap:18px;display:flex}.plan-card.featured{border-color:var(--teal);box-shadow:var(--shadow)}.plan-card h3,.plan-card p{margin:0}.plan-card ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.plan-card li{color:var(--ink-soft);align-items:flex-start;gap:8px;display:flex}.plan-card li svg{width:18px;height:18px;color:var(--green);flex:none;margin-top:3px}.text-link{color:var(--teal-dark);align-items:center;gap:6px;margin-top:auto;font-weight:800;display:inline-flex}.text-link svg{width:17px;height:17px}.contact-section{background:var(--paper)}.contact-grid{grid-template-columns:.9fr 1.1fr;align-items:start;gap:52px;display:grid}.contact-cards{gap:12px;margin-top:28px;display:grid}.contact-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:42px 1fr;align-items:center;gap:14px;padding:16px;display:grid}.contact-card svg{width:26px;height:26px;color:var(--teal-dark)}.contact-card strong,.contact-card small{display:block}.contact-card small{color:var(--ink-soft);margin-top:2px}.quote-form{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);gap:16px;padding:26px;display:grid}.quote-form label,.quote-form fieldset{color:var(--ink);gap:8px;margin:0;font-size:.95rem;font-weight:800;display:grid}.quote-form fieldset{border:0;padding:0}.quote-form legend{margin-bottom:8px;padding:0;font-weight:800}.quote-form input,.quote-form select,.quote-form textarea{width:100%;color:var(--ink);border:1px solid var(--line);background:#f7faf7;border-radius:8px;outline:none}.quote-form input,.quote-form select{min-height:46px;padding:0 12px}.quote-form textarea{resize:vertical;min-height:116px;padding:12px}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #21a99529}.segmented{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.segmented label{min-height:42px;color:var(--ink-soft);border:1px solid var(--line);text-align:center;cursor:pointer;background:#f7faf7;border-radius:8px;justify-content:center;align-items:center;padding:0 10px;font-size:.88rem;display:flex}.segmented input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.segmented label:has(input:checked){color:var(--charcoal);border-color:var(--teal);background:#21a99526}.form-submit{width:100%}.form-note{color:var(--ink-soft);text-align:center;margin:0;font-size:.9rem}.form-note a{color:var(--teal-dark);font-weight:800}.site-footer{color:#ffffffbd;background:var(--charcoal);padding:26px 0}.footer-inner{justify-content:space-between;align-items:center;gap:18px;font-size:.92rem;display:flex}.footer-inner a{color:var(--white);font-weight:800}.toast{z-index:40;max-width:320px;color:var(--white);background:var(--charcoal);box-shadow:var(--shadow);opacity:0;pointer-events:none;border:1px solid #ffffff1f;border-radius:8px;padding:12px 14px;transition:opacity .16s,transform .16s;position:fixed;bottom:20px;right:20px;transform:translateY(10px)}.toast.is-visible{opacity:1;transform:translateY(0)}@media (prefers-color-scheme:dark){:root{--ink:#f4fbf8;--ink-soft:#b8c8c4;--paper:#0f1718;--paper-alt:#142123;--panel:#172426;--line:#2a3b3d;--charcoal:#080d0e;--shadow:0 18px 48px #00000057}body{background:var(--paper)}.site-header{background:#0f1718eb;border-bottom-color:#ffffff14}.nav-links{color:#ffffffc2}.nav-links a:hover{color:var(--white)}.nav-cta,.button-primary{background:var(--teal);border-color:var(--teal);color:#0f1718!important}.intro-band,.section-muted{background:var(--paper-alt)}.service-card,.plan-card,.contact-card,.quote-form{background:var(--panel);border-color:var(--line)}.section-dark{background:linear-gradient(180deg, #080d0efa, #0c1a19fa), var(--charcoal)}.quote-form input,.quote-form select,.quote-form textarea,.segmented label{color:var(--ink);border-color:var(--line);background:#101b1d}.quote-form input::placeholder,.quote-form textarea::placeholder{color:#7f918d}.segmented label:has(input:checked){color:var(--white);background:#21a9953d}.footer-inner a,.form-note a,.text-link{color:#6de0cf}}@media (width<=980px){.hero h1{font-size:3.65rem}.hero-subtitle{font-size:1.08rem}.proof-grid,.services-grid,.plans-grid,.process-grid,.split-layout,.contact-grid{grid-template-columns:1fr}.proof-grid article{border-right:0;padding:8px 0}.process-grid{gap:28px}}@media (width<=760px){.container{width:min(100% - 28px, var(--max))}.nav-shell{min-height:68px}.brand-logo-image{max-width:160px;height:54px}.nav-toggle{display:grid}.nav-toggle[aria-expanded=true] .icon-open{display:none}.nav-toggle[aria-expanded=true] .icon-close{display:block}.nav-links{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;display:none;position:absolute;inset:68px 14px auto}.nav-links.is-open{gap:6px;display:grid}.nav-links a{justify-content:space-between;min-height:44px;padding:0 10px}.nav-cta{margin-top:6px;justify-content:center!important}.hero{background-position:58%;min-height:82svh}.hero-inner{padding:56px 0 50px}.hero h1{font-size:3.05rem}.hero-subtitle{max-width:520px;font-size:1rem}.hero-actions{grid-template-columns:1fr;display:grid}.hero-highlights{gap:10px;font-size:.9rem;display:grid}.section{padding:64px 0}.intro-band{padding:24px 0}.section-heading{margin-bottom:30px}.section-heading h2{font-size:2rem}.service-card,.plan-card,.quote-form{padding:20px}.segmented{grid-template-columns:1fr}.footer-inner{display:grid}}@media (width<=420px){.brand strong{font-size:.9rem}.brand small{font-size:.72rem}.brand-mark{width:38px;height:38px}.brand-logo-image{height:50px}.hero h1{font-size:2.55rem}.button{width:100%;padding-inline:12px}}