:root{color-scheme:dark;--bg:#080f20;--text:#f4f8ff;--muted:#a0b1cc;--blue:#249bff;--cyan:#4cddff}*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}a{color:inherit}.shell{width:min(1180px,calc(100% - 64px));margin:0 auto;min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.ambient{position:fixed;pointer-events:none;filter:blur(95px);border-radius:50%;opacity:.35;z-index:0;animation:float 14s ease-in-out infinite alternate}.ambient-one{width:490px;height:490px;background:#1259b3;top:-230px;right:-150px}.ambient-two{width:370px;height:370px;background:#084f7b;bottom:-210px;left:-130px;animation-delay:-7s}.grid-overlay{position:fixed;inset:0;pointer-events:none;opacity:.19;background-image:linear-gradient(#29507844 1px,transparent 1px),linear-gradient(90deg,#29507844 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,black,transparent 85%)}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:35px 0;border-bottom:1px solid #ffffff12}.brand{display:block;width:min(350px,58vw);transition:transform .25s}.brand:hover{transform:scale(1.025)}.brand img{width:100%;height:auto;display:block}.status{white-space:nowrap;font-size:13px;color:#b7c9e3;border:1px solid #ffffff24;border-radius:100px;padding:11px 17px;background:#ffffff08}.status-dot{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#40dca4;box-shadow:0 0 0 5px #40dca420;animation:pulse 2s infinite}.hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:85px 0 95px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2.6px;color:#78cfff;line-height:1.8}.sparkle{font-size:17px;vertical-align:middle;margin-right:8px}.hero h1{font-size:clamp(40px,6.1vw,78px);line-height:1.13;letter-spacing:-.055em;font-weight:800;max-width:900px;margin:24px 0}.gradient{display:block;background:linear-gradient(95deg,#4eabff,#5fe2ff 58%,#5b8dff);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:clamp(16px,1.6vw,19px);line-height:1.9;color:var(--muted);max-width:690px;margin:0 auto}.decor-line{width:min(420px,80%);height:2px;background:#ffffff15;border-radius:10px;margin:42px auto 32px;overflow:hidden}.decor-line span{display:block;height:100%;width:35%;background:linear-gradient(90deg,transparent,#42cfff,transparent);animation:scan 3s linear infinite}.feature-row{display:flex;gap:13px;flex-wrap:wrap;justify-content:center}.feature{display:flex;align-items:center;gap:11px;padding:14px 19px;border:1px solid #ffffff1c;background:#101e35b8;border-radius:13px;color:#dbeaff;font-size:14px;backdrop-filter:blur(10px);transition:transform .2s,border-color .2s}.feature:hover{transform:translateY(-4px);border-color:#46b9ff77}.feature-icon{display:grid;place-items:center;min-width:30px;height:30px;border-radius:8px;background:#2d9dff1b;color:#65cfff;font-size:17px;font-weight:700}.contact{margin-top:46px}.contact p{color:#94a9c5;font-size:14px;margin:0 0 17px}.contact-btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:16px 27px;background:linear-gradient(110deg,#1683ee,#25b9f5);color:white;text-decoration:none;font-weight:700;font-size:15px;border-radius:11px;box-shadow:0 12px 32px #0978e435;transition:transform .2s,box-shadow .2s}.contact-btn:hover{transform:translateY(-3px);box-shadow:0 15px 38px #0b8de65e}.contact-btn:focus-visible,.brand:focus-visible{outline:3px solid #7cdbff;outline-offset:5px}.footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #ffffff12;padding:27px 0;color:#8398b6;font-size:12px}.heart{color:#38bfff}@keyframes scan{from{transform:translateX(-110%)}to{transform:translateX(400%)}}@keyframes pulse{50%{box-shadow:0 0 0 9px #40dca400}}@keyframes float{to{transform:translate(60px,35px)}}@media(max-width:700px){.shell{width:min(100% - 36px,540px)}.header{padding:24px 0;flex-direction:column;gap:18px}.brand{width:min(330px,86vw)}.status{font-size:11px}.hero{padding:72px 0}.hero h1{letter-spacing:-.045em;margin:22px 0}.eyebrow{font-size:10px;letter-spacing:1.5px}.lead{line-height:1.8}.feature-row{gap:10px}.feature{font-size:12px;padding:11px 12px}.footer{flex-direction:column;text-align:center;gap:9px;padding:22px 0}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Logo wordmark: Trendy white, azılım blue */
.brand{display:flex;align-items:center;gap:9px;width:auto;max-width:100%;text-decoration:none}
.brand-symbol{position:relative;display:block;flex:none;width:73px;height:75px;overflow:hidden}
.brand-symbol img{position:absolute;display:block;width:300px;max-width:none;height:auto;left:-2px;top:-11px}
.brand-wordmark{display:block;white-space:nowrap;font-size:clamp(23px,3vw,39px);font-weight:800;line-height:1.05;letter-spacing:-.055em}
.brand-trendy{color:#fff}
.brand-yazilim{color:#299fff}
.brand-wordmark small{display:block;margin-top:8px;color:#a9bed8;font-size:clamp(6px,.7vw,9px);letter-spacing:.14em;font-weight:600}
@media(max-width:700px){.brand-symbol{width:60px;height:63px}.brand-symbol img{width:247px;top:-9px}.brand-wordmark{font-size:clamp(23px,6.5vw,35px)}.brand-wordmark small{font-size:7px}}

/* Brand uses the complete original transparent logo artwork, without rebuilt text. */
.header .brand{display:block;width:min(490px,65vw);max-width:100%;line-height:0;flex:none}
.header .brand img{position:static;width:100%;height:auto;max-width:100%;object-fit:contain}
@media(max-width:700px){.header .brand{width:min(370px,90vw)}}
