/* SYKA Phase 19 — Why SYKA + desktop-responsive header */
.s19-why{position:relative;overflow:hidden;padding:clamp(95px,10vw,155px) 0;background:linear-gradient(180deg,rgba(255,255,255,.008),rgba(79,109,245,.018) 50%,rgba(255,255,255,.008));isolation:isolate}.s19-why__ambient{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 22%,rgba(79,109,245,.12),transparent 25%),radial-gradient(circle at 14% 80%,rgba(237,77,128,.07),transparent 24%)}.s19-why .syka-container{position:relative;z-index:2}.s19-why__intro{display:grid;grid-template-columns:minmax(0,7fr) minmax(360px,5fr);gap:clamp(40px,7vw,100px);align-items:center;margin-bottom:60px}.s19-why__copy{max-width:760px}.s19-why__copy h2{max-width:680px;margin:12px 0 18px}.s19-why__copy>p{max-width:650px;color:var(--syka-muted);font-size:16px;line-height:1.75}.s19-why__metrics{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.s19-why__metrics span{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.025);font-size:10px;color:#8f8d9a}.s19-why__metrics b{color:#d7d5dd;font-size:9px;letter-spacing:.08em}.s19-why__visual{position:relative;min-height:390px;display:grid;place-items:center;transform-style:preserve-3d}.s19-core{position:relative;width:170px;height:170px;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 32% 25%,#7589fa,rgba(79,109,245,.18) 38%,rgba(6,7,11,.96) 70%);border:1px solid rgba(255,255,255,.18);box-shadow:0 0 0 18px rgba(79,109,245,.035),0 0 100px rgba(79,109,245,.22),inset -25px -25px 45px rgba(0,0,0,.55);z-index:4}.s19-core span{font-size:22px;font-weight:800;letter-spacing:.12em}.s19-core small{font-size:7px;line-height:1.35;letter-spacing:.18em;color:#b8b6c0}.s19-orbit{position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%;z-index:2}.s19-orbit:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#4f6df5;box-shadow:0 0 18px #4f6df5;left:50%;top:-4px}.orbit-a{width:270px;height:270px;animation:s19spin 14s linear infinite}.orbit-b{width:360px;height:150px;transform:rotateX(67deg);animation:s19spin2 18s linear infinite}.orbit-c{width:420px;height:190px;transform:rotateY(64deg);animation:s19spin 22s linear infinite reverse}@keyframes s19spin{to{transform:rotate(360deg)}}@keyframes s19spin2{to{transform:rotateX(67deg) rotateZ(360deg)}}.s19-node{position:absolute;padding:8px 11px;border:1px solid rgba(255,255,255,.1);background:rgba(8,9,14,.78);border-radius:999px;font-size:8px;letter-spacing:.12em;color:#a7a5b1;z-index:5;box-shadow:0 12px 30px rgba(0,0,0,.22);backdrop-filter:blur(8px)}.s19-node.n1{top:4%;left:12%}.s19-node.n2{top:20%;right:3%}.s19-node.n3{bottom:15%;left:5%}.s19-node.n4{bottom:5%;right:15%}.s19-why__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.s19-why-card{grid-column:span 4;position:relative;overflow:hidden;min-height:245px;padding:26px;border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.012));border:1px solid rgba(255,255,255,.085);box-shadow:0 24px 70px rgba(0,0,0,.18);transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s}.s19-why-card:nth-child(4),.s19-why-card:nth-child(5){grid-column:span 6}.s19-why-card:nth-child(6),.s19-why-card:nth-child(7){grid-column:span 6}.s19-why-card:hover{border-color:rgba(79,109,245,.28);box-shadow:0 35px 90px rgba(0,0,0,.27)}.s19-card-light{position:absolute;inset:-25%;pointer-events:none;background:radial-gradient(circle at var(--sx,50%) var(--sy,50%),rgba(255,255,255,.14),transparent 23%);opacity:0;transition:opacity .25s}.s19-why-card:hover .s19-card-light{opacity:1}.s19-why-card__top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center}.s19-index{font:600 10px/1 'JetBrains Mono',monospace;color:#6f6d79}.s19-tag{font-size:8px;letter-spacing:.12em;text-transform:uppercase;padding:6px 8px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#8c8997}.s19-icon{position:relative;z-index:2;width:42px;height:42px;margin:28px 0 22px;border-radius:13px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(145deg,rgba(79,109,245,.18),rgba(237,77,128,.04));display:grid;place-items:center;box-shadow:inset 0 0 25px rgba(79,109,245,.08)}.s19-icon:before,.s19-icon:after,.s19-icon span{content:"";position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%}.s19-icon:before{width:17px;height:17px}.s19-icon:after{width:7px;height:7px;background:#4f6df5;border:0;box-shadow:0 0 15px rgba(79,109,245,.7)}.s19-icon span{width:28px;height:9px;transform:rotate(30deg);border-color:rgba(237,77,128,.35)}.s19-why-card h3{position:relative;z-index:2;margin:0 0 10px;font-size:18px;letter-spacing:-.02em}.s19-why-card p{position:relative;z-index:2;margin:0;color:var(--syka-muted);font-size:13px;line-height:1.65;max-width:620px}.s19-card-line{position:absolute;left:26px;right:26px;bottom:0;height:2px;background:linear-gradient(90deg,#4f6df5,#ed4d80,#32c6c4);transform:scaleX(0);transform-origin:left;transition:transform .45s}.s19-why-card:hover .s19-card-line{transform:scaleX(1)}.s19-reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}.s19-reveal.is-visible{opacity:1;transform:none}
/* Desktop header: stable at wide desktop, controlled collapse before nav collision. */
.syka-header{padding:16px 0}.syka-header__inner{width:min(100% - 48px,1440px);padding-inline:0;gap:18px}.syka-header__logo{flex:0 0 auto;min-width:112px}.syka-header__logo img{max-height:42px;height:auto;width:auto;display:block}.syka-nav{flex:1 1 auto;min-width:0;justify-content:center}.syka-nav__list{gap:0;justify-content:center;flex-wrap:nowrap}.syka-nav__link{padding:8px 10px;font-size:13px;white-space:nowrap}.syka-header__actions{flex:0 0 auto}.syka-header__actions .syka-btn{white-space:nowrap}.syka-header.s19-compact{background:rgba(8,9,13,.78);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);border-bottom-color:rgba(255,255,255,.08);box-shadow:0 12px 40px rgba(0,0,0,.18);padding:10px 0}.syka-header.s19-compact .syka-header__logo img{max-height:36px}
@media(max-width:1240px){.syka-header__inner{width:calc(100% - 36px)}.syka-nav__link{padding-inline:7px;font-size:12px}.syka-header__actions{gap:8px}.syka-header__actions .syka-btn{padding-inline:13px}}
@media(max-width:1120px){.syka-nav{display:none}.syka-menu-toggle{display:flex}.syka-header__inner{width:calc(100% - 40px)}.syka-header__actions{margin-left:auto}}
@media(max-width:900px){.s19-why__intro{grid-template-columns:1fr}.s19-why__visual{min-height:340px}.s19-why__grid{grid-template-columns:repeat(2,1fr)}.s19-why-card,.s19-why-card:nth-child(4),.s19-why-card:nth-child(5),.s19-why-card:nth-child(6),.s19-why-card:nth-child(7){grid-column:span 1}}
@media(max-width:600px){.s19-why{padding:75px 0}.s19-why__intro{margin-bottom:38px}.s19-why__visual{min-height:285px;transform:scale(.82)}.s19-core{width:145px;height:145px}.orbit-a{width:230px;height:230px}.orbit-b{width:290px;height:120px}.orbit-c{width:330px;height:150px}.s19-why__grid{grid-template-columns:1fr}.s19-why-card,.s19-why-card:nth-child(n){grid-column:span 1;min-height:210px;padding:22px}.s19-card-line{left:22px;right:22px}.syka-header__inner{width:calc(100% - 28px)}.syka-header__logo{min-width:90px}.syka-header__logo img{max-width:100px;max-height:38px}.syka-header__actions .syka-btn{display:none}.syka-menu-toggle{width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){.s19-orbit{animation:none}.s19-reveal{opacity:1;transform:none;transition:none}.s19-why-card{transition:none}}
