:root{--gece:#171522;--koyu:#221e30;--krem:#f4ede3;--amber:#e3a65c;--alev:#c96f3b;--krem-70:color-mix(in srgb, var(--krem) 70%, transparent);--krem-15:color-mix(in srgb, var(--krem) 15%, transparent);--serif:"DM Serif Display", Georgia, serif;--sans:"Karla", system-ui, sans-serif;--grotesk:"Space Grotesk", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sans);background:var(--gece);color:var(--krem);-webkit-font-smoothing:antialiased}.demobar{color:var(--krem);font-family:var(--grotesk);letter-spacing:.08em;z-index:30;background:#0f0d18;justify-content:space-between;align-items:center;padding:10px 16px;font-size:11px;display:flex;position:sticky;top:0}.demobar a{color:var(--krem);text-underline-offset:3px;text-decoration:underline}.demobar a:hover{color:#fff}.wrap{max-width:880px;margin:0 auto;padding:0 20px 80px}.hero{text-align:center;padding:64px 0 40px}.hero .marka{font-family:var(--grotesk);letter-spacing:.34em;text-transform:uppercase;color:var(--amber);font-size:11px}.hero h1{font-family:var(--serif);margin-top:14px;font-size:clamp(44px,8vw,76px);font-weight:400;line-height:1.02}.hero h1 em{color:var(--amber);font-style:italic}.hero p{color:var(--krem-70);max-width:46ch;margin:18px auto 0;font-size:15px;line-height:1.65}.hero .ipucu{font-family:var(--grotesk);color:var(--amber);border:1px dashed color-mix(in srgb, var(--amber) 55%, transparent);border-radius:999px;align-items:center;gap:8px;margin-top:26px;padding:8px 16px;font-size:12px;display:inline-flex}.raf{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px;display:grid}.mum{background:var(--koyu);border:1px solid var(--krem-15);text-align:left;border-radius:14px;padding:18px 16px 16px}.mum .gorsel{background:radial-gradient(60px 34px at 50% 24%, color-mix(in srgb, var(--amber) 55%, transparent), transparent 70%), linear-gradient(180deg, #2b2638, #1d1929);border-radius:10px;height:110px;margin-bottom:14px;position:relative}.mum .gorsel:after{content:"";background:var(--amber);width:10px;height:14px;box-shadow:0 0 18px 4px color-mix(in srgb, var(--amber) 45%, transparent);border-radius:50% 50% 42% 42%/62% 62% 38% 38%;position:absolute;top:30%;left:50%;transform:translate(-50%)}.mum .gorsel:before{content:"";background:linear-gradient(#efe6d6,#ded1ba);border-radius:8px 8px 10px 10px;position:absolute;inset:44% 24% 14%}.mum h2{font-family:var(--serif);font-size:19px;font-weight:400}.mum .not{color:var(--krem-70);margin-top:3px;font-size:12px}.mum .alt{font-family:var(--grotesk);justify-content:space-between;align-items:baseline;margin-top:12px;font-size:13px;display:flex}.mum .alt .g{color:var(--krem-70);font-size:11px}.mum .alt .f{color:var(--amber);font-weight:600}.demofoot{border-top:1px solid var(--krem-15);color:var(--krem-70);margin-top:56px;padding-top:18px;font-size:12.5px;line-height:1.6}.demofoot b{color:var(--krem)}.demofoot a{color:var(--amber)}.w-ac{z-index:50;background:var(--alev);width:58px;height:58px;color:var(--krem);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .16s;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 10px 30px #00000073}.w-ac:hover{transform:scale(1.06)}.w-ac svg{width:26px;height:26px}.w-panel{z-index:50;background:var(--krem);width:min(92vw,360px);height:min(70vh,480px);color:var(--gece);border-radius:16px;flex-direction:column;display:none;position:fixed;bottom:90px;right:20px;overflow:hidden;box-shadow:0 24px 60px #00000080}.w-panel.acik{display:flex}.w-head{background:var(--gece);color:var(--krem);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.w-head .t{font-family:var(--grotesk);font-size:13px;font-weight:600}.w-head .alt-t{color:var(--krem-70);margin-top:2px;font-size:10.5px}.w-head button{color:var(--krem);cursor:pointer;background:0 0;border:none;font-size:18px}.w-log{flex-direction:column;flex:1;gap:8px;padding:14px;display:flex;overflow-y:auto}.msg{white-space:pre-wrap;border-radius:12px;max-width:85%;padding:9px 12px;font-size:13.5px;line-height:1.5}.msg.bot{background:#fff;border:1px solid #e5dccb;border-bottom-left-radius:4px;align-self:flex-start}.msg.ben{background:var(--gece);color:var(--krem);border-bottom-right-radius:4px;align-self:flex-end}.msg.yaziyor{color:#8a7f6d;font-style:italic}.w-cips{background:#fbf7ef;border-top:1px solid #e5dccb;flex-wrap:wrap;gap:6px;padding:4px 12px 8px;display:flex}.w-cips button{font-family:var(--grotesk);color:var(--gece);cursor:pointer;background:#fff;border:1px solid #d8cdb8;border-radius:999px;padding:6px 12px;font-size:11.5px;transition:border-color .12s}.w-cips button:hover{border-color:var(--alev);color:var(--alev)}.takip{max-width:88%;font-family:var(--grotesk);background:#fff;border:1px solid #e5dccb;border-radius:12px 12px 12px 4px;align-self:flex-start;padding:10px 12px;font-size:12px}.takip .no{color:#8a7f6d;letter-spacing:.06em}.takip .durum{margin:4px 0;font-size:13px;font-weight:600}.takip .bar{gap:4px;margin-top:6px;display:flex}.takip .bar span{background:#e5dccb;border-radius:2px;flex:1;height:4px}.takip .bar span.dolu{background:var(--alev)}.devir{background:#fff;border:1px solid #e5dccb;border-radius:12px 12px 12px 4px;align-self:flex-start;gap:8px;max-width:88%;padding:12px;display:grid}.devir p{font-size:12.5px;line-height:1.45}.devir input{font-family:var(--sans);color:var(--gece);background:#fbf7ef;border:1.5px solid #d8cdb8;border-radius:8px;width:100%;padding:8px 10px;font-size:12.5px}.devir input:focus-visible{outline:2px solid var(--alev);outline-offset:1px}.devir button{font-family:var(--grotesk);background:var(--gece);color:var(--krem);cursor:pointer;border:none;border-radius:8px;padding:9px;font-size:12px;font-weight:600}.w-form{background:#fbf7ef;border-top:1px solid #e5dccb;gap:8px;padding:12px;display:flex}.w-form input{font-family:var(--sans);color:var(--gece);background:#fff;border:1.5px solid #d8cdb8;border-radius:10px;flex:1;padding:10px 12px;font-size:13.5px}.w-form input:focus-visible{outline:2px solid var(--alev);outline-offset:1px}.w-form button{font-family:var(--grotesk);background:var(--alev);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:0 16px;font-size:13px;font-weight:600}.w-form button:disabled{opacity:.5;cursor:not-allowed}@media (width<=760px){.raf{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.w-ac{transition:none}}