/* One screen, one clear action. */
#uygulama{background:#f1f6fb;overflow:hidden}
#uygulama .app-layout{align-items:center;gap:72px}
#uygulama .app-copy h2{font-size:clamp(32px,4vw,52px);line-height:1.12}
#uygulama .body-copy{max-width:440px;font-size:19px}
#uygulama .role-tabs{display:flex;gap:6px;flex-wrap:wrap;background:white;padding:6px;border-radius:18px;margin:28px 0 24px;max-width:460px}
#uygulama .role-tabs button{flex:1;padding:13px 17px;font-size:16px;border-radius:12px;white-space:nowrap}
#uygulama .role-tabs button[aria-selected=true]{background:#215e94;color:white}
#uygulama #role-heading{font-size:24px;line-height:1.3}
#uygulama .check-list{font-size:17px;min-height:110px}
#uygulama .app-showcase{min-height:760px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 0;isolation:isolate}
#uygulama .app-ring{width:510px;height:510px;left:50%;top:47%;transform:translate(-50%,-50%);background:#dfeaf7;z-index:-1}
#uygulama .app-floating-label,#uygulama .app-bubble{display:none}
#uygulama .app-phone{position:relative;inset:auto;transform:none;width:340px;height:650px;border:7px solid #17334e;border-radius:45px;background:#fff;box-shadow:0 28px 60px #183c6426,0 0 0 2px #cad7e4;overflow:hidden;display:flex;flex-direction:column;padding:0}
#uygulama .app-phone .phone-top{height:38px;min-height:38px;padding:12px 22px 0;background:white;color:#17334e;font-size:10px}
#uygulama .app-phone .phone-top i{width:76px;height:17px;top:7px;border-radius:20px;background:#17334e}
#uygulama #app-screen{padding:17px 20px 8px;overflow-y:auto;flex:1;min-height:0;line-height:1.45;background:#fff}
.simple-brand{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
.simple-brand>strong{font-size:25px;letter-spacing:-1px;color:#215e94}.simple-brand strong span{color:#ef7e22;margin-left:5px;font-size:20px}
.simple-role{font-size:12px;color:#215e94;background:#edf4fb;border-radius:20px;padding:6px 11px;font-weight:700}
.simple-page{animation:phone-enter .4s ease both}.simple-greeting{font-size:13px;color:#66778a;margin:0 0 6px}
#uygulama .simple-page h3{font-size:25px;line-height:1.16;letter-spacing:-.8px;color:#17334e;margin:0 0 21px}
.simple-week{display:flex;flex-direction:column;gap:3px;background:#edf4fb;border-left:3px solid #f07e1b;border-radius:10px;padding:13px 14px;margin-bottom:17px;color:#17334e}.simple-week>span{font-size:11px;color:#526b83}.simple-week strong{font-size:16px}.simple-week small{font-size:11px;color:#66778a}
.simple-card{border:1px solid #e1e8ef;border-radius:14px;padding:15px;margin-bottom:16px}.simple-card>p{font-size:15px;line-height:1.5;color:#17334e;margin:8px 0 10px}
.simple-label{font-size:12px;font-weight:700;color:#5c7085;display:block;margin-bottom:7px}.simple-read{font-size:11px;color:#3e7466;display:flex;align-items:center;gap:6px}.simple-read i{font-style:normal;background:#e8f5ee;border-radius:50%;width:19px;height:19px;text-align:center}
#phone-parent-note{display:block;width:100%;box-sizing:border-box;resize:vertical;min-height:70px;max-height:120px;border:1px solid #cedbe7;border-radius:11px;padding:11px;font:inherit;font-size:13px;line-height:1.4;background:white;color:#17334e;margin-bottom:12px}
.simple-action{display:block;width:100%;min-height:44px;border:0;border-radius:12px;background:#215e94;color:white;font:inherit;font-size:14px;font-weight:700;cursor:pointer;padding:11px}.simple-action:hover{background:#194c7b}.simple-action:disabled{background:#e5f3ec;color:#326958;cursor:default}.simple-feedback{font-size:11px!important;line-height:1.5!important;color:#61778b;text-align:center;margin:12px 0 0;min-height:32px}
.simple-child{display:flex;align-items:center;gap:10px;margin-bottom:14px}.simple-child>span{display:grid;place-items:center;background:#fff0e3;border-radius:50%;width:37px;height:37px;color:#ae5310;font-weight:bold}.simple-child div{display:flex;flex-direction:column}.simple-child strong{font-size:15px}.simple-child small{font-size:11px;color:#67798b}
.simple-options{display:flex;flex-direction:column;gap:7px}.simple-options button{display:flex;align-items:center;gap:9px;border:1px solid #e0e8f0;background:white;border-radius:9px;padding:9px;font:inherit;font-size:13px;color:#17334e;cursor:pointer}.simple-options i{display:grid;place-items:center;border:1px solid #b9cbdc;border-radius:50%;width:18px;height:18px;font-style:normal}.simple-options button[aria-pressed=true]{border-color:#215e94;background:#edf4fb}.simple-options button[aria-pressed=true] i{background:#215e94;color:white;border-color:#215e94}
.simple-class{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #edf1f6;font-size:14px}.simple-class:last-child{border-bottom:0;padding-bottom:4px}.simple-class b{font-size:10px;color:#3e7466;font-weight:600}.simple-class b.waiting{color:#a85d22}
#uygulama #app-bottom{position:relative;bottom:auto;left:auto;right:auto;flex:none;width:100%;box-sizing:border-box;min-height:56px;padding:8px 20px 12px;background:#f7fafc;border-top:1px solid #e7edf3;display:flex;justify-content:space-around;font-size:20px}#uygulama #app-bottom small{font-size:9px}
.phone-caption{font-size:14px!important;color:#4f6c87;text-align:center;max-width:310px;margin:21px 0 13px!important;min-height:40px;line-height:1.5}
.phone-demo-controls{display:flex;align-items:center;gap:14px}.phone-play{background:white;border:1px solid #c9d8e6;border-radius:30px;padding:10px 17px;font:inherit;font-size:12px;color:#215e94;cursor:pointer}.phone-demo-dots{display:flex;gap:8px}.phone-demo-dots button{width:24px;height:24px;position:relative;background:transparent;border:0;cursor:pointer;padding:0}.phone-demo-dots button:after{content:'';display:block;width:7px;height:7px;background:#adbed0;border-radius:50%;margin:auto}.phone-demo-dots button[aria-pressed=true]:after{background:#f07e1b;width:9px;height:9px}
.demo-disclaimer{font-size:11px;color:#6c7f91;max-width:400px;margin-top:22px;line-height:1.5}
.simple-confirm .simple-action{animation:confirm-pop .45s ease}.hero-phone .mini-observation b{animation:hero-check 5s ease infinite}.hero-phone .mini-observation:nth-of-type(2) b{animation-delay:.5s}
@keyframes phone-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes confirm-pop{50%{transform:scale(1.025)}}@keyframes hero-check{0%,15%{opacity:.25;transform:scale(.8)}25%,85%{opacity:1;transform:scale(1)}100%{opacity:.25;transform:scale(.8)}}
@media(max-width:800px){#uygulama .app-layout{gap:20px}#uygulama .app-showcase{min-height:740px}#uygulama .app-copy{max-width:530px;margin:auto}#uygulama .app-ring{width:420px;height:420px}}
@media(max-width:380px){#uygulama .app-phone{width:300px;height:660px}#uygulama .app-showcase{min-height:755px}#uygulama .role-tabs button{font-size:14px;padding:12px 9px}#uygulama #app-screen{padding:15px 16px 8px}}
@media(prefers-reduced-motion:reduce){.simple-page,.simple-confirm .simple-action,.hero-phone .mini-observation b{animation:none}}
#uygulama .app-phone{height:710px}
#uygulama .app-showcase{min-height:820px}
#uygulama .simple-brand{margin-bottom:16px}
#uygulama .simple-page h3{margin-bottom:16px}
#uygulama .simple-card{margin-bottom:13px}
#uygulama .final-actions{flex-wrap:wrap}
@media(max-width:380px){#uygulama .app-phone{height:715px}#uygulama .app-showcase{min-height:825px}}

#uygulama .simple-week-link{width:100%;border:1px solid #d4e2ef;border-left:3px solid #f07e1b;text-align:left;font:inherit;cursor:pointer;box-shadow:none}#uygulama .simple-week-link:hover{background:#e0edf9}.simple-week-link:focus-visible{outline:3px solid #215e94;outline-offset:3px}
.phone-book-samples{max-width:370px;margin:0 auto 17px;text-align:center}.phone-book-samples>p{font-size:11px!important;color:#617c94;margin-bottom:8px}.phone-book-samples>div{display:flex;justify-content:center;flex-wrap:wrap;gap:6px}.phone-book-samples button{font:inherit;font-size:10px;padding:8px 10px;border:1px solid #cbdce9;border-radius:18px;background:#ffffffb8;color:#215e94;cursor:pointer}.phone-book-samples button:hover{background:#e1edf8}
#uygulama .app-showcase{min-height:890px}

.app-store-download{display:inline-flex;align-items:center;gap:12px;min-height:66px;background:#102a43;color:white;padding:12px 18px;border-radius:14px;margin:20px 0 24px;border:1px solid #ffffff20;box-shadow:0 6px 14px #163c6415}.app-store-download>svg{width:29px;height:32px;flex:0 0 auto}.app-store-download>span{display:flex;flex-direction:column}.app-store-download small{font-size:10px;line-height:1.3;color:#d2e1ee}.app-store-download strong{font-size:20px;line-height:1.2}.app-store-download em{margin-top:3px;color:#b9d3ea;font-size:8px;font-style:normal;font-weight:700;line-height:1.2}.app-store-download>span:last-child{margin-left:10px;font-size:20px}.app-store-download:hover{background:#215e94}.app-store-download:focus-visible{outline:3px solid #f07e1b;outline-offset:3px}.android-download{background:#215e94}.android-download:hover{background:#173f66}.android-download .android-mark{color:#b9e5ca}

.store-downloads{position:absolute;right:-22px;top:185px;z-index:4;display:flex;flex-direction:column;gap:10px;align-items:flex-end}.store-downloads .app-store-download{width:226px;margin:0;padding:11px 13px;gap:9px;transform:rotate(2.5deg)}.store-downloads .android-download{transform:rotate(-2deg)}.store-downloads .app-store-download>span:last-child{margin-left:auto}.store-downloads .app-store-download:hover{transform:rotate(0) translateX(-3px)}@media(max-width:1100px) and (min-width:801px){.store-downloads{right:-12px;top:200px;transform:scale(.9);transform-origin:right center}}@media(max-width:800px){.app-showcase{flex-direction:column}.store-downloads{position:relative;inset:auto;order:2;align-self:center;align-items:stretch;flex-flow:row wrap;justify-content:center;width:100%;margin:18px 0 5px}.store-downloads .app-store-download{width:220px;transform:none}.store-downloads .app-store-download:hover{transform:translateY(-2px)}}@media(max-width:600px){.store-downloads{flex-direction:column;align-items:center}.store-downloads .app-store-download{width:min(100%,245px)}}
