/* Six-panel feature composition, in Silent Arc's own palette. */
.hero{padding-top:85px;padding-bottom:24px;min-height:690px;grid-template-columns:1.25fr .75fr;gap:48px}
.hero h1{font-size:clamp(48px,5.4vw,70px)}
.hero .stats{width:100%;grid-template-columns:repeat(3,140px);gap:12px;margin:35px 0 0}
.hero .stat{padding:15px 8px;border-radius:15px}.hero .stat strong{font-size:32px}.hero .stat span{font-size:11px}
.visual{justify-items:end;overflow:clip}.terminal{width:340px;border-radius:20px}.pulse{height:30px}
#features h2,#import h2{font-size:clamp(29px,3vw,38px)}
#features{padding-top:78px}.features{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;margin-top:34px}
.features .card{min-height:0;padding:24px;border-radius:17px;background:linear-gradient(145deg,#15131be8,#0d0c12eb);border:1px solid #ffffff0d;box-shadow:inset 0 1px #ffffff02}
.features .card:after{display:none}.features .card:hover{transform:translateY(-2px);border-color:#b49af735}
.bento-large{grid-column:span 8}.bento-small{grid-column:span 4}.bento-half{grid-column:span 6}
.card-heading{display:flex;align-items:center;gap:13px}.features .card-heading h3{font-size:20px;line-height:1.25;margin:0 0 5px;letter-spacing:-.025em}.features .card-heading p{font-size:12px;color:#88808f;line-height:1.5}
.features .icon{flex-shrink:0;width:54px;height:54px;border-radius:14px;font-size:27px;background:#ad8cf310;border-color:#ad8cf321}
.grid-panel{height:164px;margin-top:20px;display:grid;place-items:center;border:1px solid #ffffff07;border-radius:12px;background:radial-gradient(ellipse at 50% 70%,#a98cf410,transparent 58%),#09080c80;overflow:hidden}
.signal-grid{display:grid;grid-template-columns:repeat(3,38px);gap:7px}
.signal-grid i{height:34px;border-radius:5px;border:1px solid #be9eff5c;background:linear-gradient(145deg,#c9b0ff30,#8f63dd14);box-shadow:0 0 22px #ac83ee12;animation:cell-glow 4s ease-in-out infinite}
.signal-grid i:nth-child(2n){animation-delay:-1.3s}.signal-grid i:nth-child(3n){animation-delay:-2.6s}.signal-grid i:nth-child(5){background:#b493ee6b;box-shadow:0 0 35px #b99bed40}
.features p.card-description{font-size:12px;line-height:1.6;margin:0;max-width:none;color:#aba1b6;position:absolute;bottom:14px;left:14px;right:14px;padding:19px;border:1px solid #b49af725;border-radius:14px;background:#0b0911f5;backdrop-filter:blur(12px);opacity:0;transform:translateY(12px);transition:opacity .25s,transform .25s;pointer-events:none}
.card:hover .card-description,.card:focus .card-description{opacity:1;transform:none}.card:focus-visible{outline:2px solid #b49af7;outline-offset:3px}
.update-card{display:flex;flex-direction:column}.update-visual{flex:1;min-height:210px;position:relative;display:grid;place-items:center}.update-visual span{position:absolute;width:115px;height:115px;border:1px solid #b69af015;border-radius:50%}.update-visual span:nth-child(2){width:165px;height:165px;border-style:dashed;animation:sync-spin 40s linear infinite}.update-visual span:nth-child(3){width:215px;height:215px;border-color:#b69af009}.update-visual i{font-size:40px;color:#b89af4;font-style:normal;animation:sync-spin 18s linear infinite}
.update-card .card-heading{display:block}.update-card .icon{margin-bottom:15px}.update-visual{min-height:57px}.update-visual span,.update-visual i{display:none}.update-card .card-foot{margin-top:24px}.sync-line{height:7px;background:#b69af015;border-radius:9px;margin-top:12px;overflow:hidden}.sync-line i{display:block;width:70%;height:100%;border-radius:9px;background:linear-gradient(90deg,#8056c5,#c7a7ff);animation:sync-travel 3s ease-in-out infinite alternate}
.features .count-card{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:235px;text-align:center}.count-icon{display:grid;place-items:center;width:70px;height:70px;border:1px solid #b49af723;border-radius:15px;background:#b49af710;font-size:33px;color:#c5a5ff;margin-bottom:17px}.features .count-card h3{font-size:32px;line-height:1;margin:0 0 7px;color:#eee8f8}.features .count-card p{font-size:12px}.mode-chips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:14px}.mode-chips span{color:#857991;font-size:10px}
.import-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:42px}.import-tiles>div{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;height:76px;background:#08080d70;border:1px solid #ffffff07;border-radius:11px}.import-tiles span{font:23px ui-monospace,monospace;color:#c4a5fc}.import-tiles strong{font-size:11px;font-weight:500;color:#a49aaf}
.system-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.system-tiles>div{height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border:1px solid #ffffff07;background:#08080d66;border-radius:11px}.system-tiles strong{font-size:11px;font-weight:500;color:#a49aaf}.windows-symbol{display:grid;grid-template-columns:repeat(2,11px);gap:3px}.windows-symbol i{width:11px;height:11px;background:#b898ee;border-radius:1px}.arch-symbol{font:24px ui-monospace,monospace;color:#b898ee}
.features .independence-card{display:flex;flex-direction:column;justify-content:center;text-align:center;min-height:230px}.features .independence-card h3{font-size:20px;margin:0 0 29px}.independence-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.independence-stats strong{display:block;font-size:38px;font-weight:700;line-height:1.1;color:#b898ee}.independence-stats span{display:block;color:#817989;font-size:11px;margin-top:12px}
@keyframes cell-glow{50%{border-color:#d4bbffb0;background:#bc95ff45;box-shadow:0 0 24px #aa7cea30;transform:translateY(-3px)}}
@keyframes sync-travel{from{transform:translateX(-30%)}to{transform:translateX(60%)}}
@media(max-width:860px){.hero{grid-template-columns:1fr;gap:10px;padding-top:60px}.hero .stats{justify-content:center;grid-template-columns:repeat(3,minmax(0,140px))}.visual{justify-items:center;min-height:290px}.bento-large{grid-column:span 8}.bento-small{grid-column:span 4}.bento-half{grid-column:span 6}.features .card{padding:20px}.features .card-heading h3{font-size:17px}.card-heading{gap:9px}.features .icon{width:32px;height:32px;font-size:20px}.import-tiles{gap:8px}.import-tiles strong{font-size:10px}.update-visual span:nth-child(3){display:none}}
@media(max-width:620px){.bento-large,.bento-small,.bento-half{grid-column:span 12}.features{gap:12px}.features .card{padding:22px}.features .card-heading h3{font-size:20px}.grid-panel{height:190px}.update-visual{min-height:165px}.features .count-card{min-height:230px}.hero{padding-top:55px}.hero h1{font-size:43px}.hero .stats{gap:8px;margin-top:28px}.hero .stat strong{font-size:28px}.hero .stat span{font-size:10px}.features .independence-card{min-height:230px}}
@media(prefers-reduced-motion:reduce){.signal-grid i,.update-visual i,.update-visual span,.sync-line i{animation:none}}
@media(hover:none){.features p.card-description{position:static;opacity:1;transform:none;margin-top:18px;padding:0;border:0;background:none;backdrop-filter:none}.update-visual{min-height:50px}}