:root{--navy:#0d1b5e;--blue:#2b5ce6;--orange:#e54b14;--cream:#faf5ee;--paper:#fff;--ink:#1f2d5c;--muted:#5a6280;--line:rgba(13,27,94,.13);--shadow:0 18px 50px rgba(13,27,94,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:var(--blue);text-decoration-thickness:1px;text-underline-offset:3px}h1,h2,h3{color:var(--navy);line-height:1.08;letter-spacing:-.025em}h1{font-size:clamp(2.6rem,6vw,5.3rem);max-width:900px;margin:.3em 0}h2{font-size:clamp(1.8rem,3.5vw,3.1rem)}h3{font-size:1.25rem}.site-header{background:rgba(250,245,238,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.nav-wrap{max-width:1200px;margin:auto;padding:14px 24px;display:flex;align-items:center;gap:28px}.brand{font-size:1.35rem;font-weight:800;text-decoration:none;color:var(--navy);white-space:nowrap}.brand-sun,.brand-x,.eyebrow{color:var(--orange)}.nav-wrap nav{display:flex;gap:22px;margin:auto}.nav-wrap nav a,.login{color:var(--ink);text-decoration:none;font-size:.9rem}.nav-actions{display:flex;align-items:center;gap:16px}.button{display:inline-block;background:var(--orange);color:white;text-decoration:none;font-weight:750;padding:13px 19px;border-radius:9px;box-shadow:0 8px 22px rgba(229,75,20,.2)}.button.small{padding:9px 14px;font-size:.88rem}.breadcrumbs,main>.hero,.section,.article,.cta{max-width:1120px;margin-left:auto;margin-right:auto}.breadcrumbs{display:flex;gap:8px;padding:28px 24px 0;color:var(--muted);font-size:.82rem}.breadcrumbs a{color:var(--muted)}main>.hero{padding:70px 24px 80px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px;align-items:center}.eyebrow{text-transform:uppercase;font-size:.72rem;letter-spacing:.14em;font-weight:800}.lede{font-size:clamp(1.1rem,2vw,1.35rem);max-width:780px;color:var(--muted)}.hero-actions{display:flex;gap:22px;align-items:center;margin-top:28px}.text-link{font-weight:700}.proof,.callout{background:var(--navy);color:#fff;padding:28px;border-radius:16px;box-shadow:var(--shadow)}.proof strong{font-size:1.1rem}.proof span{display:block;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.16)}.proof span:last-child{border:0}.section{padding:72px 24px;border-top:1px solid var(--line)}.section-head{max-width:820px;margin-bottom:34px}.section-head>p:last-child,.split>div>p{color:var(--muted)}.cards{display:grid;gap:18px}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.two{grid-template-columns:repeat(2,1fr)}.cards article,.steps>div{background:var(--paper);padding:28px;border:1px solid var(--line);border-radius:14px}.cards h2{font-size:1.6rem}.split{display:grid;grid-template-columns:1.3fr .8fr;gap:48px;align-items:start}.callout h2,.callout h3{color:#fff}.callout a{color:#ffb899}.callout li{margin:.6em 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.steps b{color:var(--orange);font-size:.8rem}.compare{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:white}.compare>div{display:grid;grid-template-columns:.75fr 1fr 1fr;gap:20px;padding:18px 22px;border-bottom:1px solid var(--line)}.compare>div:last-child{border:0}.compare-head{background:var(--navy);color:white}.compare-head strong{color:white}.compare p{margin:0}.source-note{font-size:.85rem;color:var(--muted)}.article{max-width:840px;padding:10px 24px 70px}.article section{padding:34px 0;border-top:1px solid var(--line)}.formula{background:#fff;border-left:5px solid var(--orange);padding:18px 22px;margin:25px 0;font-weight:750;color:var(--navy)}.faq details{background:#fff;border:1px solid var(--line);border-radius:10px;margin:12px 0;padding:0 20px}.faq summary{cursor:pointer;font-weight:750;color:var(--navy);padding:18px 0}.faq details div{padding:0 0 20px;color:var(--muted)}.cta{background:var(--navy);color:white;text-align:center;padding:64px 24px;border-radius:20px;margin-top:40px;margin-bottom:80px}.cta h2{color:#fff}.cta p{max-width:650px;margin:0 auto 25px;color:#d9def8}footer{background:#081345;color:#d9def8;padding:60px 24px 20px}.footer-grid{max-width:1120px;margin:auto;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:35px}.footer-grid>div{display:flex;flex-direction:column;gap:9px}.footer-grid a{color:#d9def8}.brand.light{color:white}.footer-bottom{max-width:1120px;margin:35px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.15);font-size:.82rem}
@media(max-width:850px){.nav-wrap nav{display:none}.nav-actions{margin-left:auto}.login{display:none}main>.hero{grid-template-columns:1fr;padding-top:48px}.cards.three,.steps{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.compare>div{grid-template-columns:1fr}.compare-head{display:none!important}.compare>div span{font-weight:800;color:var(--navy)}}
@media(max-width:560px){body{font-size:16px}.cards.three,.cards.two,.steps,.footer-grid{grid-template-columns:1fr}.hero-actions{align-items:flex-start;flex-direction:column}.nav-wrap{padding:12px 16px}.breadcrumbs{padding-left:18px}main>.hero,.section,.article{padding-left:18px;padding-right:18px}.cta{border-radius:0;margin-bottom:0}.proof{display:none}}

/* Match the established SunProjeX marketing design system. */
:root{--orange:#FF6B35;--orange-deep:#E54B14;--navy:#0D1B5E;--ink:#1F2D6E;--muted:#5A6280;--cream:#FAF5EE;--paper:#FFFFFF;--line:rgba(13,27,94,.10);--shadow:0 10px 30px -10px rgba(13,27,94,.18)}
body{font-family:'DM Sans',-apple-system,sans-serif;font-size:16px;line-height:1.55;color:var(--ink);-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:'DM Sans',Georgia,serif;line-height:1.08;letter-spacing:-.02em}
h1{font-size:clamp(2rem,3.8vw,3.4rem);max-width:790px;margin:.28em 0}
h2{font-size:clamp(1.55rem,2.6vw,2.25rem)}
h3{font-size:1.15rem}
.eyebrow{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.12em;color:var(--orange-deep)}
.nav-wrap{padding-top:12px;padding-bottom:12px}.nav-wrap nav{gap:18px}.nav-wrap nav a,.login{font-size:.84rem}
.logo{display:flex;align-items:center;gap:10px;font-family:'DM Sans',sans-serif;font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1}.logo-mark{width:28px;height:28px;display:inline-flex}.logo-mark svg{width:100%;height:100%}.logo-text{display:flex;flex-direction:column;gap:2px}.wordmark{display:inline-flex;line-height:1}.wm-sun{color:#FF6B35}.wm-proje{color:#0D1B5E}.wm-x{color:#2B5CE6}.logo-sub{font-size:9.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#5A6280;line-height:1}.logo-sub b{color:#0D1B5E;font-weight:600}
main>.hero{padding-top:46px;padding-bottom:52px;gap:38px;grid-template-columns:minmax(0,1fr) 292px}
.lede{font-size:clamp(1rem,1.5vw,1.18rem);max-width:720px}.hero-actions{margin-top:22px}
.button{background:var(--orange);padding:11px 17px;border-radius:8px}.button:hover{background:var(--orange-deep)}
.proof,.callout{padding:23px;border-radius:14px}.proof span{padding:8px 0}
.section{padding-top:48px;padding-bottom:48px}.section-head{max-width:760px;margin-bottom:24px}.cards{gap:14px}.cards article,.steps>div{padding:22px;border-radius:12px}.split{gap:34px}.steps{gap:12px}
.article{max-width:800px;padding-bottom:54px}.article section{padding:28px 0}
.cta{padding:48px 24px;margin-top:28px;margin-bottom:60px;border-radius:14px}
footer{padding-top:48px}.footer-grid{gap:28px}
.ecosystem{max-width:1120px;margin:0 auto;padding:54px 24px;border-top:1px solid var(--line)}.ecosystem-intro{max-width:760px;margin-bottom:26px}.ecosystem-intro>p:last-child{color:var(--muted)}.ecosystem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ecosystem-grid>a{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:24px;color:var(--ink);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.ecosystem-grid>a:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.ecosystem-grid span{font:500 11px/1.4 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--orange-deep)}.ecosystem-grid strong{font-size:1.25rem;color:var(--navy);margin:7px 0}.ecosystem-grid p{margin:0 0 12px;color:var(--muted)}.ecosystem-grid b{color:var(--orange-deep);margin-top:auto}
@media(max-width:850px){main>.hero{padding-top:42px;padding-bottom:50px}.section{padding-top:44px;padding-bottom:44px}.ecosystem-grid{grid-template-columns:1fr}}

/* Keep every public page in a single readable column on phones and tablets. */
@media(max-width:850px){
  main>.hero{grid-template-columns:minmax(0,1fr)}
  main>.hero>*,.split>*,.cards>*,.steps>*,.ecosystem-grid>*{min-width:0}
}

@media(max-width:560px){
  h1{font-size:clamp(2rem,11vw,2.75rem);max-width:none}
  h2{font-size:clamp(1.55rem,8vw,2.1rem)}
  .lede{max-width:none}
  main>.hero{gap:24px}
  .breadcrumbs{flex-wrap:wrap}
  .nav-actions .button.small{white-space:nowrap}
}