.features-page{--purple:#754cf3;--ink:#172428;color:var(--ink)}.features-hero{background:radial-gradient(ellipse at 50% 55%,#eee7ff 0,transparent 48%),linear-gradient(#fbfaff,#fcfdff);padding-bottom:38px;border-bottom:1px solid #eee8f7}.feature-breadcrumb{display:flex!important;gap:12px;padding:28px 0;font-size:12px;color:#8c819a}.feature-intro{text-align:center;padding:25px 0 4px}.feature-kicker{font-size:11px;color:#754cf3;font-weight:750;letter-spacing:1.3px;display:block}.feature-intro h1{font-size:clamp(35px,4.4vw,62px);line-height:1.13;letter-spacing:-2.5px;margin:21px 0}.feature-intro h1 em{font-style:normal;color:#754cf3}.feature-intro p{font-size:17px;line-height:1.8;color:#746c80;margin:0 auto;max-width:720px}.feature-pills{display:flex;justify-content:center;gap:12px;margin:24px 0}.feature-pills span{padding:10px 18px;border:1px solid #e9e3f2;background:white;border-radius:30px;font-size:12px;box-shadow:0 5px 14px #30204d05}.feature-network{position:relative;height:470px;max-width:1060px;margin:0 auto;background-image:linear-gradient(#e9e3f34a 1px,transparent 1px),linear-gradient(90deg,#e9e3f34a 1px,transparent 1px);background-size:44px 44px;border-radius:30px}.feature-network>svg{position:absolute;width:100%;height:100%;inset:0;overflow:visible}.feature-network path{fill:none;stroke:#d3c6eb;stroke-width:1.5;stroke-dasharray:5 7}.feature-network circle{fill:#9772f9;animation:flow 5s linear infinite}.network-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:236px;height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#fff;border:2px solid #a184f7;border-radius:24px;box-shadow:0 22px 55px #6740ce24;z-index:2}.network-center>span{font-size:11px;color:#8a7b9d}.network-orbit{position:absolute;inset:-32px;border:1px solid #dcccff;border-radius:50%;pointer-events:none;animation:orbit 4s ease-in-out infinite}.network-orbit:after{content:'';position:absolute;inset:-18px;border:1px solid #e9dfff;border-radius:50%}.network-node{position:absolute;top:calc(36px + var(--row)*85px);display:flex;align-items:center;gap:10px;width:260px;min-height:58px;padding:12px 14px;background:#fff;border:1px solid #e8e0f2;border-radius:16px;box-shadow:0 10px 25px #34234f0b;z-index:3;font-size:12px;font-weight:650;transition:transform .2s,box-shadow .2s}.network-node:hover{transform:translateY(-3px);box-shadow:0 12px 30px #754cf324}.side-0{left:0}.side-1{right:0}.node-icon{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:10px;color:#754cf3;background:#f2ecff;font-size:20px}.node-arrow{margin-left:auto;color:#ad96d1}.feature-summary{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e7e0ef;border-radius:20px;background:#fff;margin-top:22px;overflow:hidden}.feature-summary>div{text-align:center;padding:22px 12px;border-right:1px solid #eee8f4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.feature-summary>div:last-child{border:0}.feature-summary b{font-size:29px;color:#754cf3}.feature-summary span{font-size:11px;color:#8b7e9c}#motion-toggle{border:1px solid #e2d6fa;border-radius:20px;background:#f8f4ff;color:#754cf3;padding:10px 14px;font:inherit;font-size:11px;cursor:pointer}.module-directory{padding-top:70px;padding-bottom:50px}.module-directory h2{font-size:32px;letter-spacing:-1px;margin:15px 0}.module-directory p{color:#8a7f96;font-size:14px}.module-shortlist{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px}.module-shortlist a{padding:17px 20px;display:flex;align-items:center;gap:15px;font-size:14px;border:1px solid #eae4f1;border-radius:12px;transition:background .2s}.module-shortlist a:hover{background:#f6f1ff}.module-shortlist a>span{color:#ac93d6;font-size:12px}.module-shortlist a>b{margin-left:auto;color:#a993cb}.module-detail{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:70px 0;border-top:1px solid #eee8f4;scroll-margin-top:115px}.module-detail.reverse .module-copy{order:2}.module-detail.reverse .module-visual{order:1}.module-copy h2{font-size:clamp(28px,3vw,43px);line-height:1.2;letter-spacing:-1.5px;margin:19px 0}.module-copy h3{font-size:19px;line-height:1.5;margin:0 0 16px;font-weight:600;color:#635471}.module-copy p{font-size:15px;line-height:1.9;color:#8b8096}.module-copy ul{list-style:none;padding:0;margin:25px 0;display:grid;gap:14px;font-size:13px}.module-copy li:before{content:'✓';display:inline-grid;place-items:center;margin-right:12px;width:20px;height:20px;border-radius:50%;background:#eee7ff;color:#754cf3}.module-cta{display:inline-flex;gap:26px;font-size:13px;font-weight:700;color:#754cf3;padding:8px 0}.module-visual{min-width:0;background:radial-gradient(ellipse,#eae1ff 0,#faf7ff 70%);border-radius:28px;padding:35px 25px 15px}.demo-window{background:white;border:1px solid #e6def1;border-radius:17px;overflow:hidden;box-shadow:0 20px 40px #47305e12;animation:float 6s ease-in-out infinite}.demo-window-top{padding:15px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0ebf6;gap:8px}.demo-window-top>span{display:flex;gap:5px}.demo-window-top i{width:6px;height:6px;border-radius:50%;background:#ded4ec}.demo-window-top small{font-size:9px;color:#9b8aa9}.demo-window-body{padding:22px}.demo-title{display:flex;align-items:center;gap:12px;margin-bottom:22px}.demo-icon{width:43px;height:43px;background:#f0eaff;border-radius:13px;display:grid;place-items:center;font-size:25px;color:#754cf3}.demo-title small{font-size:8px;letter-spacing:1px;color:#a793bb}.demo-title h3{font-size:17px;margin:5px 0 0}.demo-dot{width:7px;height:7px;background:#56b68b;border-radius:50%;margin-left:auto}.demo-row{display:flex;align-items:center;gap:12px;margin-top:12px;padding:14px 12px;border:1px solid #eee8f4;border-radius:11px;animation:highlight 5s ease-in-out infinite;animation-delay:var(--delay)}.row-mark{font-size:10px;color:#a58bbf}.demo-row>div{flex:1}.demo-row b{font-size:12px;font-weight:600}.skeleton{display:block;background:#f0ebf6;width:65%;height:5px;border-radius:5px;margin-top:8px}.row-check{color:#5ab188;font-size:15px}.demo-window-bottom{padding:14px 20px;background:#faf8fd;display:flex;justify-content:space-between;font-size:9px;color:#a28db9}.demo-note{font-size:10px!important;color:#9f91af!important;text-align:center;line-height:1.6!important;margin:18px 0 0!important}.survey-row{font-size:12px;margin:20px 0}.survey-row>div{height:9px;background:#f4eff9;margin-top:10px;border-radius:10px;overflow:hidden}.survey-row i{display:block;width:var(--bar);height:100%;background:linear-gradient(90deg,#a78cf6,#754cf3);border-radius:10px;animation:bar 5s ease-in-out infinite;animation-delay:var(--delay);transform-origin:left}.shift-days{display:flex;justify-content:space-between;padding:12px;color:#aa98bc;font-size:10px}.shift-row{display:flex;align-items:center;gap:7px;margin:14px 0;font-size:10px}.shift-row span{width:105px}.shift-row i{height:25px;flex:1;background:#e9dfff;border-radius:5px;animation:highlight 4s infinite;animation-delay:var(--delay,1s)}.shift-row:nth-child(odd) i{background:#dcf2e7}.qr-demo{display:flex;align-items:center;justify-content:center;gap:12px}.qr-office{background:white;border:1px solid #e5dced;border-radius:16px;padding:18px 14px;text-align:center;width:160px}.qr-office>span{font-size:8px;color:#9d87b5;letter-spacing:1px}.qr-office svg{width:115px;display:block;margin:15px auto;color:#5533aa;fill:currentColor}.qr-office small{font-size:10px;color:#8c7a9d}.qr-transfer{color:#9e7fe7;font-size:25px;animation:float 2s infinite}.qr-phone{width:175px;min-height:305px;border:6px solid #27222f;border-radius:27px;padding:12px 10px;background:white;box-shadow:0 15px 30px #33224320;text-align:center;position:relative}.qr-island{width:48px;height:12px;background:#27222f;border-radius:20px;margin:-6px auto 15px}.qr-phone>img{display:block;margin:auto}.qr-camera{position:relative;display:grid;place-items:center;height:110px;background:repeating-linear-gradient(45deg,#f5f0ff,#f5f0ff 8px,#faf8ff 8px,#faf8ff 16px);border:2px solid #b39ae9;border-radius:13px;margin:15px 0 12px;overflow:hidden}.qr-camera>span{font-size:65px;color:#b196e2}.scan-line{position:absolute;left:0;right:0;height:2px;background:#754cf3;box-shadow:0 0 14px #754cf3;animation:scan 2.5s ease-in-out infinite}.qr-phone>b{font-size:11px;display:block}.qr-phone>small{font-size:8px;color:#a08caf;display:block;margin-top:6px}.qr-status{font-size:9px;background:#f0eaff;color:#754cf3;border-radius:7px;padding:9px 4px;margin-top:12px}.qr-controls{display:flex;gap:10px;justify-content:center;margin-top:23px}.qr-controls button{border:1px solid #d7c4f7;border-radius:20px;padding:11px 16px;background:white;color:#754cf3;cursor:pointer;font:600 11px Inter,Arial,sans-serif}.qr-controls button:first-child{background:#754cf3;color:white;border-color:#754cf3}.qr-controls button:disabled{opacity:.5;cursor:wait}.features-end{text-align:center;background:#f7f2ff;border:1px solid #e9dff7;border-radius:25px;padding:55px 30px;margin-top:30px;margin-bottom:70px}.features-end h2{font-size:38px;line-height:1.2;letter-spacing:-1.4px;margin:20px 0}.features-end p{max-width:600px;margin:0 auto 25px;color:#8a789c;font-size:14px;line-height:1.8}.faq-inline{font-size:12px;display:block;color:#8b6cbd;margin-top:20px}.overview-link{margin:-15px 0 30px;color:#754cf3;font-size:14px}.features-menu a.features-overview{color:#754cf3;background:#faf7ff;font-weight:700;font-size:13px}.features-page a:focus-visible,.features-page button:focus-visible{outline:3px solid #a78be9;outline-offset:4px}
@keyframes flow{from{offset-distance:0%}to{offset-distance:100%}}@keyframes orbit{50%{transform:scale(1.07);opacity:.5}}@keyframes float{50%{transform:translateY(-6px)}}@keyframes highlight{50%{border-color:#cbb4f3;background:#faf7ff}}@keyframes bar{0%,100%{transform:scaleX(.7)}50%{transform:scaleX(1)}}@keyframes scan{0%,100%{top:8%}50%{top:90%}}
.motion-paused .features-page *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.features-page *{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
@media(max-width:1050px){.network-node{width:225px;font-size:11px;padding:10px;gap:7px}.network-center{width:190px}.network-center img{width:125px}.module-detail{gap:32px}.qr-demo{gap:6px}.qr-office{width:125px;padding:15px 8px}.qr-office svg{width:100px}.qr-phone{width:155px}.module-visual{padding:25px 15px 15px}}
@media(max-width:760px){.feature-intro{padding-top:15px}.feature-intro h1{letter-spacing:-1.3px}.feature-intro p{font-size:14px}.feature-intro p br{display:none}.feature-pills{gap:6px;flex-wrap:wrap}.feature-pills span{font-size:10px;padding:8px 11px}.feature-network{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:15px 0 5px;background-size:30px 30px}.feature-network>svg{display:none}.network-center{position:relative;left:auto;top:auto;transform:none;grid-column:1/-1;justify-self:center;width:220px;height:115px;margin:20px 0 30px}.network-orbit{inset:-12px}.network-node{position:static;width:auto;font-size:10px;min-height:65px;padding:10px;gap:7px}.node-icon{width:27px;height:27px;font-size:18px;flex-shrink:0}.node-arrow{display:none}.feature-summary{grid-template-columns:1fr 1fr}.feature-summary>div{padding:18px 8px;border-bottom:1px solid #eee8f4}.feature-summary>div:nth-child(even){border-right:0}.feature-summary>div:nth-child(3){border-bottom:0}.feature-summary b{font-size:25px}.module-directory{padding-top:45px;padding-bottom:30px}.module-directory h2{font-size:26px}.module-shortlist{gap:8px}.module-shortlist a{font-size:11px;gap:8px;padding:13px 10px}.module-shortlist a>b{display:none}.module-detail{grid-template-columns:1fr;gap:28px;padding:42px 0;scroll-margin-top:100px}.module-detail.reverse .module-copy,.module-detail.reverse .module-visual{order:initial}.module-copy h2{font-size:31px}.module-copy h3{font-size:17px}.module-copy p{font-size:14px}.feature-kicker{font-size:9px}.module-visual{padding:25px 16px 16px}.qr-demo{gap:9px}.qr-office{width:130px}.qr-phone{width:155px}.features-end{padding:35px 22px}.features-end h2{font-size:30px}}
@media(max-width:370px){.qr-office{width:100px}.qr-office svg{width:80px}.qr-phone{width:140px}.qr-demo{gap:5px}.qr-transfer{font-size:18px}.qr-controls button{padding:10px;font-size:10px}.network-node{font-size:9px}}
.feature-intro h1 em{font-size:inherit;line-height:inherit;background:none;padding:0;border-radius:0;width:auto}
/* More compact discovery introduction. */
.feature-intro h1{font-size:clamp(30px,3.6vw,50px);letter-spacing:-1.7px;line-height:1.18;margin:18px 0}
.feature-intro p{font-size:15px;line-height:1.8}
.feature-intro .feature-kicker{font-size:10px;letter-spacing:1.1px}
@media(max-width:760px){.feature-intro h1{font-size:clamp(27px,6.4vw,34px);letter-spacing:-1px}.feature-intro p{font-size:13px}.feature-intro .feature-kicker{font-size:9px}}

/* Lift the discovery title after removing its kicker. */
.feature-intro{padding-top:0}
.feature-intro h1{margin:6px 0 18px}
@media(max-width:760px){.feature-intro{padding-top:0}.feature-intro h1{margin:4px 0 16px}}

/* Module demo checklist: approve each step in order with a green check. */
.demo-row .row-check{
  width:24px;height:24px;flex:0 0 24px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  color:#a79bb4;background:#f3f0f7;font-size:14px;font-weight:800;
  animation:row-approval 3s ease-in-out infinite;
  animation-delay:var(--delay,0s);
}
@keyframes row-approval{
  0%,12%,100%{color:#a79bb4;background:#f3f0f7;transform:scale(.88);box-shadow:0 0 0 0 #50b38600}
  22%,72%{color:#fff;background:#50b386;transform:scale(1);box-shadow:0 0 0 4px #50b38620}
}
@media(prefers-reduced-motion:reduce){.demo-row .row-check{animation:none;color:#fff;background:#50b386;transform:none;box-shadow:none}}
.demo-row .row-check{animation:none!important;color:#8f83a0;background:#f3f0f7;transition:background .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease}
.demo-row .row-check.is-approved{color:#fff;background:#4caf7a;transform:scale(1.08);box-shadow:0 0 0 4px #4caf7a24}

/* Dedicated overview page for the full dashboard and personnel previews. */
.overview-intro{padding:44px 0 12px}
.overview-intro .feature-breadcrumb{margin-bottom:30px}
.overview-intro h1{margin:12px 0;font-size:clamp(36px,5vw,58px);line-height:1.08;letter-spacing:-1.8px;color:#172428}
.overview-intro p{max-width:760px;margin:0;color:#7f748e;font-size:16px;line-height:1.75}
.overview-page .management-section,.overview-page .personnel-section{padding-top:56px}
@media(max-width:760px){.overview-intro{padding:25px 0 0}.overview-intro h1{font-size:36px}.overview-intro p{font-size:14px}.overview-page .management-section,.overview-page .personnel-section{padding-top:36px}}

/* Genel Bakış: place each screen's title and copy above its full-width preview. */
#yonetim-paneli.management-section,
#personel-karti.personnel-section{display:block;max-width:1240px;padding-top:40px;padding-bottom:42px}
.overview-page .management-heading{display:block;margin:0 0 24px}
.overview-page .management-heading>div{max-width:780px}
.overview-page .management-heading h2{margin:10px 0 12px;font-size:clamp(30px,3.5vw,42px);line-height:1.14}
.overview-page .management-heading p{max-width:760px;font-size:15px;line-height:1.75}
#yonetim-paneli .management-console,
#personel-karti .personnel-console{width:100%;max-width:none;margin:0}
@media(max-width:760px){#yonetim-paneli.management-section,#personel-karti.personnel-section{padding-top:28px;padding-bottom:30px}.overview-page .management-heading{margin-bottom:18px}.overview-page .management-heading h2{font-size:29px}.overview-page .management-heading p{font-size:14px}}