/* SiraNexa public site (landing, pricing, sign-up, legal). Dark navy like the sign-in page; no external fonts or scripts. */
:root{--s-bg:#0b1730;--s-bg2:#102347;--s-card:#13294f;--s-card2:#173061;--s-line:rgba(255,255,255,.1);--s-ink:#e8eefb;--s-muted:#9fb0d0;--s-sky:#38BDF8;--s-sky2:#0EA5E9;--s-orange:#E9622B;--s-orange-d:#c84d1c;--s-green:#4ade80;--s-radius:16px}
*{box-sizing:border-box}
html{font-size:16px;-webkit-text-size-adjust:100%}
body.site{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--s-ink);background:radial-gradient(1200px 600px at 10% -10%,#1e4f9e 0%,transparent 60%),radial-gradient(900px 500px at 100% 0%,#0e3a6e 0%,transparent 55%),var(--s-bg);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}
.site a{color:var(--s-sky)}.site a:hover{color:#7dd3fc}
.s-wrap{max-width:1140px;margin:0 auto;padding:0 16px}
.s-nav{position:sticky;top:0;z-index:20;background:rgba(11,23,48,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--s-line)}
.s-nav .s-wrap{display:flex;align-items:center;gap:1rem;min-height:64px;flex-wrap:wrap}
.s-brand{display:flex;align-items:center;gap:.55rem;text-decoration:none;color:#fff;font-weight:800;font-size:1.25rem;letter-spacing:.01em;margin-right:auto}
.s-brand img{width:34px;height:34px;display:block}.s-brand .n{color:var(--s-sky)}
.s-links{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}
.s-links a{color:var(--s-ink);text-decoration:none;padding:.45rem .7rem;border-radius:10px;font-size:.95rem}.s-links a:hover{background:rgba(255,255,255,.07);color:#fff}
.s-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem 1.15rem;border-radius:12px;font-weight:600;text-decoration:none;border:1px solid var(--s-line);color:#fff;background:rgba(255,255,255,.06);cursor:pointer;font:inherit;font-weight:600;line-height:1.2}
.s-btn:hover{background:rgba(255,255,255,.12);color:#fff}
.s-btn-primary{background:var(--s-orange);border-color:var(--s-orange)}.s-btn-primary:hover{background:var(--s-orange-d);border-color:var(--s-orange-d)}
.s-btn-sky{background:var(--s-sky2);border-color:var(--s-sky2)}.s-btn-sky:hover{background:#0284c7}
.s-btn-lg{padding:.85rem 1.4rem;font-size:1.05rem}.s-btn-block{width:100%}
.s-links .s-btn{padding:.5rem .95rem}
.s-hero{padding:4.5rem 0 3rem;text-align:center}
.s-eyebrow{display:inline-block;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--s-sky);background:rgba(56,189,248,.1);border:1px solid rgba(56,189,248,.25);padding:.3rem .8rem;border-radius:99px;margin-bottom:1rem}
.s-hero h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.12;margin:.2rem auto 1rem;max-width:880px;letter-spacing:-.02em;color:#fff}
.s-hero h1 .hl{background:linear-gradient(90deg,var(--s-sky),#a5f3fc);-webkit-background-clip:text;background-clip:text;color:transparent}
.s-hero p.lead{font-size:clamp(1.02rem,2.2vw,1.2rem);color:var(--s-muted);max-width:720px;margin:0 auto 1.8rem}
.s-cta{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap}
.s-note{color:var(--s-muted);font-size:.88rem;margin-top:.9rem}
.s-section{padding:3rem 0}.s-section h2{font-size:clamp(1.5rem,3.4vw,2.1rem);margin:0 0 .5rem;color:#fff;letter-spacing:-.01em;text-align:center}.s-section .sub{color:var(--s-muted);text-align:center;max-width:680px;margin:0 auto 2rem}
.s-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.s-grid-4{grid-template-columns:repeat(4,1fr)}.s-grid-2{grid-template-columns:repeat(2,1fr)}
.s-card{background:linear-gradient(180deg,var(--s-card2),var(--s-card));border:1px solid var(--s-line);border-radius:var(--s-radius);padding:1.3rem 1.25rem}
.s-card h3{margin:.2rem 0 .4rem;font-size:1.08rem;color:#fff}.s-card p{margin:0;color:var(--s-muted);font-size:.95rem}
.s-ic{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(56,189,248,.12);color:var(--s-sky);font-size:1.25rem;margin-bottom:.6rem}
.s-soon{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fde68a;background:rgba(250,204,21,.12);border:1px solid rgba(250,204,21,.3);border-radius:99px;padding:.05rem .5rem;margin-left:.35rem;vertical-align:middle}
.s-industries{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.s-industries span{border:1px solid var(--s-line);background:rgba(255,255,255,.04);padding:.4rem .85rem;border-radius:99px;color:var(--s-ink);font-size:.92rem}
/* pricing */
.s-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;align-items:stretch}
.s-plan{position:relative;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--s-card2),var(--s-card));border:1px solid var(--s-line);border-radius:20px;padding:1.6rem 1.4rem}
.s-plan.featured{border-color:var(--s-sky);box-shadow:0 20px 60px -25px rgba(56,189,248,.55)}
.s-plan .tag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--s-sky2);color:#fff;font-size:.75rem;font-weight:700;border-radius:99px;padding:.2rem .7rem;letter-spacing:.04em;white-space:nowrap}
.s-plan h3{margin:0;font-size:1.25rem;color:#fff}.s-plan .tl{color:var(--s-muted);font-size:.92rem;min-height:2.8em;margin:.3rem 0 1rem}
.s-price{font-size:2.6rem;font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1}.s-price small{font-size:.95rem;font-weight:500;color:var(--s-muted);letter-spacing:0}
.s-billed{color:var(--s-muted);font-size:.85rem;margin:.4rem 0 1.1rem}
.s-plan ul{list-style:none;padding:0;margin:0 0 1.3rem;flex:1}.s-plan li{padding:.32rem 0 .32rem 1.6rem;position:relative;font-size:.94rem}.s-plan li::before{content:"✓";position:absolute;left:0;color:var(--s-green);font-weight:700}
.s-plan li.off{color:#6b7fa6}.s-plan li.off::before{content:"–";color:#6b7fa6}
.s-matrix{width:100%;border-collapse:collapse;font-size:.95rem;min-width:620px}
.site a.s-btn,.site a.s-btn:hover,.site a.s-brand{color:#fff}.site .s-links a:not(.s-btn){color:var(--s-ink)}.site .s-footer a{color:var(--s-muted)}.site .s-footer a:hover{color:#fff}
.s-matrix th .d{display:block;font-weight:500;font-size:.8rem;color:var(--s-muted)}
.s-matrix th,.s-matrix td{padding:.7rem .8rem;border-bottom:1px solid var(--s-line);text-align:center}.s-matrix th:first-child,.s-matrix td:first-child{text-align:left}
.s-matrix thead th{color:#fff;font-size:1rem;background:rgba(255,255,255,.04)}.s-matrix td .d{display:block;color:var(--s-muted);font-size:.8rem}
.s-matrix .y{color:var(--s-green);font-weight:700}.s-matrix .n{color:#55688f}
.s-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--s-line);border-radius:var(--s-radius);background:rgba(19,41,79,.5)}
.s-example{max-width:760px;margin:1.5rem auto 0;text-align:center;color:var(--s-muted)}.s-example strong{color:#fff}
.s-faq{max-width:820px;margin:0 auto}.s-faq details{border:1px solid var(--s-line);border-radius:12px;padding:.85rem 1rem;margin-bottom:.6rem;background:rgba(255,255,255,.03)}.s-faq summary{cursor:pointer;font-weight:600;color:#fff}.s-faq p{color:var(--s-muted);margin:.6rem 0 0}
/* forms (sign-up) */
.s-form-wrap{max-width:760px;margin:2.5rem auto 3rem}
.s-form{background:#fff;color:#1c2230;border-radius:20px;padding:1.8rem 1.6rem;box-shadow:0 30px 70px -25px rgba(0,0,0,.55)}
.s-form h1{margin:0 0 .3rem;font-size:1.6rem;color:#12315f}.s-form .muted{color:#6b7280}
.s-form fieldset{border:0;padding:0;margin:1.2rem 0 0}.s-form legend{font-weight:700;color:#12315f;margin-bottom:.6rem;font-size:1rem}
.s-fields{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.s-fields .full{grid-column:1/-1}
.s-form label{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem;font-weight:600}.s-form label .help{font-weight:400;color:#6b7280;font-size:.8rem}
.s-form input[type=text],.s-form input[type=email],.s-form input[type=password],.s-form select{width:100%;padding:.6rem .7rem;border:1px solid #cfd4dc;border-radius:10px;font:inherit;font-size:.95rem;background:#fff;color:#1c2230;min-height:44px}
.s-form input:focus,.s-form select:focus{outline:none;border-color:var(--s-sky2);box-shadow:0 0 0 3px rgba(14,165,233,.25)}
.s-planpick{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}
.s-planpick label{flex-direction:row;align-items:flex-start;gap:.55rem;border:1px solid #d6dbe4;border-radius:12px;padding:.75rem .8rem;cursor:pointer;font-weight:500}
.s-planpick label strong{display:block}.s-planpick label span{font-size:.82rem;color:#6b7280}
.s-planpick input{margin-top:.25rem}
.s-check{flex-direction:row!important;align-items:flex-start;gap:.5rem!important;font-weight:500!important}
.s-check input{margin-top:.25rem}
.s-hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.s-errors{background:#fee2e2;color:#991b1b;border-radius:12px;padding:.7rem 1rem;margin:.8rem 0;font-size:.92rem}.s-errors ul{margin:.2rem 0 0;padding-left:1.1rem}
.s-flash{background:#dcfce7;color:#166534;border-radius:12px;padding:.7rem 1rem;margin:.8rem 0}
.s-form .s-btn-primary{color:#fff}
.s-form a{color:#1d4ed8}
/* legal */
.s-legal{max-width:860px;margin:2.5rem auto 3rem;background:var(--s-card);border:1px solid var(--s-line);border-radius:20px;padding:2rem 1.8rem}
.s-legal h1{color:#fff;margin-top:0}.s-legal h2{color:#fff;font-size:1.15rem;margin:1.6rem 0 .4rem}.s-legal p,.s-legal li{color:#cbd6ec}
.s-todo{background:rgba(250,204,21,.12);border:1px dashed rgba(250,204,21,.55);color:#fde68a;border-radius:12px;padding:.7rem 1rem;font-size:.92rem}
.s-footer{border-top:1px solid var(--s-line);padding:2rem 0 2.5rem;margin-top:2rem;color:var(--s-muted);font-size:.9rem}
.s-footer .s-wrap{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}
.s-footer nav{display:flex;flex-wrap:wrap;gap:.3rem 1rem}.s-footer a{color:var(--s-muted);text-decoration:none}.s-footer a:hover{color:#fff}
@media (max-width:900px){.s-grid,.s-grid-4,.s-plans{grid-template-columns:1fr 1fr}}
@media (max-width:640px){
  .s-grid,.s-grid-4,.s-grid-2,.s-plans,.s-fields,.s-planpick{grid-template-columns:1fr}
  .s-hero{padding:2.8rem 0 2rem}.s-links a:not(.s-btn){padding:.4rem .5rem;font-size:.9rem}
  .s-nav .s-wrap{padding-top:.4rem;padding-bottom:.4rem}
  .s-form{padding:1.3rem 1.1rem}.s-legal{padding:1.4rem 1.1rem}
}