.feature-shell{position:relative;overflow:hidden}.feature-shell:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(101,133,255,.18),transparent 28%),radial-gradient(circle at 20% 18%,rgba(132,219,255,.12),transparent 24%),radial-gradient(circle at 82% 20%,rgba(214,201,255,.16),transparent 26%);pointer-events:none}.feature-stack{position:relative;display:grid;gap:0}.feature-directory,.feature-safety,.feature-process{margin-top:4rem;border-top:1px solid rgba(213,221,233,.7);padding-top:3rem}.feature-safety-grid,.feature-process-grid{display:grid;gap:1rem;margin-top:2rem}.feature-safety-card,.feature-process-card{border-radius:var(--radius-ui);border:1px solid rgba(213,221,233,.82);background:#ffffffd1;box-shadow:0 18px 40px #1220330f;padding:1.5rem}.feature-safety-check,.feature-process-index{display:inline-grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-ui);background:linear-gradient(135deg,#0d6efd24,#0847b81f);color:#0d6efd;font-weight:700}.feature-directory-grid{display:grid;gap:1rem;margin-top:2rem}.feature-directory-card{display:block;border-radius:var(--radius-ui);border:1px solid rgba(213,221,233,.82);background:#ffffffd1;box-shadow:0 18px 40px #1220330f;padding:1.5rem;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.feature-directory-card:hover{transform:translateY(-2px);border-color:#4d63e747;background:#ffffffeb;box-shadow:0 22px 46px #1220331a}.feature-directory-card:focus-visible{outline:3px solid rgba(77,99,231,.3);outline-offset:.3rem}.feature-directory-status{border-radius:999px;background:#4d63e71a;color:#3c52d4;font-size:.75rem;font-weight:700;letter-spacing:.04em;padding:.4rem .7rem;white-space:nowrap}.feature-card{position:relative;display:grid;gap:1rem;align-items:center;padding:1.4rem 0}.feature-card+.feature-card{border-top:1px solid rgba(213,221,233,.7)}.feature-visual{position:relative;min-height:20rem}.feature-image-trigger{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.feature-image-trigger:focus-visible{outline:3px solid rgba(77,99,231,.35);outline-offset:.35rem}.feature-visual img{display:block;width:100%;height:100%;min-height:20rem;-o-object-fit:contain;object-fit:contain;border:0;border-radius:0;outline:0;box-shadow:none;background:transparent}.feature-lightbox{width:100vw;height:100vh;max-width:none;max-height:none;padding:0;border:0;background:#121821b8;overflow:hidden}.feature-lightbox::backdrop{background:#121821b8}.feature-lightbox[open]{display:grid;place-items:center}.feature-lightbox-image{display:block;width:auto;height:auto;max-width:90vw;max-height:90vh;-o-object-fit:contain;object-fit:contain}.feature-preview{display:grid;place-items:center;height:100%;min-height:20rem}.preview-window{width:min(100%,34rem);border-radius:var(--radius-ui);background:#ffffffe6;border:1px solid rgba(215,223,235,.92);box-shadow:0 20px 48px #1220331f,inset 0 1px #fffffff5;overflow:hidden}.preview-window-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-bottom:1px solid rgba(224,230,239,.95);color:#32435b;font-size:.82rem;font-weight:700}.preview-dots{display:flex;gap:.35rem}.preview-dots span{width:.56rem;height:.56rem;border-radius:999px;background:#d0d8e5}.preview-dots span:first-child{background:#ff7b72}.preview-dots span:nth-child(2){background:#ffbe55}.preview-dots span:nth-child(3){background:#57c975}.preview-window-body{display:grid;grid-template-columns:7rem minmax(0,1fr);min-height:15rem}.preview-sidebar{display:grid;align-content:start;gap:.5rem;padding:1rem .75rem;background:#f7f9fdd6;border-right:1px solid rgba(227,233,241,.92);font-size:.72rem;color:#72839b;font-weight:600}.preview-sidebar span{padding:.45rem .55rem;border-radius:var(--radius-ui)}.preview-sidebar .is-active{background:#5577ef1f;color:#4663e0}.preview-panel{display:grid;gap:1rem;padding:1rem}.preview-panel-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.85rem}.preview-folder{display:grid;justify-items:center;gap:.45rem;padding:.8rem .6rem;border-radius:var(--radius-ui);background:#f4f7fce6;color:#44556d;font-size:.75rem}.preview-folder-icon{width:2rem;height:1.45rem;border-radius:var(--radius-ui);background:linear-gradient(180deg,#7aa8ff,#5f83ef);position:relative}.preview-folder-icon:before{content:"";position:absolute;width:1rem;height:.42rem;top:-.2rem;left:.18rem;border-radius:var(--radius-ui) var(--radius-ui) 0 0;background:#8ab4ff}.preview-sync-icon{width:2.7rem;height:2.7rem;display:grid;place-items:center;border-radius:999px;background:#5c72f51f;color:#4d62e3}.preview-sync-svg{width:1.25rem;height:1.25rem}.preview-progress{height:.6rem;border-radius:999px;background:#e1e8f3f2;overflow:hidden}.preview-progress span{display:block;width:64%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6690ff,#5272f0)}.preview-list{display:grid;gap:.55rem}.preview-list div{padding:.7rem .85rem;border-radius:var(--radius-ui);background:#f8fafdeb;color:#617188;font-size:.76rem;font-weight:600}.feature-copy{display:grid;align-content:center;gap:.6rem;padding:.1rem .2rem}.feature-icon{width:3.7rem;height:3.7rem;display:grid;place-items:center;border-radius:var(--radius-ui);background:var(--icon-bg);color:var(--icon-color);box-shadow:inset 0 1px #fffffff0,0 18px 28px #12203314}.feature-icon-svg{width:1.7rem;height:1.7rem}.feature-copy :global(.subsection-title){margin:0;color:#121f39}.feature-copy :global(.body-copy){margin:0;max-width:28rem;color:#6e7f97}.feature-checklist{list-style:none;margin:.4rem 0 0;padding:0;display:grid;gap:1rem}.feature-note{border-radius:var(--radius-ui);border:1px solid rgba(213,221,233,.82);background:#ffffffad;padding:1rem 1.1rem}.feature-checklist li{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:.8rem;color:#39475f;font-size:1rem;line-height:1.55}.checkmark{width:1.5rem;height:1.5rem;display:grid;place-items:center;margin-top:.08rem;border-radius:999px;background:var(--check-bg);color:var(--check-color);font-size:.88rem;font-weight:700}@media (min-width: 960px){.feature-card{grid-template-columns:minmax(0,1.18fr) minmax(0,.92fr);gap:1.2rem}.feature-card-reverse{grid-template-columns:minmax(0,.92fr) minmax(0,1.18fr)}.feature-card-reverse .feature-visual{order:2}.feature-card-reverse .feature-copy{order:1}.feature-safety-grid,.feature-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 959px){.feature-visual{min-height:17rem}.preview-window-body{grid-template-columns:1fr}.preview-sidebar{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;border-right:0;border-bottom:1px solid rgba(227,233,241,.92)}}@media (max-width: 639px){.feature-card{padding:1rem 0}.feature-visual{min-height:15rem}.feature-copy :global(.body-copy){font-size:1rem}.preview-panel-top{grid-template-columns:1fr}.preview-sync-icon{justify-self:center}}@media (min-width: 1280px){.feature-process-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}