:root{--navy:#062b58;--blue:#0878ff;--ink:#092544;--muted:#64748b;--line:#dbe7f3;--soft:#f5f9fd;--green:#15803d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f9fc;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}main{max-width:1280px;margin:auto;padding:0 24px 28px}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff}.brand{text-decoration:none;color:var(--navy);display:flex;flex-direction:column;line-height:1}.brand-mark{font-size:32px;font-weight:900;font-style:italic;letter-spacing:-1.5px}.brand small{font-size:9px;margin-top:4px;color:#486581}.toplinks{display:flex;align-items:center;gap:26px}.toplinks a{text-decoration:none;color:#17324f;font-size:14px;font-weight:650}.login-link{border:1px solid #cbd9e8;padding:10px 16px;border-radius:10px}.journey{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0 0 16px;background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden}.journey b{padding:14px 18px;color:#9badc0;border-right:1px solid var(--line);font-size:14px}.journey b:last-child{border-right:0}.journey .on{background:#eef6ff;color:var(--navy)!important;box-shadow:inset 0 -3px var(--blue)}.hero{min-height:520px;border:1px solid #cfe1f2;border-radius:0 0 22px 22px;padding:54px 48px;display:grid;grid-template-columns:1.25fr .75fr;gap:32px;align-items:center;overflow:hidden;background:linear-gradient(90deg,rgba(246,251,255,.99) 0%,rgba(246,251,255,.92) 53%,rgba(233,244,255,.38) 72%),linear-gradient(135deg,#dbeafe,#eff6ff 58%,#d1e7f7)}.hero-copy>small{color:#1267c8;font-weight:800;letter-spacing:.12em}.hero h1{font-size:clamp(48px,6vw,76px);line-height:.95;letter-spacing:-.055em;margin:15px 0 20px;color:#062b58}.hero h1 em{font-style:normal;color:var(--blue)}.hero-copy>p{max-width:760px;font-size:18px;line-height:1.55;color:#294965}.hero-art{height:100%;min-height:380px;border-radius:20px;position:relative;background:linear-gradient(145deg,#0a3158,#436b8c);box-shadow:inset 0 0 0 1px #ffffff30;overflow:hidden}.hero-art:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 45%,#ffffff12 45% 46%,transparent 46% 100%),radial-gradient(circle at 70% 22%,#9ed0ff55,transparent 30%)}.hero-card{position:absolute;right:24px;top:42px;width:230px;padding:24px;border-radius:16px;background:#ffffffed;box-shadow:0 20px 45px #001a3338}.hero-card b,.hero-card span{display:block}.hero-card b{font-size:20px}.hero-card span{font-size:13px;line-height:1.5;color:#55708b;margin-top:8px}.metric{position:absolute;left:24px;bottom:26px;background:#fff;padding:18px 24px;border-radius:14px;display:flex;align-items:center;gap:12px}.metric strong{font-size:30px;color:var(--blue)}.metric span{font-size:13px}.composer{margin-top:28px;background:#fff;border:1.5px solid #7db8f8;border-radius:14px;padding:14px;box-shadow:0 12px 30px #0f4b8212}.composer textarea{width:100%;min-height:78px;border:0;resize:vertical;font:inherit;font-size:15px;line-height:1.5;outline:0;color:#24435f}.composer-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #edf3f8;padding-top:10px}.composer-foot span{font-size:12px;color:#7890a8}.composer button,button{border:0;background:var(--navy);color:white;padding:13px 20px;border-radius:9px;font-weight:750;cursor:pointer}.examples{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}.examples span{font-size:12px;color:#58728b}.examples button{background:#fff;color:#34536f;border:1px solid #d6e3ef;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:600}.service-strip{display:grid;grid-template-columns:repeat(6,1fr);background:#fff;border:1px solid var(--line);border-radius:14px;margin:14px 0;overflow:hidden}.service-strip div{padding:17px 14px;border-right:1px solid var(--line);display:grid;grid-template-columns:32px 1fr;column-gap:8px;align-items:center}.service-strip div:last-child{border:0}.service-strip i{grid-row:1/3;font-style:normal;font-size:23px;color:var(--blue)}.service-strip b{font-size:12px}.service-strip span{font-size:10px;color:#6f8499;margin-top:3px}.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:14px 0 26px}.trust div{background:white;border:1px solid var(--line);padding:18px;border-radius:14px}.trust b{display:block}.trust span,.facts small,article span{display:block;color:#64748b;margin-top:6px;font-size:13px}.panel,.price{background:white;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 10px 35px #0f172a0a}.panel{margin:30px 0}.panel>small,.price>small{color:#2876c8;font-weight:800;letter-spacing:.08em}.panel h2{font-size:34px;margin:10px 0 20px}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.facts div{background:#f6faff;border:1px solid #e1edf8;padding:15px;border-radius:12px}.panel label{display:block;margin:16px 0;font-weight:650}.panel input,.panel select,.price input{width:100%;padding:13px;border:1px solid #cbd5e1;border-radius:10px;margin-top:7px}.grid{display:grid;grid-template-columns:1.5fr .8fr;gap:20px;align-items:start}.grid .panel{margin:0}.price{position:sticky;top:20px}.price p,.qrow,.first{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #e2e8f0}.first{font-size:20px;margin:12px 0;border:0;background:#ecfdf3;padding:14px;border-radius:10px;color:#116b38}.price em{display:block;color:#64748b;font-size:12px;margin-bottom:18px}.price form{display:grid;gap:8px}.price input{margin:0}article{padding:17px 0;border-bottom:1px solid #e2e8f0}article>div{display:flex;justify-content:space-between}article p{color:#475569}.error{background:#fee2e2;color:#991b1b;padding:14px;border-radius:12px}.quote{max-width:760px;margin:45px auto}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:50px;padding:28px 0;border-top:1px solid var(--line);color:#64748b}footer b{color:var(--navy)}.admin-shell{max-width:520px}.login{margin-top:10vh}.success{background:#dcfce7;color:#166534;padding:14px;border-radius:12px;margin:18px 0}.secondary{background:#e2e8f0;color:#0f172a}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:30px 0}.stats div{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px}.stats small{display:block;color:#64748b}.stats b{display:block;font-size:24px;margin-top:8px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:10px;border-bottom:1px solid #e2e8f0;vertical-align:top}th{color:#64748b;font-size:12px}td input,td select{min-width:100px;padding:8px;border:1px solid #cbd5e1;border-radius:8px}.inline{display:flex;gap:6px;align-items:center}.inline button,td button{padding:9px 11px}.need-cell{min-width:260px;max-width:420px}code{font-size:12px}.check{display:flex!important;gap:8px;align-items:flex-start;font-weight:400!important;font-size:12px;color:#475569}.check input{width:auto!important;margin:2px 0!important}.check a{color:#0f172a}.legal{max-width:820px;margin-left:auto;margin-right:auto}.legal p{line-height:1.7;color:#475569}@media(max-width:900px){.toplinks a:not(.login-link){display:none}.hero{grid-template-columns:1fr;padding:38px 26px}.hero-art{min-height:240px}.service-strip{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:1fr}.price{position:static}}@media(max-width:620px){main{padding:0 14px 20px}.topbar{height:64px}.brand-mark{font-size:27px}.hero{padding:30px 18px}.hero h1{font-size:44px}.hero-art{display:none}.composer-foot{align-items:stretch;flex-direction:column}.service-strip{grid-template-columns:1fr 1fr}.trust,.facts{grid-template-columns:1fr}.journey b{font-size:11px;padding:10px 7px}.stats{grid-template-columns:1fr 1fr}footer{align-items:flex-start;flex-direction:column}}
/* Production hero: photographic composition matching the approved ESBIL direction. */
.hero{position:relative;grid-template-columns:1.18fr .82fr;background:linear-gradient(90deg,#f7fbff 0%,rgba(247,251,255,.98) 46%,rgba(247,251,255,.62) 61%,rgba(247,251,255,.08) 78%),url('hero-office.jpg') right center/58% 100% no-repeat;min-height:500px}
.hero-art{background:transparent;box-shadow:none;overflow:visible}
.hero-art:before{display:none}
.hero-card{right:18px;top:35px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px)}
.metric{left:auto;right:18px;bottom:28px;box-shadow:0 16px 35px rgba(0,31,68,.14)}
@media(max-width:900px){.hero{background:linear-gradient(90deg,#f7fbff 0%,rgba(247,251,255,.96) 58%,rgba(247,251,255,.28)),url('hero-office.jpg') right center/cover no-repeat}.hero-art{min-height:180px}}
@media(max-width:620px){.hero{background:linear-gradient(rgba(247,251,255,.96),rgba(247,251,255,.96)),url('hero-office.jpg') center/cover no-repeat}.hero-art{display:none}}
/* v1.0.1 visual-match: approved ESBIL reference composition */
body{background:#f4f9fd}.topbar{max-width:1240px;margin:auto;padding:0 10px;height:72px}.toplinks{gap:28px}.toplinks a{font-size:13px;color:#0b2545}.login-link{border:1px solid #cbd9e8;background:#fff!important;color:#0b2545!important;padding:11px 20px!important;border-radius:8px}.start-link{background:#062b58;color:#fff!important;padding:12px 22px;border-radius:8px;font-weight:800}.journey{max-width:1240px;margin:12px auto 0;border:1px solid #dce8f3;background:#fff;box-shadow:0 8px 24px rgba(20,55,90,.05)}
.hero{max-width:1240px;margin:0 auto;min-height:430px;padding:36px 38px;grid-template-columns:1.25fr .75fr;border-radius:0;background:linear-gradient(90deg,#f7fbff 0%,rgba(247,251,255,.98) 42%,rgba(247,251,255,.72) 57%,rgba(247,251,255,.05) 75%),url('hero-office.jpg') right center/58% 100% no-repeat}.hero-copy{max-width:790px;z-index:2}.hero-copy>small{font-size:13px;letter-spacing:.08em;color:#0a67d8;font-weight:800}.hero h1{font-size:56px;line-height:.94;letter-spacing:-2.8px;margin:12px 0 16px}.hero h1 em{color:#0874f9}.hero p{max-width:700px;font-size:16px;line-height:1.45}.composer{margin-top:20px;max-width:800px;background:rgba(255,255,255,.96);border:1.5px solid #4b9bff;border-radius:11px;padding:0;box-shadow:0 10px 28px rgba(20,75,135,.12);display:grid;grid-template-columns:1fr 210px;align-items:stretch;overflow:hidden}.composer textarea{min-height:68px;border:0!important;margin:0!important;padding:18px 20px!important;resize:none;background:transparent}.composer-foot{display:contents}.composer-foot span{display:none}.composer-foot button{margin:10px;border-radius:8px;font-size:15px}.examples{margin-top:10px;gap:8px}.examples button{background:#fff;border-color:#d7e4f1;padding:8px 14px}.hero-card{top:55px;right:15px;width:205px;padding:20px}.metric{right:15px;bottom:34px;padding:18px 24px}.metric strong{font-size:30px}.service-strip{max-width:1240px;margin:-1px auto 14px;grid-template-columns:repeat(6,1fr);border-radius:0 0 10px 10px;box-shadow:0 8px 22px rgba(20,55,90,.06)}.service-strip div{min-height:72px;padding:12px 14px}.service-strip i{font-size:22px}.service-strip b{font-size:12px}.service-strip span{font-size:11px}.trust{max-width:1240px;margin:14px auto;grid-template-columns:repeat(4,1fr)}.trust div{background:transparent;border:0;text-align:center}.trust b{font-size:18px;color:#092b5c}.trust span{font-size:12px}.panel,.grid{max-width:1240px;margin-left:auto;margin-right:auto}.panel{border-color:#dce8f3;box-shadow:0 8px 24px rgba(20,55,90,.05)}.price{border-color:#d7e7da}.first{background:#eaf9ec}.first b{color:#16803b}footer{max-width:1240px;margin:24px auto 0}.ref-stats{max-width:1240px;margin:18px auto 28px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.ref-stats div{display:flex;gap:12px;align-items:center;padding:12px}.ref-stats i{font-style:normal;font-size:28px;color:#0874f9}.ref-stats b{display:block;color:#082d60;font-size:18px}.ref-stats span{font-size:12px;color:#64748b}
@media(max-width:900px){.toplinks{gap:10px}.start-link{display:none}.hero{grid-template-columns:1fr;background:linear-gradient(90deg,#f7fbff 0%,rgba(247,251,255,.93) 70%),url('hero-office.jpg') center/cover no-repeat}.service-strip{grid-template-columns:repeat(3,1fr)}.ref-stats{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.hero{padding:28px 18px;min-height:auto}.hero h1{font-size:43px;letter-spacing:-2px}.composer{grid-template-columns:1fr}.composer-foot button{min-height:48px}.service-strip{grid-template-columns:1fr 1fr}.ref-stats{grid-template-columns:1fr 1fr}.journey{margin-top:6px}}
/* v1.1 installer */
.install-card{max-width:850px;margin:60px auto}.install-card>p{color:#53657d;line-height:1.6}.install-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.install-grid label{display:flex;flex-direction:column;gap:7px;font-weight:700;color:#0a2855}.install-grid input{width:100%;box-sizing:border-box}.install-grid .full{grid-column:1/-1}.install-note{margin-top:20px;padding:14px 16px;border:1px solid #b9d4ff;background:#f2f7ff;border-radius:12px}@media(max-width:720px){.install-grid{grid-template-columns:1fr}.install-grid .full{grid-column:auto}}
/* v1.2 reference-match home composition */
.visual-steps{max-width:1240px;margin:14px auto 16px;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #dbe8f4;border-radius:10px;overflow:hidden;box-shadow:0 8px 22px rgba(20,55,90,.04)}
.visual-steps>div{display:flex;align-items:center;gap:14px;padding:14px 20px;position:relative;background:linear-gradient(105deg,#fff 0,#fff 88%,#f2f7fc 88%)}.visual-steps strong{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#d7e4f2;color:#fff;font-size:20px}.visual-steps .active strong{background:#0874f9}.visual-steps p{margin:0}.visual-steps b{display:block;color:#375a83;font-size:15px}.visual-steps .active b{color:#0874f9}.visual-steps span{display:block;color:#71869c;font-size:11px;margin-top:3px}
.preview-grid{max-width:1240px;margin:0 auto 16px;display:grid;grid-template-columns:1fr 1.08fr .48fr;gap:12px}.preview-card,.preview-price{background:#fff;border:1px solid #d9e7f4;border-radius:10px;padding:18px;min-width:0}.preview-title{display:flex;align-items:center;gap:10px}.preview-title strong{width:34px;height:34px;border-radius:50%;background:#073f91;color:#fff;display:grid;place-items:center;font-size:18px}.preview-title h3{margin:0;color:#082d60;font-size:18px}.preview-card h4{font-size:16px;color:#0a2855;margin:20px 0 4px}.preview-card>p{font-size:12px;color:#687d94;margin:0 0 14px}.fake-input{height:78px;border:1px solid #d6e3ef;border-radius:7px;padding:14px;color:#637a94;font-size:12px;position:relative}.fake-input span{position:absolute;right:10px;bottom:8px;font-size:10px}.fake-action{background:#062b58;color:#fff;border-radius:7px;padding:12px 16px;width:max-content;margin:10px 0 14px auto;font-size:12px;font-weight:800}.preview-card>small{font-weight:700;color:#16385e}.mini-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.mini-chips span{font-size:10px;border:1px solid #d9e5ef;padding:6px 9px;border-radius:999px;color:#4f6984}.understood h4 i{font-style:normal;background:#16a05d;color:#fff;width:28px;height:28px;border-radius:50%;display:inline-grid;place-items:center;margin-right:7px}.profile-demo{display:grid;grid-template-columns:1.5fr repeat(3,1fr);border:1px solid #e0eaf3;border-radius:7px;overflow:hidden;min-height:92px}.profile-demo>div:not(.clinic-photo){display:flex;flex-direction:column;justify-content:center;align-items:center;border-left:1px solid #e7eef5}.profile-demo b{color:#0a2855;font-size:12px}.profile-demo span{font-size:9px;color:#71869c;margin-top:4px}.clinic-photo{background:linear-gradient(135deg,#d9ecf7,#f8fcff);position:relative}.clinic-photo:after{content:'✚  Diş Kliniği';position:absolute;inset:0;display:grid;place-items:center;color:#307bb8;font-weight:800;font-size:12px}.need-pills{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:10px}.need-pills span{background:#f8fbfe;border:1px solid #e1ebf4;border-radius:6px;text-align:center;padding:7px 3px;font-size:8px;color:#60758b}.need-pills b{font-size:8px;color:#0b5fb9}.preview-price{background:#fff}.preview-price>small{display:block;color:#6d8095;font-size:10px;margin:4px 0 12px 44px}.preview-price p{display:block;background:#f4fbf5;border:1px solid #d3ebd6;border-bottom:0;margin:0;padding:10px}.preview-price p span,.estimate span{display:block;color:#637a6b;font-size:9px}.preview-price p b{display:block;color:#092e60;font-size:13px;margin-top:3px}.estimate{background:#eaf8e9;border:1px solid #d3ebd6;padding:10px}.estimate b{display:block;color:#16803b;margin-top:4px;font-size:13px}.fake-action.full{width:auto;text-align:center;margin-top:8px}
.service-strip{border-radius:10px!important;margin-top:0!important}.ref-stats{border-top:1px solid #e0eaf3;padding-top:10px}
@media(max-width:900px){.visual-steps{grid-template-columns:1fr 1fr}.preview-grid{grid-template-columns:1fr}.preview-price{order:3}}
@media(max-width:620px){.visual-steps{grid-template-columns:1fr}.visual-steps>div{padding:10px 14px}.preview-grid{margin-top:10px}.need-pills{grid-template-columns:repeat(2,1fr)}.profile-demo{grid-template-columns:1fr 1fr}.clinic-photo{min-height:80px}}