/* Montserrat variable (100–900), normal and italic, served locally with Turkish glyphs. */
@font-face{font-family:Montserrat;font-style:normal;src:url(/fonts/montserrat/montserrat-latin-ext.woff2) format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Montserrat;font-style:normal;src:url(/fonts/montserrat/montserrat-latin.woff2) format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Montserrat;font-style:italic;src:url(/fonts/montserrat/montserrat-latin-ext-italic.woff2) format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Montserrat;font-style:italic;src:url(/fonts/montserrat/montserrat-latin-italic.woff2) format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* Metric-matched stand-in shown until Montserrat arrives, so the swap does not move the layout (CLS). */
@font-face{font-family:'Montserrat Fallback';font-weight:100 549;src:local('Arial'),local('ArialMT'),local('Helvetica'),local('Liberation Sans');size-adjust:113%;ascent-override:85.7%;descent-override:22.2%;line-gap-override:0%}
@font-face{font-family:'Montserrat Fallback';font-weight:550 900;src:local('Arial Bold'),local('Arial-BoldMT'),local('Helvetica Bold'),local('Liberation Sans Bold');size-adjust:111.5%;ascent-override:86.8%;descent-override:22.5%;line-gap-override:0%}
:root{--g:#0b7a63;--g2:#075e4c;--g-soft:#d6f3e8;--g-tint:#eefaf5;--ink:#10251f;--muted:#3f5552;--line:#d5e2df;--bg:#fbfcfd;--card:#fff;--warn:#8a5200;--warn-bg:#fff1cc;--bad:#c0321f;--bad-bg:#ffe8e3;--info:#1d5fd1;--info-bg:#e3ecff;--good:#0f7a45;--good-bg:#dcf6e7;--fizyo:#1469f2;--fizyo-bg:#e3edff;--diyet:#e06600;--diyet-ink:#ab5200;--diyet-bg:#ffefdf;--antrenor:#d42164;--antrenor-bg:#fde4ee;--kurum:#6d3be0;--kurum-bg:#efe8ff;--r:16px;--shadow:0 1px 2px rgba(15,36,32,.06),0 10px 30px rgba(15,36,32,.09);--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:76px}
body{margin:0;font-family:Montserrat,'Montserrat Fallback',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;font-size:16px}
a{color:var(--g)}img,svg{max-width:100%}h1,h2,h3{line-height:1.2;letter-spacing:-.02em;margin:0 0 .5em}h1{font-size:clamp(1.9rem,4.4vw,3.1rem);font-weight:800}h2{font-size:clamp(1.45rem,2.8vw,2.1rem);font-weight:750}h3{font-size:1.1rem;font-weight:700}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}p{margin:0 0 1em}.muted{color:var(--muted)}.fine{font-size:.82rem;color:var(--muted);margin-top:.8em}.center{text-align:center}.lead{font-size:1.1rem;color:var(--muted);max-width:720px}.center .lead,.section-head .lead{margin-inline:auto}
.i{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.2em;flex:none}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}.wrap.narrow{max-width:1040px;padding-top:36px;padding-bottom:60px}
.eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--g);margin-bottom:.7em}
.meta{font-size:.88rem;color:var(--muted);margin-bottom:.4em}
code{font-family:ui-monospace,Menlo,monospace;font-size:.88em;background:var(--g-tint);padding:1px 6px;border-radius:6px}
/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 20px;border-radius:12px;border:1px solid var(--g);background:var(--g);color:#fff;font:inherit;font-weight:650;text-decoration:none;cursor:pointer;transition:background .15s,transform .1s;white-space:nowrap}
.btn:hover{background:var(--g2)}.btn:active{transform:translateY(1px)}.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #7cc4b5;outline-offset:2px}
.btn.ghost{background:transparent;color:var(--g)}.btn.ghost:hover{background:var(--g-tint)}.btn.light{background:#fff;color:var(--g);border-color:#fff}.btn.light:hover{background:var(--g-soft)}
.btn.small{min-height:36px;padding:6px 14px;font-size:.88rem;border-radius:10px}.btn.big{min-height:54px;padding:12px 26px;font-size:1.05rem}.btn.block{display:flex;width:100%}
.btn.danger{background:var(--bad);border-color:var(--bad)}.btn.danger.ghost{background:transparent;color:var(--bad)}.btn.danger.ghost:hover{background:var(--bad-bg)}
.linkish{background:none;border:0;color:inherit;font:inherit;cursor:pointer;padding:0;display:inline-flex;gap:6px;align-items:center}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}
/* Header */
.ribbon{background:#fff3da;color:#6b4a12;border-bottom:1px solid #eed7a8;font-size:.84rem;text-align:center;padding:8px 16px}.ribbon strong{background:#6b4a12;color:#fff;border-radius:6px;padding:1px 7px;margin-right:6px;font-size:.75rem;letter-spacing:.05em}
.top{position:sticky;top:0;z-index:20;background:rgba(251,252,252,.92);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.top-in{display:flex;align-items:center;gap:20px;min-height:68px}
/* Rapdiye logo (shared/brand.js): the mark beside the outlined wordmark, as in the brand pack's
   lockup. The dot is green on light backgrounds, mint on dark ones and the profession's colour on
   that profession's pages. */
.logo{color:var(--ink)}a.logo,.foot a.logo,span.logo{display:inline-flex;align-items:center;gap:.19em;font-size:1.75rem;margin:0;line-height:1;text-decoration:none}.logo-mark{width:.92em;height:.92em;flex:none;overflow:visible}.logo .brand-dot{fill:var(--g)}.logo-word{display:block;height:.82em;width:auto;position:relative;top:.12em}.logo em{font-style:normal;font-weight:600;font-size:.46em;color:var(--muted);letter-spacing:0;margin:.3em 0 0 .1em}
body[data-tema=fizyoterapi] .top .brand-dot{fill:var(--fizyo)}body[data-tema=diyetisyen] .top .brand-dot{fill:var(--diyet)}body[data-tema=antrenor] .top .brand-dot{fill:var(--antrenor)}
.nav{display:flex;align-items:center;gap:6px;flex:1}.nav>a,.drop>summary{padding:8px 12px;border-radius:10px;color:var(--ink);text-decoration:none;font-weight:600;font-size:.95rem;cursor:pointer}.nav>a:hover,.drop>summary:hover,.nav>a[aria-current]{background:var(--g-tint);color:var(--g)}
.nav-end{margin-left:auto;display:flex;align-items:center;gap:14px}.nav-end .link{font-weight:600;text-decoration:none}
.drop{position:relative}.drop>summary{list-style:none}.drop>summary::-webkit-details-marker{display:none}.drop>summary::after{content:'';display:inline-block;width:6px;height:6px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg);margin:0 0 3px 8px}
.drop-menu{position:absolute;top:calc(100% + 8px);left:0;width:min(720px,90vw);background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}
.drop-menu a{display:block;padding:8px 10px;border-radius:10px;color:var(--ink);text-decoration:none;font-weight:600;font-size:.93rem}.drop-menu a small{display:block;color:var(--muted);font-weight:500;font-size:.8rem}.drop-menu a:hover{background:var(--g-tint)}
.drop-h{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:700;margin:0 0 6px 10px;display:flex;gap:6px;align-items:center}
.nav-toggle{position:absolute;left:0;top:0;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.nav-btn{display:none;margin-left:auto;padding:8px;border-radius:10px;cursor:pointer}.nav-btn .i{width:26px;height:26px}
@media(max-width:920px){.nav-btn{display:block}.nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:12px 20px 20px;box-shadow:var(--shadow)}.nav-toggle:checked~.nav{display:flex}.nav{max-height:calc(100vh - 68px);max-height:calc(100dvh - 68px);overflow-y:auto}.nav-end{margin:10px 0 0;flex-direction:column;align-items:stretch}.nav-end .btn{width:100%}.drop-menu{position:static;width:auto;grid-template-columns:1fr;box-shadow:none;border:0;padding:6px 0}}
/* Sections */
section{padding:72px 0}.band{background:var(--g-tint);border-block:1px solid #e3eeeb}.section-head{text-align:center;max-width:780px;margin:0 auto 38px}.section-head.left{text-align:left;margin-left:0}
.hero{padding:64px 0 56px;background:radial-gradient(1200px 500px at 85% -10%,#dff0ea 0,transparent 60%),radial-gradient(700px 400px at -10% 110%,#eef7f4 0,transparent 60%)}
.hero.small{padding:52px 0 40px}.hero-in{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}.center-hero{text-align:center}.center-hero .lead{margin-inline:auto}
.hero-points{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 20px;color:var(--muted);font-weight:600;font-size:.92rem}.hero-points .i{color:var(--g)}
@media(max-width:900px){.hero-in{grid-template-columns:1fr}.hero-art{order:2}}
/* Product mock */
.mock{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:visible;margin-right:36px}
.mock-bar,.screen-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--line);font-size:.78rem;color:var(--muted);font-weight:600}.mock-bar i,.screen-bar i{width:9px;height:9px;border-radius:50%;background:#d9e3e1}.mock-bar span,.screen-bar span{margin-left:8px}
.mock-body{display:grid;grid-template-columns:120px 1fr;min-height:300px}.mock-side{border-right:1px solid var(--line);padding:14px;display:flex;flex-direction:column;gap:6px;font-size:.8rem;color:var(--muted)}.mock-side .mock-logo{font-size:1.15rem;margin:0 0 8px;align-self:flex-start}.mock-side .on{color:var(--g);font-weight:700;background:var(--g-tint);border-radius:8px;padding:3px 8px;margin-left:-8px}
.mock-main{padding:16px;display:flex;flex-direction:column;gap:10px}.mock-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mock-kpis div{background:var(--g-tint);border-radius:10px;padding:8px 10px}.mock-kpis small{display:block;font-size:.66rem;color:var(--muted)}.mock-kpis b{font-size:1.15rem}
.mock-chart{display:flex;align-items:flex-end;gap:8px;height:84px;padding:6px 4px;border-bottom:1px solid var(--line)}.mock-chart i{flex:1;background:linear-gradient(#2e8b7a,#145c52);border-radius:6px 6px 2px 2px}
.mock-row{display:flex;align-items:center;gap:8px;font-size:.78rem}.mock-row em{margin-left:auto;font-style:normal;color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%}.dot.g{background:#2aa36b}.dot.y{background:#e2a31c}
.mock-phone{position:absolute;right:-36px;bottom:-26px;width:168px;background:#fff;border:6px solid #17302c;border-radius:26px;padding:22px 10px 12px;box-shadow:var(--shadow);font-size:.72rem}.mock-notch{position:absolute;top:6px;left:50%;transform:translateX(-50%);width:44px;height:6px;border-radius:6px;background:#17302c}
.mock-hi{font-weight:700;font-size:.85rem;margin:0 0 8px}.mock-task{display:flex;gap:5px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:6px 7px;margin-bottom:5px}.mock-task.done{background:var(--good-bg);border-color:#bfe3cf;color:var(--good)}.mock-btn{background:var(--g);color:#fff;text-align:center;border-radius:9px;padding:7px;font-weight:700;margin-top:6px}
@media(max-width:560px){.mock{margin-right:0}.mock-body{grid-template-columns:1fr}.mock-side{display:none}.mock-phone{display:none}}
/* Segments & features */
.seg-cols{display:grid;grid-template-columns:1fr 1fr;gap:32px}.seg-h{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.95rem;margin-bottom:14px}
.seg-grid{display:grid;grid-template-columns:1fr;gap:12px}.seg-grid.wide{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.seg-tile{display:flex;flex-direction:column;gap:3px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;text-decoration:none;color:var(--ink);transition:border-color .15s,box-shadow .15s,transform .15s}.seg-tile:hover{border-color:var(--g);box-shadow:var(--shadow);transform:translateY(-1px)}
.seg-tile strong{font-size:1.02rem}.seg-tile span{color:var(--muted);font-size:.9rem}.seg-tile em{font-style:normal;color:var(--g);font-weight:650;font-size:.83rem;margin-top:4px}.seg-tile.soft{background:var(--g-tint)}
@media(max-width:820px){.seg-cols{grid-template-columns:1fr}}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px}.feature>.i{width:40px;height:40px;padding:9px;border-radius:12px;background:var(--g-soft);color:var(--g);margin-bottom:14px}.feature p{color:var(--muted);margin:0;font-size:.95rem}
.how3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}.how3>div{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px}.how3 p{color:var(--muted);margin:0}
.num{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--g);color:#fff;font-weight:800;margin-bottom:12px}
td.num,th.num{display:table-cell;width:auto;height:auto;border-radius:0;background:none;color:inherit;font-weight:inherit;margin:0;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:860px){.features,.how3{grid-template-columns:1fr 1fr}}@media(max-width:560px){.features,.how3{grid-template-columns:1fr}}
.two{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:start}.two-cols{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:start}@media(max-width:860px){.two,.two-cols{grid-template-columns:1fr}}
.card.soft{background:var(--g-tint);border:1px solid #d6e9e3;border-radius:var(--r);padding:24px}
ul.ticks{list-style:none;padding:0;margin:0 0 1em;display:grid;gap:8px}ul.ticks li{display:flex;gap:9px;align-items:flex-start;font-size:.94rem}ul.ticks .i{color:var(--g);margin-top:2px}ul.ticks.big li{font-size:1.02rem}
ul.dots{padding-left:18px;margin:0 0 1em}ul.dots li{margin:4px 0}
/* Plans */
.cycle{display:inline-flex;background:#fff;border:1px solid var(--line);border-radius:12px;padding:4px;margin:6px 0 26px}.cycle button{border:0;background:none;font:inherit;font-weight:650;padding:8px 18px;border-radius:9px;cursor:pointer;color:var(--muted)}.cycle button.on{background:var(--g);color:#fff}.cycle em{font-style:normal;font-size:.72rem;background:#ffe9b8;color:#6b4a12;border-radius:6px;padding:1px 6px;margin-left:6px}.cycle button.on em{background:#fff;color:var(--g)}
.plans{display:grid;gap:18px;align-items:stretch}.plans.three{grid-template-columns:repeat(3,1fr)}.plans.four{grid-template-columns:repeat(4,1fr)}.plans.two{grid-template-columns:repeat(2,minmax(0,380px));justify-content:center}
@media(max-width:1060px){.plans.four{grid-template-columns:repeat(2,1fr)}}@media(max-width:860px){.plans.three{grid-template-columns:1fr}.plans.two{grid-template-columns:1fr}}@media(max-width:600px){.plans.four{grid-template-columns:1fr}}
.plan{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px 24px}.plan h3{font-size:1.3rem;margin-bottom:2px}.plan .muted{font-size:.9rem;min-height:2.8em}
.plan.rec{border:2px solid var(--g);box-shadow:var(--shadow)}.plan-flag{position:absolute;top:-13px;left:24px;background:var(--g);color:#fff;font-size:.74rem;font-weight:700;padding:4px 10px;border-radius:99px}
.plan.dark{background:#17302c;color:#e6efec;border-color:#17302c}.plan.dark .muted,.plan.dark .yearly-line{color:#a9c1bb}.plan.dark .ticks .i{color:#7fd3bf}
.plan-price{margin:16px 0 2px;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px}.price{font-size:2.3rem;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.per{color:var(--muted);font-weight:600;font-size:.9rem}
.yearly-line{font-size:.84rem;color:var(--muted);margin:0 0 14px;min-height:1.4em}.plan-limit{display:flex;gap:8px;align-items:center;font-weight:650;background:var(--g-tint);border-radius:10px;padding:8px 12px;font-size:.9rem}.plan.dark .plan-limit{background:#22433d}
.plan ul.ticks{flex:1;margin:4px 0 20px}.plan .fine{text-align:center;margin-bottom:0}
.free-strip,.org-strip{display:flex;gap:16px;align-items:center;background:#fff;border:1px dashed #9fcbbf;border-radius:var(--r);padding:18px 22px;margin-top:26px}.free-strip>.i,.org-strip>.i{width:34px;height:34px;color:var(--g)}.org-strip{border-style:solid;border-color:var(--line)}.org-strip div{flex:1}@media(max-width:700px){.org-strip{flex-direction:column;align-items:flex-start}}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0}.chips a{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:99px;padding:7px 14px;text-decoration:none;color:var(--ink);font-weight:600;font-size:.88rem}.chips a:hover,.chips a.on{border-color:var(--g);color:var(--g);background:var(--g-tint)}.chips.static a{padding:5px 10px}
.tabs{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:5px;margin:8px 0 18px}.tabs a{display:inline-flex;gap:7px;align-items:center;padding:9px 18px;border-radius:10px;text-decoration:none;color:var(--muted);font-weight:650}.tabs a.on,.tabs a:hover{background:var(--g-tint);color:var(--g)}
.js [data-tab-panel][hidden]{display:none}
.rules{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}.rules>div{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px}.rules .i{width:28px;height:28px;color:var(--g);margin-bottom:10px}.rules p{color:var(--muted);font-size:.9rem;margin:0}@media(max-width:960px){.rules{grid-template-columns:1fr 1fr}}@media(max-width:560px){.rules{grid-template-columns:1fr}}
/* Tables */
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:#fff}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th,.table td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.table th{font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:var(--g-tint);white-space:nowrap}.table tr:last-child td{border-bottom:0}@media(max-width:600px){.table.compare{min-width:430px}.table.compare td:first-child,.table.compare th:first-child{position:sticky;left:0;z-index:1;width:128px;background:#fff;box-shadow:inset -1px 0 0 var(--line)}.table.compare th:first-child{background:var(--g-tint)}}.table td.msg{max-width:320px;color:var(--muted)}
/* FAQ */
.faq details{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:10px;padding:0 20px}.faq summary{cursor:pointer;font-weight:650;padding:16px 0;list-style:none;display:flex;justify-content:space-between;gap:12px}.faq summary::after{content:'+';font-size:1.4rem;line-height:1;color:var(--g)}.faq details[open] summary::after{content:'–'}.faq p{color:var(--muted);padding-bottom:16px;margin:0}
.final{background:var(--g);color:#fff;text-align:center}.final p{color:#cfe6df;font-size:1.1rem}
/* Guide */
.guide{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}.guide:last-child{border-bottom:0}.guide p{color:var(--muted)}@media(max-width:820px){.guide{grid-template-columns:1fr;gap:18px}}
.screen{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.screen-body{padding:10px 18px}.srow{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:.92rem}.srow:last-child{border-bottom:0}.srow b.good{color:var(--good)}.srow b.warn{color:var(--warn)}.srow b.bad{color:var(--bad)}
/* Forms */
.box{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;margin-bottom:18px;min-width:0}.box h2{font-size:1.2rem}.box-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.box-head h2{margin:0}
fieldset.box{margin:0 0 18px}fieldset.box>legend{float:left;width:100%}fieldset.box>legend+*{clear:both}legend{display:flex;align-items:center;gap:10px;font-weight:750;font-size:1.08rem;line-height:28px;padding:0;margin:0 0 16px}legend span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--g-soft);color:var(--g);font-size:.85rem}
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field>span{font-weight:650;font-size:.9rem}.field small{color:var(--muted);font-size:.8rem}.field small.err,.err{color:var(--bad);font-weight:600;font-size:.84rem;margin:4px 0}
input,select,textarea{font:inherit;color:var(--ink);background:#fff;border:1px solid #c7d6d3;border-radius:11px;padding:11px 13px;width:100%;min-height:46px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--g)}.has-error input,.has-error textarea,.has-error select{border-color:var(--bad);background:#fffafa}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.grid3{display:grid;grid-template-columns:1fr 1fr 180px auto;gap:0 14px;align-items:end}.span2{grid-column:1/-1}@media(max-width:640px){.grid2,.grid3{grid-template-columns:1fr}}
.choice{position:relative;display:block;cursor:pointer}.choice input{position:absolute;opacity:0;pointer-events:none}.choice>span{display:flex;flex-direction:column;gap:2px;border:1.5px solid var(--line);border-radius:14px;padding:14px 16px;height:100%;transition:border-color .15s,background .15s}.choice small{color:var(--muted);font-size:.83rem}
.choice:hover>span{border-color:#9fcbbf}.choice input:checked+span{border-color:var(--g);background:var(--g-tint);box-shadow:0 0 0 1px var(--g)}.choice input:focus-visible+span{outline:3px solid #7cc4b5;outline-offset:2px}
.kinds{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kinds .i{width:26px;height:26px;color:var(--g);margin-bottom:6px}.kinds strong{font-size:1.05rem}
.groups{display:grid;grid-template-columns:1fr 1fr;gap:10px}.plan-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.plan-pick b{font-size:1.25rem;margin-top:2px}.plan-pick b small{font-size:.75rem;color:var(--muted);font-weight:600}
.cycles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.extra-seats{max-width:340px}
@media(max-width:700px){.groups,.plan-pick{grid-template-columns:1fr}.kinds,.cycles{grid-template-columns:1fr 1fr}}
.js .choice.is-hidden,.js .is-hidden{display:none}
.check{display:flex;gap:12px;align-items:flex-start;margin:8px 0;cursor:pointer;font-size:.93rem}.check input{width:20px;height:20px;min-height:0;margin-top:3px;flex:none;accent-color:var(--g)}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.only-person-inline{display:none}.signup.is-person .only-org{display:none}.signup.is-person .only-org-inline{display:none}.signup.is-person .only-person-inline{display:inline}
/* Signup layout */
.signup-head{text-align:center;margin-bottom:26px}.signup-head .lead{margin-inline:auto}
.steps{list-style:none;display:flex;justify-content:center;gap:10px;padding:0;margin:0 0 22px;flex-wrap:wrap}.steps li{display:flex;align-items:center;gap:8px;font-weight:650;font-size:.88rem;color:var(--muted)}.steps li+li::before{content:'';width:28px;height:2px;background:var(--line);margin-right:2px}.steps span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:2px solid var(--line);font-size:.82rem}.steps li.on{color:var(--g)}.steps li.on span{border-color:var(--g);background:var(--g);color:#fff}.steps li.done span{border-color:var(--g);color:var(--g)}
.signup{display:grid;grid-template-columns:1fr 330px;gap:22px;align-items:start}.summary .sticky{position:sticky;top:88px}.summary h2{font-size:1.1rem;font-weight:750;letter-spacing:-.02em;margin-bottom:12px}
@media(max-width:900px){.signup{grid-template-columns:1fr}.summary .sticky{position:static}}
dl{margin:0}.summary dl,.kv{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;font-size:.92rem}.summary dt,.kv dt{color:var(--muted)}.summary dd,.kv dd{margin:0;font-weight:600;text-align:right}.kv dd{text-align:left}
.sum-lines{border-top:1px solid var(--line);margin-top:14px;padding-top:12px;display:grid;gap:6px;font-size:.92rem}.sum-lines div{display:flex;justify-content:space-between}.sum-lines .total{font-weight:750;font-size:1rem}
.today{display:flex;justify-content:space-between;align-items:center;background:var(--good-bg);color:var(--good);border-radius:12px;padding:12px 14px;margin:14px 0;font-weight:700}.today b{font-size:1.4rem}
/* Alerts & badges */
.alert{border-radius:12px;padding:13px 16px;margin:0 0 16px;font-size:.93rem;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.alert.good{background:var(--good-bg);color:var(--good)}.alert.bad{background:var(--bad-bg);color:var(--bad)}.alert.warn{background:var(--warn-bg);color:var(--warn)}.alert form{margin-left:auto}
.badge{display:inline-flex;align-items:center;border-radius:99px;padding:3px 10px;font-size:.76rem;font-weight:700;white-space:nowrap;background:#eef2f2;color:var(--muted)}.badge.good{background:var(--good-bg);color:var(--good)}.badge.bad{background:var(--bad-bg);color:var(--bad)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.info{background:var(--info-bg);color:var(--info)}
/* Payment & account */
.pay-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;align-items:start}@media(max-width:860px){.pay-grid{grid-template-columns:1fr}}
.state{display:flex;gap:18px;align-items:flex-start}.state>.i{width:52px;height:52px;padding:12px;border-radius:16px;flex:none}.state.good>.i{background:var(--good-bg);color:var(--good)}.state.wait>.i{background:var(--warn-bg);color:var(--warn)}.state.bad>.i{background:var(--bad-bg);color:var(--bad)}.state h2{margin-top:6px}
.poll-note{font-size:.88rem;color:var(--muted)}.poll-note.live::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:#e2a31c;margin-right:8px;animation:pulse 1.4s infinite}@keyframes pulse{50%{opacity:.25}}
.sim{max-width:520px;margin:0 auto}.sim-tag{display:inline-flex;gap:6px;align-items:center;font-size:.8rem;font-weight:700;color:var(--warn);background:var(--warn-bg);border-radius:99px;padding:4px 12px}.sim .kv{margin:14px 0 20px}
.acc-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}.acc-head h1{margin-bottom:4px}
.acc-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.acc-grid .span2{grid-column:1/-1}@media(max-width:860px){.acc-grid{grid-template-columns:1fr}}
.plan-now{background:var(--g-tint);border-radius:12px;padding:14px 16px;margin-bottom:14px}.plan-now strong{font-size:1.3rem}.plan-now span{display:block;color:var(--muted);font-size:.9rem}
.box .kv{margin-bottom:16px}form.inline{display:inline}.add-member{margin-top:16px}
.login-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.login-grid.two{grid-template-columns:1fr 1fr}.demo-login{margin:10px 0 18px}@media(max-width:700px){.login-grid,.login-grid.two{grid-template-columns:1fr}}
.legal{max-width:760px;margin:0 auto}.legal h2{font-size:1.3rem;margin-top:1.6em}.legal p{color:#2d4743}
/* Footer */
.foot{background:#10251f;color:#b9ccc6;padding:52px 0 24px;margin-top:0}.foot-in{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:24px}.foot .logo{color:#fff;display:inline-flex}.foot .logo .brand-dot,.admin-side .logo .brand-dot,.pass .logo .brand-dot{fill:#2fb48e}.admin-side .logo em{color:#9fb8b0}.foot .foot-h{color:#fff;font-size:.9rem;font-weight:700;line-height:1.6;letter-spacing:0;margin:0 0 10px}.foot a{display:block;color:#b9ccc6;text-decoration:none;font-size:.88rem;margin:5px 0}.foot a:hover{color:#fff}.foot p{font-size:.88rem;margin-top:10px}
.foot-note{border-top:1px solid #23413a;margin-top:30px;padding-top:18px;font-size:.78rem;color:#86a39b}@media(max-width:860px){.foot-in{grid-template-columns:1fr 1fr}.foot a:not(.logo){margin:0;padding:8px 0}.text-more{margin-top:0;padding-block:10px}}
body.plain .foot-in>nav{display:none}
.foot .foot-social{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px}.foot .foot-social a{display:inline-block;margin:0;padding:4px 0;color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:.2em;text-decoration-color:#2fb48e}
/* Admin */
body.admin{background:#f3f6f6}.admin-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}
.admin-side{align-self:start;min-height:100vh;background:#10251f;color:#b9ccc6;padding:20px 14px;display:flex;flex-direction:column;gap:18px;position:sticky;top:0;height:100vh}.admin-side .logo{color:#fff;padding:0 8px}
.admin-side nav{display:flex;flex-direction:column;gap:2px}.admin-side nav a{display:flex;gap:10px;align-items:center;padding:9px 12px;border-radius:10px;color:#b9ccc6;text-decoration:none;font-weight:600;font-size:.92rem}.admin-side nav a:hover{background:#1a3831;color:#fff}.admin-side nav a[aria-current]{background:#1f4a41;color:#fff}
.admin-side-foot{margin-top:auto;display:flex;flex-direction:column;gap:10px;padding:0 8px;font-size:.88rem}.admin-side-foot a{color:#b9ccc6}.admin-side-foot .linkish{color:#b9ccc6}
.admin-main{padding:28px 32px 60px;min-width:0}.admin-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:18px}.admin-head h1{font-size:1.7rem;margin-bottom:2px}.head-actions{display:flex;gap:8px;flex-wrap:wrap}.wrap-actions{margin:-6px 0 18px}
.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:18px}.kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.kpi span{display:block;font-size:.8rem;color:var(--muted);font-weight:600}.kpi b{display:block;font-size:1.55rem;letter-spacing:-.02em;margin:4px 0 2px;font-variant-numeric:tabular-nums}.kpi small{font-size:.78rem;color:var(--muted)}
.kpi.accent{background:var(--g);border-color:var(--g);color:#fff}.kpi.accent span,.kpi.accent small{color:#cfe6df}.kpi.warn{border-color:#ecd39e;background:#fffaf0}.kpi.bad{border-color:#eec1ba;background:#fff8f7}
.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.admin-grid .span2{grid-column:1/-1}@media(max-width:1100px){.admin-grid{grid-template-columns:1fr}}
.bars{display:grid;gap:8px;margin-bottom:18px}.bar{display:grid;grid-template-columns:90px 1fr 34px;gap:10px;align-items:center;font-size:.88rem}.bar i{display:block;height:12px;border-radius:6px;background:linear-gradient(90deg,#2e8b7a,#145c52);min-width:3px}.bar b{text-align:right}
.feed{list-style:none;padding:0;margin:0;display:grid;gap:10px}.feed li{display:grid;grid-template-columns:130px 1fr;gap:10px;font-size:.88rem}.feed time{color:var(--muted);font-variant-numeric:tabular-nums}@media(max-width:560px){.feed li{grid-template-columns:1fr;gap:2px}}
.note-form{display:flex;gap:8px;margin-bottom:14px}.note-form input{flex:1}
input.money{width:130px;min-height:38px;padding:7px 10px;text-align:right}.status-form select{min-height:36px;padding:5px 8px;width:auto}
.plain-list{margin:8px 0 0;padding-left:18px;font-size:.9rem}
.admin-login{display:grid;place-items:center;min-height:100vh;background:#f3f6f6;padding:20px}.login-box{width:min(420px,100%)}.login-box h1{font-size:1.5rem;margin:18px 0}
@media(max-width:860px){.admin-shell{grid-template-columns:1fr}.admin-side{position:static;height:auto;min-height:0}.admin-side nav{flex-direction:row;flex-wrap:wrap}.admin-main{padding:20px 16px}}
@media print{.top,.foot,.ribbon,.admin-side{display:none}}
/* Production site */
.drop-menu.one{width:min(340px,90vw);grid-template-columns:1fr}
.seg-grid.three,.groups.three{grid-template-columns:repeat(3,1fr)}@media(max-width:820px){.seg-grid.three,.groups.three{grid-template-columns:1fr}}
.seg-tile em .i{width:1em;height:1em}
.timeline h3{font-size:1rem}
.center-row{justify-content:center}.guide.one{grid-template-columns:1fr;padding:22px 0}.guide.one h2{font-size:1.3rem}
.plain-list.checks{list-style:none;padding:0;display:grid;gap:10px}
.stack-form .grid2{align-items:end}
.ribbon a{color:inherit;font-weight:700;margin-left:6px}
/* Organisation package */
[hidden]{display:none!important}
.plan.org-plan{margin-top:18px;display:grid;grid-template-columns:1.6fr 1fr;gap:28px;border:2px solid var(--g)}.org-plan .muted{min-height:0}.org-plan ul.ticks{margin:12px 0 0}.org-price{display:flex;flex-direction:column;justify-content:center}.org-price .plan-price{margin-top:0}
.plan-pick.org-pick{grid-template-columns:1fr}.org-field{margin-bottom:14px}
@media(max-width:800px){.plan.org-plan{grid-template-columns:1fr;gap:10px}}
.text-more{display:inline-flex;align-items:center;gap:6px;justify-content:center;margin-top:10px;font-weight:700;font-size:.9rem;color:var(--g)}.text-more .i{width:16px;height:16px}
.login-box.sign-in{margin:0 auto;display:grid;gap:14px}.login-box.sign-in .btn{justify-content:center}.login-box.sign-in .fine{margin:0;text-align:center}
/* ——— Colour and motion: every colour and every movement has one job ———
   Colour roles
   · Brand green (--g): things you can do — buttons, links, the recommended package.
   · Product colours: fizyoterapi blue, diyetisyen orange, antrenör pink, kurum violet. They tell the
     visitor which product a tile, page or package belongs to, and are used nowhere else.
   · Status colours (--good, --info, --warn, --bad): the beta calendar and alerts — free, paid,
     deadline, closed. Same meaning as inside the product.
   · Everything else is ink on white or a neutral tint.
   Motion roles
   · The hero mock plays once: the client ticks the last exercise on the phone, the practitioner's
     panel counts it and today's bar rises — the product in one sentence.
   · Ordered content (beta calendar, steps) appears in order, because the order is the message.
   · Feedback: clickable cards lift, button arrows point forward, the FAQ sign turns, prices flash
     when the billing period changes, the header gains a shadow once content scrolls under it.
   No looping animation; all of it stops under prefers-reduced-motion. */
/* Type: weight carries hierarchy, italic marks the promise in each headline */
body{font-weight:450}h1{font-weight:900;letter-spacing:-.035em}h2{font-weight:800;letter-spacing:-.03em}h3{font-weight:750}
.hl{font-style:italic;color:var(--m,var(--g))}
.lead{color:#2c423f}.hero .lead{font-weight:350;font-size:1.17rem;color:#1d3531}
.fine{font-style:italic}.per{font-weight:500}.price{font-weight:900}
.eyebrow{display:inline-flex;padding:5px 12px;border-radius:99px;background:var(--m-bg,var(--g-soft));color:var(--m,var(--g));font-weight:800;font-size:.74rem}
/* Product colours */
[data-tema=fizyoterapi]{--m:var(--fizyo);--m-bg:var(--fizyo-bg)}[data-tema=diyetisyen]{--m:var(--diyet);--m-bg:var(--diyet-bg);--m-ink:var(--diyet-ink)}
[data-tema=antrenor]{--m:var(--antrenor);--m-bg:var(--antrenor-bg)}[data-tema=kurum]{--m:var(--kurum);--m-bg:var(--kurum-bg)}
.drop-menu a[data-tema]::before{content:'';display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--m);margin-right:8px}
.seg-tile[data-tema]{border-top:5px solid var(--m)}.seg-tile[data-tema] em{color:var(--m-ink,var(--m))}
.seg-tile[data-tema]:hover{border-color:var(--m);background:linear-gradient(180deg,#fff 40%,var(--m-bg))}
.groups .choice input[value=fizyoterapi]+span{--m:var(--fizyo);--m-bg:var(--fizyo-bg)}.groups .choice input[value=diyetisyen]+span{--m:var(--diyet);--m-bg:var(--diyet-bg)}.groups .choice input[value=antrenor]+span{--m:var(--antrenor);--m-bg:var(--antrenor-bg)}
.groups .choice input[name=meslek]+span{border-left:5px solid var(--m)}.groups .choice input[name=meslek]:checked+span{border-color:var(--m);background:var(--m-bg);box-shadow:0 0 0 1px var(--m)}
body[data-tema] .hero{background:linear-gradient(180deg,color-mix(in srgb,var(--m-bg) 85%,transparent) 0%,transparent 100%)}
body[data-tema] ul.ticks .i{color:var(--m)}
body[data-tema] .card.soft{background:var(--m-bg);border-color:transparent;border-left:5px solid var(--m)}
.plan.org-plan{border-color:var(--kurum);border-top-width:6px}.org-plan .eyebrow{background:var(--kurum-bg);color:var(--kurum)}.org-plan .ticks .i,.org-plan .plan-limit .i{color:var(--kurum)}
.org-plan .plan-limit{background:var(--kurum-bg)}

.org-strip{border-left:5px solid var(--kurum)}.org-strip>.i{color:var(--kurum)}
/* Status colours: the beta calendar reads free → paid → deadline → closed */
.rules.timeline>div{border-top:5px solid var(--good)}.rules.timeline>div .i{color:var(--good)}
.rules.timeline>div:nth-child(2){border-top-color:var(--info)}.rules.timeline>div:nth-child(2) .i{color:var(--info)}
.rules.timeline>div:nth-child(3){border-top-color:#d99a00}.rules.timeline>div:nth-child(3) .i{color:var(--warn)}
.rules.timeline>div:nth-child(4){border-top-color:var(--bad)}.rules.timeline>div:nth-child(4) .i{color:var(--bad)}
.ribbon{background:#064a3c;color:#e6f6f0;border-bottom-color:#064a3c;font-weight:500}.ribbon strong{background:#bfeedd;color:#064a3c}.ribbon a{color:#fff}
.cycle em{background:var(--good-bg);color:var(--good);font-weight:750}
.hero-points .i{color:var(--good)}.hero-points li{display:flex;gap:5px;align-items:flex-start}.hero-points li .i{margin-top:.1em}
/* Action colour */
.btn{box-shadow:0 6px 16px rgba(11,122,99,.22)}.btn.ghost,.btn.danger,.btn.light{box-shadow:none}.btn.ghost{border-width:1.5px}
.plan.rec{border-color:var(--g);box-shadow:0 16px 36px rgba(11,122,99,.14)}
.final{background:var(--g)}.final p{color:#e3f5ee;font-weight:350;font-size:1.15rem}.final h2{font-weight:900}.btn.light{color:var(--g2)}
.faq details[open]{border-color:var(--g)}
/* Contrast: secondary text stays readable */
.rules p,.feature p,.how3 p,.guide p,.seg-tile span,.faq p{color:#3a504c}.hero-points{color:#26403c}
/* Hero mock: the product story */
.mock-count{display:inline-block;height:1.25em;line-height:1.25em;overflow:hidden;vertical-align:bottom}.mock-count span{display:block;transform:translateY(-1.25em)}
.mock-today{background:linear-gradient(#36c3a0,var(--good))!important;transform-origin:bottom}
.mock-new{background:var(--good-bg);border-radius:8px;padding:3px 6px;margin:0 -6px;overflow:hidden}
.dot.g{background:#18b26b}.dot.y{background:#e2a100}
/* Motion */
.top{transition:box-shadow .3s ease}.top.scrolled{box-shadow:0 6px 24px rgba(15,36,32,.08)}
.btn .i{transition:transform .2s var(--ease)}.btn:hover .i{transform:translateX(3px)}
.seg-tile{transition:transform .2s var(--ease),box-shadow .2s ease,border-color .2s ease,background .2s ease}.seg-tile:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(15,36,32,.10)}
.faq summary::after{transition:transform .25s var(--ease)}.faq details[open] summary::after{content:'+';transform:rotate(45deg)}
.price.changed{animation:flash .6s ease}
@media (prefers-reduced-motion:no-preference){
  .mock-last{animation:tick .45s 1.6s var(--ease) backwards}.mock-last .i{animation:pop .35s 1.75s var(--ease) backwards}
  .mock-count span{animation:count .4s 2.1s var(--ease) backwards}
  .mock-today{animation:rise-bar .6s 2.1s var(--ease) backwards}
  .mock-new{animation:arrive .5s 2.3s var(--ease) backwards}
  .motion [data-r]{opacity:0;transform:translateY(14px);transition:opacity .5s ease var(--d,0s),transform .5s var(--ease) var(--d,0s)}
  .motion [data-r].in{opacity:1;transform:none}
}
@keyframes tick{from{background:#fff;border-color:var(--line);color:var(--ink)}}
@keyframes pop{from{transform:scale(0)}}
@keyframes count{from{transform:translateY(0)}}
@keyframes rise-bar{from{transform:scaleY(.86)}}
@keyframes arrive{from{opacity:0;max-height:0;padding-block:0}to{max-height:2em}}
@keyframes flash{from{color:var(--g)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
body[data-tema] .hero .eyebrow{background:#fff}
@media(min-width:561px){.hero-art .mock-chart{margin-right:112px}}

/* Beta calendar: room between the cards and the link under them */
.rules.timeline+p.center{margin:34px 0 0}

/* Signup summary follows the form while it scrolls; yearly billing shows the year's total */
.summary{align-self:stretch}
.sum-lines .year-total{flex-wrap:wrap;align-items:baseline;gap:2px 12px;background:var(--g-tint);border-radius:10px;padding:10px 12px;margin-top:4px}
.year-total>span:first-child{font-weight:650;white-space:nowrap}
.year-total b{font-weight:800;font-size:1.05rem}
.year-total small{flex-basis:100%;text-align:right;font-size:.76rem;color:var(--good);font-weight:600}

/* ——— How it works ———
   The flow alternates sides like a conversation between the practitioner and the client; the rail
   between them fills as you read down. The pictures are small sketches of the real screens. */
.how-hero{padding-bottom:28px}
.sides{display:inline-flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:10px}
.side{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:99px;padding:9px 16px 9px 10px;font-size:.92rem;box-shadow:0 4px 14px rgba(15,36,32,.05)}
.side>.i{width:30px;height:30px;padding:6px;border-radius:50%;background:var(--g-soft);color:var(--g)}
.side.client>.i{background:#eef2f1;color:var(--ink)}
.side-link{display:inline-flex;align-items:center;color:var(--g)}
.side-link i{display:block;width:36px;height:0;border-top:2px dashed #9fcbbf}
.side-link .i{width:18px;height:18px;margin-left:-4px}

.how-flow{padding-top:40px}
.flow{list-style:none;margin:0 auto;padding:0;max-width:1040px;position:relative;--p:0}
.flow::before,.flow::after{content:'';position:absolute;left:50%;top:24px;bottom:24px;width:3px;margin-left:-1.5px;border-radius:3px;background:var(--line)}
.flow::after{background:linear-gradient(var(--g),#36c3a0);bottom:auto;height:calc((100% - 48px) * var(--p));transition:height .15s linear}
.flow-step{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:center;padding:34px 0;position:relative}
.flow-step:nth-child(even) .flow-text{order:2}
.flow-num{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;display:grid;place-items:center;border-radius:50%;background:#fff;border:3px solid var(--g);color:var(--g);font-weight:900;font-size:1.05rem;z-index:1;box-shadow:0 0 0 6px var(--bg)}
.flow-step.client .flow-num{border-color:var(--ink);color:var(--ink)}
.flow-who{font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--g);margin-bottom:.5em}
.flow-who span{font-weight:500;letter-spacing:.02em;text-transform:none;font-style:italic;color:var(--muted)}
.flow-step.client .flow-who{color:var(--ink)}
.flow-text h2{font-size:clamp(1.35rem,2.4vw,1.75rem)}
.flow-text>p{color:#3a504c}
.flow-tags{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.flow-tags li{display:inline-flex;align-items:center;gap:6px;font-size:.84rem;font-weight:600;background:#fff;border:1px solid var(--line);border-radius:99px;padding:5px 12px}
.flow-tags .i{color:var(--good);width:15px;height:15px}
.flow-art{display:flex;justify-content:center}

/* Screen sketches */
.fa{width:100%;max-width:360px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:20px;font-size:.84rem}
.fa b{font-weight:700}
.fa em{font-style:normal;color:var(--muted);font-size:.78rem}
.fa-label{font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}
.fa-chips{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}
.fa-chips span{border:1px solid var(--line);border-left:4px solid var(--m);border-radius:8px;padding:5px 9px;font-weight:650;font-size:.78rem}
.fa-chips span.on{background:var(--m-bg);border-color:var(--m)}
.fa-line{display:flex;justify-content:space-between;align-items:center;border:1.5px solid var(--g);background:var(--g-tint);border-radius:10px;padding:8px 11px;margin-bottom:12px}
.fa-input{height:30px;border:1px solid var(--line);border-radius:8px;margin-bottom:8px;background:linear-gradient(90deg,#eef2f1 0 38%,transparent 38%) no-repeat 10px 50%/70% 8px}
.fa-input.short{background-size:45% 8px}
.fa-btn{display:flex;justify-content:center;align-items:center;gap:6px;background:var(--g);color:#fff;border-radius:10px;padding:9px;font-weight:700;margin-top:12px}
.fa-btn.ghost{background:transparent;color:var(--g);border:1.5px solid var(--g)}
.fa-btn .i{width:16px;height:16px}
.fa-person{display:flex;gap:11px;align-items:center;margin-bottom:16px}
.fa-person div{display:flex;flex-direction:column}
.fa-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--g-soft);color:var(--g);font-weight:800}
.fa-codebox{display:flex;justify-content:space-between;align-items:center;border:2px dashed #9fcbbf;background:var(--g-tint);border-radius:12px;padding:12px 14px}
.fa-codebox b{font-family:ui-monospace,Menlo,monospace;font-size:1.35rem;letter-spacing:.14em;color:var(--g2)}
.fa-codebox span{font-size:.74rem;font-weight:700;color:var(--g);background:#fff;border-radius:99px;padding:3px 10px}
.fa-note{display:flex;gap:6px;align-items:center;color:var(--muted);font-size:.78rem;margin:12px 0 0}
.fa-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:12px}
.fa-days span{text-align:center;font-size:.7rem;font-weight:700;color:var(--muted);border-radius:8px;padding:5px 0;background:#f3f6f5}
.fa-days span.on{background:var(--g);color:#fff}
.fa-item{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:9px 11px;margin-bottom:7px}
.fa-item i{width:10px;height:14px;background:radial-gradient(circle,#b9c9c5 1.3px,transparent 1.6px) 0 0/5px 5px;flex:none}
.fa-item em{margin-left:auto}
.fa-add{border:1.5px dashed var(--line);border-radius:10px;padding:8px;text-align:center;color:var(--g);font-weight:700;font-size:.8rem}
.fa-phone{max-width:230px;border:7px solid #17302c;border-radius:30px;padding:26px 14px 16px;position:relative}
.fa-notch{position:absolute;top:8px;left:50%;width:56px;height:6px;margin-left:-28px;border-radius:6px;background:#17302c}
.fa-hi{font-weight:800;margin-bottom:10px}
.fa-task{display:flex;gap:7px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:8px 9px;margin-bottom:6px;font-size:.8rem}
.fa-task i{width:15px;height:15px;border:1.5px solid #b9c9c5;border-radius:50%;flex:none}
.fa-task .i{width:15px;height:15px}
.fa-task.done{background:var(--good-bg);border-color:#bfe3cf;color:var(--good);font-weight:650}
.fa-photo{display:flex;gap:6px;align-items:center;justify-content:center;color:var(--muted);font-size:.74rem;margin-top:10px}
.fa-row{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px solid var(--line)}
.fa-row .dot{margin-top:6px;flex:none}
.fa-row>div{flex:1;display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:baseline}
.fa-bar{grid-column:1/-1;height:6px;border-radius:6px;background:#eef2f1;overflow:hidden;margin-top:4px}
.fa-bar i{display:block;height:100%;border-radius:6px;background:var(--good)}
.fa-row:has(.dot.y) .fa-bar i{background:#e2a100}

/* The daily loop */
.loop{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:loop}
.loop li{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px 20px}
.loop li:not(:last-child)::after{content:'';position:absolute;top:34px;right:-15px;width:12px;height:12px;border:solid var(--g);border-width:2px 2px 0 0;transform:rotate(45deg);z-index:1}
.loop-when{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--g);margin-bottom:8px}
.loop h3{font-size:1.02rem}
.loop p{color:#3a504c;font-size:.9rem;margin:0}
.loop-again{display:flex;justify-content:center;align-items:center;gap:8px;margin:22px 0 0;color:var(--g);font-weight:700;font-style:italic}

/* Same flow in each profession */
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.trio-card{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid var(--line);border-top:5px solid var(--m);border-radius:var(--r);padding:22px;text-decoration:none;color:var(--ink);transition:transform .2s var(--ease),box-shadow .2s ease,border-color .2s ease}
.trio-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(15,36,32,.10);border-color:var(--m)}
.trio-card strong{font-size:1.15rem;font-weight:800}
.trio-card dl{display:grid;gap:2px;margin:0}
.trio-card dt{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:8px}
.trio-card dd{margin:0;font-weight:600}
.trio-card em{font-style:normal;color:var(--m-ink,var(--m));font-weight:700;font-size:.88rem;margin-top:auto;display:inline-flex;align-items:center;gap:6px}
.trio-card em .i{width:1em;height:1em}

/* Panel guides */
.guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.guide-card a{display:flex;flex-direction:column;gap:12px;height:100%;background:#fff;border:1px solid var(--line);border-top:5px solid var(--m);border-radius:var(--r);padding:12px 12px 18px;color:var(--ink);text-decoration:none;transition:transform .2s var(--ease),box-shadow .2s ease,border-color .2s ease}
.guide-card a:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(15,36,32,.10);border-color:var(--m)}
.guide-card a:hover img{transform:scale(1.03)}
.guide-card .post-cover{border-radius:12px;background:var(--m-bg)}
.guide-who{display:flex;align-items:center;gap:8px;font-size:1.05rem;font-weight:800;letter-spacing:-.01em;padding:0 6px}.guide-who .i{width:20px;height:20px;color:var(--m)}
.guide-card .post-sum{-webkit-line-clamp:3;padding:0 6px}
.guide-card em{font-style:normal;color:var(--m-ink,var(--m));font-weight:700;font-size:.88rem;margin-top:auto;padding:0 6px;display:inline-flex;align-items:center;gap:6px}.guide-card em .i{width:1em;height:1em}
/* Telefonda tek satır, yana kaydırmalı; sonraki kartın kenarı görünür. Noktalar paket satırınınkiyle aynı. */
@media(max-width:960px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:701px){.plan-dots.guide-dots{display:none}}
@media(max-width:700px){
  .guide-grid{display:flex;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:20px;margin:0 -20px;padding:4px 20px 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .guide-grid::-webkit-scrollbar{display:none}
  .guide-grid>.guide-card{flex:0 0 min(80%,320px);scroll-snap-align:start}
  .guide-card a:hover{transform:none}
  .guide-dots{margin-bottom:8px}
}

.btn.ghost-light{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.7);box-shadow:none}
.btn.ghost-light:hover{background:rgba(255,255,255,.12)}

@media(max-width:900px){
  .loop{grid-template-columns:1fr 1fr}
  .loop li:nth-child(2)::after{display:none}
  .trio{grid-template-columns:1fr}
}
@media(max-width:820px){
  .flow::before,.flow::after{left:21px}
  .flow-step{grid-template-columns:1fr;gap:22px;padding:26px 0 26px 64px}
  .flow-step:nth-child(even) .flow-text{order:0}
  .flow-num{left:21px;top:30px;margin-top:0}
  .flow-art{justify-content:flex-start}
}
@media(max-width:560px){
  .loop{grid-template-columns:1fr}
  .loop li::after{display:none}
  .side-link{transform:rotate(90deg)}
  .fa{padding:16px}
}
@media (prefers-reduced-motion:reduce){.flow{--p:1!important}}

/* Arka plan dokusu: yalnızca sayfa zemininde ve bantlarda ince bir kumlanma. Kartlar, formlar ve renkler aynı kalır. */
:root{--doku:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .06 0 0 0 0 .14 0 0 0 0 .13 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.38'/%3E%3C/svg%3E")}
/* Dokunun arkasında üç mesleğin soluk çizgi ikonları; meslek sayfalarında yalnızca o mesleğinkiler.
   Tek katman: ikonlar önceden hesaplanmış, çakışmasız ve dağınık bir karoda durur (scripts/arka-plan-ikonlar.mjs).
   Katman yalnızca transform ile kayar, sayfa yeniden çizilmez. Üstte doku durur. Hareket azaltılmışsa durur. */
/* ikonlar:basla (scripts/arka-plan-ikonlar.mjs üretir, elle düzenlemeyin) */
:root{--ikon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='640'%3E%3Cdefs%3E%3Cg id='i0' stroke-width='5.56' transform='scale(0.27)translate(0 0)'%3E%3Cpath d='M-38 0h76'/%3E%3Crect x='-64' y='-28' width='14' height='56' rx='4'/%3E%3Crect x='-50' y='-19' width='12' height='38' rx='3'/%3E%3Crect x='50' y='-28' width='14' height='56' rx='4'/%3E%3Crect x='38' y='-19' width='12' height='38' rx='3'/%3E%3C/g%3E%3Cg id='i1' stroke-width='3.65' transform='scale(0.4111)translate(0 1)'%3E%3Cpath d='M0 -18C-12 -30 -40 -24 -40 4C-40 30 -18 46 0 38C18 46 40 30 40 4C40 -24 12 -30 0 -18Z'/%3E%3Cpath d='M0 -18C0 -28 3 -36 8 -42'/%3E%3Cpath d='M5 -30C14 -44 30 -42 33 -38C26 -27 13 -25 5 -30Z'/%3E%3C/g%3E%3Cg id='i2' stroke-width='6.83' transform='scale(0.2196)translate(-9.5 0.5)'%3E%3Cg transform='translate(0 -100)'%3E%3Cg transform='translate(0 0) rotate(-4)'%3E%3Crect x='-17' y='0' width='34' height='17' rx='6'/%3E%3Cpath d='M17 5l13 4l-13 4'/%3E%3C/g%3E%3Cg transform='translate(9 26) rotate(-8)'%3E%3Crect x='-17' y='0' width='34' height='17' rx='6'/%3E%3Cpath d='M17 5l13 4l-13 4'/%3E%3C/g%3E%3Cg transform='translate(15 52) rotate(-6)'%3E%3Crect x='-17' y='0' width='34' height='17' rx='6'/%3E%3Cpath d='M17 5l13 4l-13 4'/%3E%3C/g%3E%3Cg transform='translate(17 78) rotate(0)'%3E%3Crect x='-17' y='0' width='34' height='17' rx='6'/%3E%3Cpath d='M17 5l13 4l-13 4'/%3E%3C/g%3E%3Cg transform='translate(13 104) rotate(6)'%3E%3Crect x='-17' y='0' width='34' height='17' rx='6'/%3E%3Cpath d='M17 5l13 4l-13 4'/%3E%3C/g%3E%3Cg transform='translate(5 130) rotate(9)'%3E%3Crect x='-17' y='0' width='34' height='17' rx='6'/%3E%3Cpath d='M17 5l13 4l-13 4'/%3E%3C/g%3E%3Cg transform='translate(-4 156) rotate(8)'%3E%3Crect x='-17' y='0' width='34' height='17' rx='6'/%3E%3Cpath d='M17 5l13 4l-13 4'/%3E%3C/g%3E%3Cg transform='translate(-10 182) rotate(4)'%3E%3Crect x='-17' y='0' width='34' height='17' rx='6'/%3E%3Cpath d='M17 5l13 4l-13 4'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='i3' stroke-width='3.99' transform='scale(0.3758)translate(0 6)'%3E%3Ccircle r='34'/%3E%3Cpath d='M0 -34v-10M-9 -46h18M26 -28l7 -7M0 0l13 -15'/%3E%3C/g%3E%3Cg id='i4' stroke-width='4.51' transform='scale(0.3326)translate(0 2.5)'%3E%3Cpath d='M-15 -24Q0 -34 15 -24L2 46Q0 50 -2 46Z'/%3E%3Cpath d='M-9 -6h9M-5 16h7'/%3E%3Cpath d='M-6 -30l-9 -18M0 -32v-21M6 -30l9 -18'/%3E%3C/g%3E%3Cg id='i5' stroke-width='5.38' transform='scale(0.2786)translate(0 -11)'%3E%3Cpath d='M-62 0H62A62 52 0 0 1 -62 0Z'/%3E%3Cpath d='M-22 52h44'/%3E%3Ccircle cx='-28' cy='-12' r='12'/%3E%3Ccircle cx='0' cy='-16' r='14'/%3E%3Cpath d='M18 -4C22 -28 44 -32 52 -27C48 -10 34 -2 18 -4Z'/%3E%3C/g%3E%3Cg id='i6' stroke-width='4.13' transform='scale(0.3636)translate(0 2.5)'%3E%3Cpath d='M-25 -14C-32 -64 32 -64 25 -14A35 35 0 1 1 -25 -14Z'/%3E%3Cpath d='M-13 -17C-16 -46 16 -46 13 -17Z'/%3E%3Cpath d='M-20 41h40'/%3E%3C/g%3E%3Cg id='i7' stroke-width='5.68' transform='scale(0.2642)translate(5 0)'%3E%3Cpath d='M-90 0h44l12 -26l18 52l14 -38l10 12h72'/%3E%3C/g%3E%3Cg id='i8' stroke-width='3.65' transform='scale(0.4111)translate(-0.5 2)'%3E%3Cpath d='M0 -44C14 -44 18 -24 26 -6C36 16 22 40 0 40C-22 40 -36 16 -26 -6C-18 -24 -14 -44 0 -44Z'/%3E%3Ccircle cy='14' r='12'/%3E%3C/g%3E%3Cg id='i9' stroke-width='3.47' transform='scale(0.432)translate(0 0)'%3E%3Ccircle r='40'/%3E%3Cpath d='M-40 0C-20 13 20 13 40 0M-26 -30C-10 -12 -10 12 -26 30'/%3E%3C/g%3E%3Cg id='ia' stroke-width='3.12' transform='scale(0.4802)translate(0 0)'%3E%3Cpath d='M-22 -36H22L16 36H-16Z'/%3E%3Cpath d='M-19 -8H19'/%3E%3C/g%3E%3Cg id='ib' stroke-width='3.91' transform='scale(0.3838)translate(0 16.5)'%3E%3Cpath d='M-30 -28C-30 34 30 34 30 -28'/%3E%3Crect x='-34' y='-52' width='8' height='24' rx='3'/%3E%3Crect x='26' y='-52' width='8' height='24' rx='3'/%3E%3C/g%3E%3Cg id='ic' stroke-width='3.12' transform='scale(0.4802)translate(0 0)'%3E%3Ccircle r='36'/%3E%3Ccircle r='9'/%3E%3Ccircle r='24' stroke-dasharray='3 7'/%3E%3C/g%3E%3Cg id='id' stroke-width='3.47' transform='scale(0.432)translate(0 0)'%3E%3Cpath d='M-26 -5h52M-26 5h52'/%3E%3Ccircle cx='-32' cy='-8' r='8'/%3E%3Ccircle cx='-32' cy='8' r='8'/%3E%3Ccircle cx='32' cy='-8' r='8'/%3E%3Ccircle cx='32' cy='8' r='8'/%3E%3C/g%3E%3C/defs%3E%3Cg fill='none' stroke='%230b7a63' stroke-linecap='round' stroke-linejoin='round' opacity='.15'%3E%3Cuse href='%23i0' transform='translate(40 -15)rotate(12)'/%3E%3Cuse href='%23i0' transform='translate(40 625)rotate(12)'/%3E%3Cuse href='%23i7' transform='translate(260 298)rotate(-16)'/%3E%3Cuse href='%23i8' transform='translate(467 165)rotate(-21)'/%3E%3Cuse href='%23ib' transform='translate(332 126)rotate(-8)'/%3E%3Cuse href='%23i3' transform='translate(342 190)rotate(29)'/%3E%3Cuse href='%23i4' transform='translate(562 122)rotate(-21)'/%3E%3Cuse href='%23i2' transform='translate(186 351)rotate(16)'/%3E%3Cuse href='%23i1' transform='translate(584 354)rotate(7)'/%3E%3Cuse href='%23ic' transform='translate(26 112)rotate(-9)'/%3E%3Cuse href='%23i5' transform='translate(405 216)rotate(-27)'/%3E%3Cuse href='%23ia' transform='translate(570 615)rotate(20)'/%3E%3Cuse href='%23id' transform='translate(352 483)rotate(29)'/%3E%3Cuse href='%23i9' transform='translate(527 275)rotate(9)'/%3E%3Cuse href='%23i6' transform='translate(9 396)rotate(6)'/%3E%3Cuse href='%23i6' transform='translate(649 396)rotate(6)'/%3E%3Cuse href='%23ia' transform='translate(-3 178)rotate(29)'/%3E%3Cuse href='%23ia' transform='translate(637 178)rotate(29)'/%3E%3Cuse href='%23i8' transform='translate(515 400)rotate(20)'/%3E%3Cuse href='%23i1' transform='translate(254 135)rotate(19)'/%3E%3Cuse href='%23i7' transform='translate(471 611)rotate(-1)'/%3E%3Cuse href='%23i2' transform='translate(355 306)rotate(2)'/%3E%3Cuse href='%23i3' transform='translate(160 281)rotate(-1)'/%3E%3Cuse href='%23i5' transform='translate(230 507)rotate(13)'/%3E%3Cuse href='%23i0' transform='translate(161 529)rotate(20)'/%3E%3Cuse href='%23ic' transform='translate(275 228)rotate(25)'/%3E%3Cuse href='%23i9' transform='translate(-9 538)rotate(0)'/%3E%3Cuse href='%23i9' transform='translate(631 538)rotate(0)'/%3E%3Cuse href='%23ib' transform='translate(104 444)rotate(-7)'/%3E%3Cuse href='%23i4' transform='translate(437 469)rotate(28)'/%3E%3Cuse href='%23i6' transform='translate(166 43)rotate(13)'/%3E%3Cuse href='%23id' transform='translate(502 530)rotate(28)'/%3E%3Cuse href='%23ia' transform='translate(398 380)rotate(-14)'/%3E%3Cuse href='%23id' transform='translate(98 65)rotate(-13)'/%3E%3Cuse href='%23i6' transform='translate(251 582)rotate(21)'/%3E%3Cuse href='%23i1' transform='translate(482 67)rotate(-25)'/%3E%3Cuse href='%23i9' transform='translate(109 153)rotate(-18)'/%3E%3Cuse href='%23ic' transform='translate(310 368)rotate(12)'/%3E%3Cuse href='%23i2' transform='translate(332 48)rotate(6)'/%3E%3Cuse href='%23i3' transform='translate(181 222)rotate(18)'/%3E%3Cuse href='%23i8' transform='translate(554 495)rotate(12)'/%3E%3Cuse href='%23i4' transform='translate(258 422)rotate(-10)'/%3E%3Cuse href='%23i7' transform='translate(50 268)rotate(27)'/%3E%3Cuse href='%23ib' transform='translate(40 488)rotate(-3)'/%3E%3Cuse href='%23i5' transform='translate(342 605)rotate(-20)'/%3E%3Cuse href='%23i0' transform='translate(406 76)rotate(3)'/%3E%3Cuse href='%23i8' transform='translate(497 337)rotate(15)'/%3E%3Cuse href='%23id' transform='translate(130 580)rotate(-28)'/%3E%3Cuse href='%23i5' transform='translate(613 469)rotate(-9)'/%3E%3Cuse href='%23i2' transform='translate(551 46)rotate(19)'/%3E%3Cuse href='%23i1' transform='translate(-18 41)rotate(8)'/%3E%3Cuse href='%23i1' transform='translate(622 41)rotate(8)'/%3E%3Cuse href='%23ia' transform='translate(610 288)rotate(23)'/%3E%3Cuse href='%23i3' transform='translate(261 38)rotate(-29)'/%3E%3Cuse href='%23i7' transform='translate(423 555)rotate(22)'/%3E%3Cuse href='%23i0' transform='translate(127 379)rotate(12)'/%3E%3Cuse href='%23i6' transform='translate(172 444)rotate(23)'/%3E%3Cuse href='%23i4' transform='translate(547 199)rotate(5)'/%3E%3Cuse href='%23i9' transform='translate(409 8)rotate(-25)'/%3E%3Cuse href='%23i9' transform='translate(409 648)rotate(-25)'/%3E%3Cuse href='%23ib' transform='translate(90 525)rotate(5)'/%3E%3Cuse href='%23ic' transform='translate(114 228)rotate(-11)'/%3E%3Cuse href='%23i5' transform='translate(446 278)rotate(5)'/%3E%3Cuse href='%23i0' transform='translate(398 141)rotate(27)'/%3E%3Cuse href='%23id' transform='translate(111 -2)rotate(1)'/%3E%3Cuse href='%23id' transform='translate(111 638)rotate(1)'/%3E%3Cuse href='%23i3' transform='translate(302 519)rotate(-22)'/%3E%3Cuse href='%23ic' transform='translate(178 114)rotate(9)'/%3E%3Cuse href='%23i8' transform='translate(56 337)rotate(27)'/%3E%3Cuse href='%23i9' transform='translate(190 613)rotate(-14)'/%3E%3Cuse href='%23i4' transform='translate(574 423)rotate(12)'/%3E%3C/g%3E%3C/svg%3E")}
body[data-tema=fizyoterapi]{--ikon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='640'%3E%3Cdefs%3E%3Cg id='i0' stroke-width='6.83' transform='scale(0.2196)translate(-9.5 0.5)'%3E%3Cg transform='translate(0 -100)'%3E%3Cg transform='translate(0 0) rotate(-4)'%3E%3Crect x='-17' y='0' width='34' height='17' rx='6'/%3E%3Cpath d='M17 5l13 4l-13 4'/%3E%3C/g%3E%3Cg transform='translate(9 26) rotate(-8)'%3E%3Crect x='-17' y='0' width='34' height='17' rx='6'/%3E%3Cpath d='M17 5l13 4l-13 4'/%3E%3C/g%3E%3Cg transform='translate(15 52) rotate(-6)'%3E%3Crect x='-17' y='0' width='34' height='17' rx='6'/%3E%3Cpath d='M17 5l13 4l-13 4'/%3E%3C/g%3E%3Cg transform='translate(17 78) rotate(0)'%3E%3Crect x='-17' y='0' width='34' height='17' rx='6'/%3E%3Cpath d='M17 5l13 4l-13 4'/%3E%3C/g%3E%3Cg transform='translate(13 104) rotate(6)'%3E%3Crect x='-17' y='0' width='34' height='17' rx='6'/%3E%3Cpath d='M17 5l13 4l-13 4'/%3E%3C/g%3E%3Cg transform='translate(5 130) rotate(9)'%3E%3Crect x='-17' y='0' width='34' height='17' rx='6'/%3E%3Cpath d='M17 5l13 4l-13 4'/%3E%3C/g%3E%3Cg transform='translate(-4 156) rotate(8)'%3E%3Crect x='-17' y='0' width='34' height='17' rx='6'/%3E%3Cpath d='M17 5l13 4l-13 4'/%3E%3C/g%3E%3Cg transform='translate(-10 182) rotate(4)'%3E%3Crect x='-17' y='0' width='34' height='17' rx='6'/%3E%3Cpath d='M17 5l13 4l-13 4'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='i1' stroke-width='5.68' transform='scale(0.2642)translate(5 0)'%3E%3Cpath d='M-90 0h44l12 -26l18 52l14 -38l10 12h72'/%3E%3C/g%3E%3Cg id='i2' stroke-width='3.47' transform='scale(0.432)translate(0 0)'%3E%3Ccircle r='40'/%3E%3Cpath d='M-40 0C-20 13 20 13 40 0M-26 -30C-10 -12 -10 12 -26 30'/%3E%3C/g%3E%3Cg id='i3' stroke-width='3.47' transform='scale(0.432)translate(0 0)'%3E%3Cpath d='M-26 -5h52M-26 5h52'/%3E%3Ccircle cx='-32' cy='-8' r='8'/%3E%3Ccircle cx='-32' cy='8' r='8'/%3E%3Ccircle cx='32' cy='-8' r='8'/%3E%3Ccircle cx='32' cy='8' r='8'/%3E%3C/g%3E%3C/defs%3E%3Cg fill='none' stroke='%230b7a63' stroke-linecap='round' stroke-linejoin='round' opacity='.15'%3E%3Cuse href='%23i2' transform='translate(339 389)rotate(5)'/%3E%3Cuse href='%23i3' transform='translate(344 51)rotate(2)'/%3E%3Cuse href='%23i1' transform='translate(288 307)rotate(21)'/%3E%3Cuse href='%23i0' transform='translate(429 436)rotate(-20)'/%3E%3Cuse href='%23i0' transform='translate(177 253)rotate(-7)'/%3E%3Cuse href='%23i2' transform='translate(82 382)rotate(5)'/%3E%3Cuse href='%23i1' transform='translate(540 515)rotate(16)'/%3E%3Cuse href='%23i3' transform='translate(399 161)rotate(-27)'/%3E%3Cuse href='%23i2' transform='translate(-14 190)rotate(-21)'/%3E%3Cuse href='%23i2' transform='translate(626 190)rotate(-21)'/%3E%3Cuse href='%23i3' transform='translate(222 354)rotate(5)'/%3E%3Cuse href='%23i1' transform='translate(92 544)rotate(19)'/%3E%3Cuse href='%23i0' transform='translate(16 49)rotate(20)'/%3E%3Cuse href='%23i0' transform='translate(656 49)rotate(20)'/%3E%3Cuse href='%23i1' transform='translate(406 -10)rotate(-4)'/%3E%3Cuse href='%23i1' transform='translate(406 630)rotate(-4)'/%3E%3Cuse href='%23i2' transform='translate(226 31)rotate(14)'/%3E%3Cuse href='%23i0' transform='translate(486 192)rotate(3)'/%3E%3Cuse href='%23i3' transform='translate(539 103)rotate(-23)'/%3E%3Cuse href='%23i1' transform='translate(588 376)rotate(-4)'/%3E%3Cuse href='%23i3' transform='translate(86 88)rotate(9)'/%3E%3Cuse href='%23i2' transform='translate(220 592)rotate(-7)'/%3E%3Cuse href='%23i0' transform='translate(3 277)rotate(21)'/%3E%3Cuse href='%23i0' transform='translate(643 277)rotate(21)'/%3E%3Cuse href='%23i2' transform='translate(534 588)rotate(29)'/%3E%3Cuse href='%23i3' transform='translate(473 520)rotate(-24)'/%3E%3Cuse href='%23i1' transform='translate(370 484)rotate(12)'/%3E%3Cuse href='%23i0' transform='translate(295 -4)rotate(-9)'/%3E%3Cuse href='%23i0' transform='translate(295 636)rotate(-9)'/%3E%3Cuse href='%23i0' transform='translate(152 405)rotate(-29)'/%3E%3Cuse href='%23i1' transform='translate(474 102)rotate(-17)'/%3E%3Cuse href='%23i2' transform='translate(501 385)rotate(6)'/%3E%3Cuse href='%23i3' transform='translate(242 485)rotate(25)'/%3E%3Cuse href='%23i2' transform='translate(32 460)rotate(-23)'/%3E%3Cuse href='%23i1' transform='translate(484 275)rotate(27)'/%3E%3Cuse href='%23i3' transform='translate(251 184)rotate(24)'/%3E%3Cuse href='%23i0' transform='translate(365 287)rotate(-18)'/%3E%3Cuse href='%23i0' transform='translate(406 81)rotate(8)'/%3E%3Cuse href='%23i1' transform='translate(331 208)rotate(28)'/%3E%3Cuse href='%23i2' transform='translate(571 249)rotate(16)'/%3E%3Cuse href='%23i3' transform='translate(155 597)rotate(-13)'/%3E%3Cuse href='%23i0' transform='translate(95 313)rotate(-28)'/%3E%3Cuse href='%23i1' transform='translate(410 363)rotate(-6)'/%3E%3Cuse href='%23i2' transform='translate(78 14)rotate(4)'/%3E%3Cuse href='%23i2' transform='translate(78 654)rotate(4)'/%3E%3Cuse href='%23i3' transform='translate(70 228)rotate(-6)'/%3E%3Cuse href='%23i0' transform='translate(130 200)rotate(3)'/%3E%3Cuse href='%23i2' transform='translate(598 475)rotate(15)'/%3E%3Cuse href='%23i3' transform='translate(256 93)rotate(11)'/%3E%3Cuse href='%23i1' transform='translate(298 564)rotate(-23)'/%3E%3Cuse href='%23i0' transform='translate(0 543)rotate(1)'/%3E%3Cuse href='%23i0' transform='translate(640 543)rotate(1)'/%3E%3Cuse href='%23i3' transform='translate(379 555)rotate(-13)'/%3E%3Cuse href='%23i1' transform='translate(410 233)rotate(-20)'/%3E%3Cuse href='%23i2' transform='translate(178 132)rotate(8)'/%3E%3Cuse href='%23i3' transform='translate(-8 110)rotate(7)'/%3E%3Cuse href='%23i3' transform='translate(632 110)rotate(7)'/%3E%3Cuse href='%23i1' transform='translate(321 125)rotate(4)'/%3E%3Cuse href='%23i2' transform='translate(559 27)rotate(-16)'/%3E%3Cuse href='%23i0' transform='translate(602 605)rotate(9)'/%3E%3Cuse href='%23i1' transform='translate(59 146)rotate(-14)'/%3E%3Cuse href='%23i2' transform='translate(162 515)rotate(-18)'/%3E%3Cuse href='%23i3' transform='translate(148 68)rotate(7)'/%3E%3Cuse href='%23i0' transform='translate(226 420)rotate(0)'/%3E%3Cuse href='%23i3' transform='translate(471 26)rotate(-7)'/%3E%3Cuse href='%23i1' transform='translate(464 589)rotate(16)'/%3E%3Cuse href='%23i2' transform='translate(298 451)rotate(-29)'/%3E%3Cuse href='%23i0' transform='translate(557 170)rotate(-30)'/%3E%3Cuse href='%23i3' transform='translate(537 315)rotate(14)'/%3E%3C/g%3E%3C/svg%3E")}
body[data-tema=diyetisyen]{--ikon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='640'%3E%3Cdefs%3E%3Cg id='i0' stroke-width='3.65' transform='scale(0.4111)translate(0 1)'%3E%3Cpath d='M0 -18C-12 -30 -40 -24 -40 4C-40 30 -18 46 0 38C18 46 40 30 40 4C40 -24 12 -30 0 -18Z'/%3E%3Cpath d='M0 -18C0 -28 3 -36 8 -42'/%3E%3Cpath d='M5 -30C14 -44 30 -42 33 -38C26 -27 13 -25 5 -30Z'/%3E%3C/g%3E%3Cg id='i1' stroke-width='4.51' transform='scale(0.3326)translate(0 2.5)'%3E%3Cpath d='M-15 -24Q0 -34 15 -24L2 46Q0 50 -2 46Z'/%3E%3Cpath d='M-9 -6h9M-5 16h7'/%3E%3Cpath d='M-6 -30l-9 -18M0 -32v-21M6 -30l9 -18'/%3E%3C/g%3E%3Cg id='i2' stroke-width='5.38' transform='scale(0.2786)translate(0 -11)'%3E%3Cpath d='M-62 0H62A62 52 0 0 1 -62 0Z'/%3E%3Cpath d='M-22 52h44'/%3E%3Ccircle cx='-28' cy='-12' r='12'/%3E%3Ccircle cx='0' cy='-16' r='14'/%3E%3Cpath d='M18 -4C22 -28 44 -32 52 -27C48 -10 34 -2 18 -4Z'/%3E%3C/g%3E%3Cg id='i3' stroke-width='3.65' transform='scale(0.4111)translate(-0.5 2)'%3E%3Cpath d='M0 -44C14 -44 18 -24 26 -6C36 16 22 40 0 40C-22 40 -36 16 -26 -6C-18 -24 -14 -44 0 -44Z'/%3E%3Ccircle cy='14' r='12'/%3E%3C/g%3E%3Cg id='i4' stroke-width='3.12' transform='scale(0.4802)translate(0 0)'%3E%3Cpath d='M-22 -36H22L16 36H-16Z'/%3E%3Cpath d='M-19 -8H19'/%3E%3C/g%3E%3C/defs%3E%3Cg fill='none' stroke='%230b7a63' stroke-linecap='round' stroke-linejoin='round' opacity='.15'%3E%3Cuse href='%23i1' transform='translate(48 371)rotate(26)'/%3E%3Cuse href='%23i0' transform='translate(9 445)rotate(8)'/%3E%3Cuse href='%23i0' transform='translate(649 445)rotate(8)'/%3E%3Cuse href='%23i3' transform='translate(471 19)rotate(26)'/%3E%3Cuse href='%23i3' transform='translate(471 659)rotate(26)'/%3E%3Cuse href='%23i2' transform='translate(330 480)rotate(9)'/%3E%3Cuse href='%23i4' transform='translate(571 248)rotate(-4)'/%3E%3Cuse href='%23i1' transform='translate(84 256)rotate(-27)'/%3E%3Cuse href='%23i2' transform='translate(190 207)rotate(-20)'/%3E%3Cuse href='%23i3' transform='translate(396 180)rotate(2)'/%3E%3Cuse href='%23i0' transform='translate(242 264)rotate(21)'/%3E%3Cuse href='%23i4' transform='translate(474 248)rotate(-17)'/%3E%3Cuse href='%23i0' transform='translate(381 333)rotate(-3)'/%3E%3Cuse href='%23i2' transform='translate(120 28)rotate(2)'/%3E%3Cuse href='%23i3' transform='translate(506 185)rotate(27)'/%3E%3Cuse href='%23i1' transform='translate(561 92)rotate(23)'/%3E%3Cuse href='%23i4' transform='translate(163 619)rotate(-16)'/%3E%3Cuse href='%23i2' transform='translate(194 329)rotate(-6)'/%3E%3Cuse href='%23i3' transform='translate(79 609)rotate(2)'/%3E%3Cuse href='%23i4' transform='translate(-20 69)rotate(-2)'/%3E%3Cuse href='%23i4' transform='translate(620 69)rotate(-2)'/%3E%3Cuse href='%23i1' transform='translate(134 548)rotate(-14)'/%3E%3Cuse href='%23i0' transform='translate(140 160)rotate(-28)'/%3E%3Cuse href='%23i0' transform='translate(375 58)rotate(-3)'/%3E%3Cuse href='%23i1' transform='translate(133 423)rotate(23)'/%3E%3Cuse href='%23i3' transform='translate(568 24)rotate(-21)'/%3E%3Cuse href='%23i2' transform='translate(51 310)rotate(-21)'/%3E%3Cuse href='%23i4' transform='translate(437 489)rotate(0)'/%3E%3Cuse href='%23i1' transform='translate(254 397)rotate(-25)'/%3E%3Cuse href='%23i0' transform='translate(573 453)rotate(13)'/%3E%3Cuse href='%23i3' transform='translate(207 41)rotate(-7)'/%3E%3Cuse href='%23i2' transform='translate(511 523)rotate(-15)'/%3E%3Cuse href='%23i4' transform='translate(308 280)rotate(1)'/%3E%3Cuse href='%23i3' transform='translate(433 395)rotate(-22)'/%3E%3Cuse href='%23i0' transform='translate(314 609)rotate(4)'/%3E%3Cuse href='%23i2' transform='translate(55 494)rotate(12)'/%3E%3Cuse href='%23i4' transform='translate(224 507)rotate(3)'/%3E%3Cuse href='%23i1' transform='translate(229 577)rotate(18)'/%3E%3Cuse href='%23i3' transform='translate(-12 136)rotate(-25)'/%3E%3Cuse href='%23i3' transform='translate(628 136)rotate(-25)'/%3E%3Cuse href='%23i4' transform='translate(121 357)rotate(2)'/%3E%3Cuse href='%23i1' transform='translate(262 163)rotate(21)'/%3E%3Cuse href='%23i0' transform='translate(8 213)rotate(20)'/%3E%3Cuse href='%23i0' transform='translate(648 213)rotate(20)'/%3E%3Cuse href='%23i2' transform='translate(307 364)rotate(30)'/%3E%3Cuse href='%23i0' transform='translate(567 353)rotate(-29)'/%3E%3Cuse href='%23i1' transform='translate(567 587)rotate(9)'/%3E%3Cuse href='%23i4' transform='translate(490 587)rotate(8)'/%3E%3Cuse href='%23i3' transform='translate(388 537)rotate(10)'/%3E%3Cuse href='%23i2' transform='translate(322 207)rotate(-29)'/%3E%3Cuse href='%23i3' transform='translate(447 323)rotate(17)'/%3E%3Cuse href='%23i1' transform='translate(621 309)rotate(15)'/%3E%3Cuse href='%23i4' transform='translate(513 417)rotate(-7)'/%3E%3Cuse href='%23i0' transform='translate(54 73)rotate(10)'/%3E%3Cuse href='%23i2' transform='translate(220 109)rotate(29)'/%3E%3Cuse href='%23i2' transform='translate(198 448)rotate(19)'/%3E%3Cuse href='%23i4' transform='translate(495 111)rotate(-19)'/%3E%3Cuse href='%23i1' transform='translate(301 70)rotate(25)'/%3E%3Cuse href='%23i3' transform='translate(3 586)rotate(-1)'/%3E%3Cuse href='%23i3' transform='translate(643 586)rotate(-1)'/%3E%3Cuse href='%23i0' transform='translate(386 -17)rotate(-28)'/%3E%3Cuse href='%23i0' transform='translate(386 623)rotate(-28)'/%3E%3Cuse href='%23i4' transform='translate(140 296)rotate(-13)'/%3E%3Cuse href='%23i2' transform='translate(578 525)rotate(18)'/%3E%3Cuse href='%23i1' transform='translate(8 15)rotate(-23)'/%3E%3Cuse href='%23i1' transform='translate(8 655)rotate(-23)'/%3E%3Cuse href='%23i1' transform='translate(648 15)rotate(-23)'/%3E%3Cuse href='%23i1' transform='translate(648 655)rotate(-23)'/%3E%3Cuse href='%23i3' transform='translate(119 94)rotate(-10)'/%3E%3Cuse href='%23i0' transform='translate(295 541)rotate(27)'/%3E%3Cuse href='%23i2' transform='translate(333 145)rotate(-2)'/%3E%3Cuse href='%23i1' transform='translate(273 456)rotate(-16)'/%3E%3Cuse href='%23i3' transform='translate(395 252)rotate(5)'/%3E%3Cuse href='%23i4' transform='translate(582 183)rotate(27)'/%3E%3Cuse href='%23i0' transform='translate(66 148)rotate(11)'/%3E%3Cuse href='%23i1' transform='translate(155 494)rotate(-9)'/%3E%3Cuse href='%23i4' transform='translate(510 303)rotate(24)'/%3E%3Cuse href='%23i0' transform='translate(362 411)rotate(-2)'/%3E%3Cuse href='%23i2' transform='translate(432 106)rotate(-15)'/%3E%3C/g%3E%3C/svg%3E")}
body[data-tema=antrenor]{--ikon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='640'%3E%3Cdefs%3E%3Cg id='i0' stroke-width='5.56' transform='scale(0.27)translate(0 0)'%3E%3Cpath d='M-38 0h76'/%3E%3Crect x='-64' y='-28' width='14' height='56' rx='4'/%3E%3Crect x='-50' y='-19' width='12' height='38' rx='3'/%3E%3Crect x='50' y='-28' width='14' height='56' rx='4'/%3E%3Crect x='38' y='-19' width='12' height='38' rx='3'/%3E%3C/g%3E%3Cg id='i1' stroke-width='3.99' transform='scale(0.3758)translate(0 6)'%3E%3Ccircle r='34'/%3E%3Cpath d='M0 -34v-10M-9 -46h18M26 -28l7 -7M0 0l13 -15'/%3E%3C/g%3E%3Cg id='i2' stroke-width='4.13' transform='scale(0.3636)translate(0 2.5)'%3E%3Cpath d='M-25 -14C-32 -64 32 -64 25 -14A35 35 0 1 1 -25 -14Z'/%3E%3Cpath d='M-13 -17C-16 -46 16 -46 13 -17Z'/%3E%3Cpath d='M-20 41h40'/%3E%3C/g%3E%3Cg id='i3' stroke-width='3.91' transform='scale(0.3838)translate(0 16.5)'%3E%3Cpath d='M-30 -28C-30 34 30 34 30 -28'/%3E%3Crect x='-34' y='-52' width='8' height='24' rx='3'/%3E%3Crect x='26' y='-52' width='8' height='24' rx='3'/%3E%3C/g%3E%3Cg id='i4' stroke-width='3.12' transform='scale(0.4802)translate(0 0)'%3E%3Ccircle r='36'/%3E%3Ccircle r='9'/%3E%3Ccircle r='24' stroke-dasharray='3 7'/%3E%3C/g%3E%3C/defs%3E%3Cg fill='none' stroke='%230b7a63' stroke-linecap='round' stroke-linejoin='round' opacity='.15'%3E%3Cuse href='%23i2' transform='translate(230 45)rotate(-27)'/%3E%3Cuse href='%23i0' transform='translate(4 58)rotate(-9)'/%3E%3Cuse href='%23i0' transform='translate(644 58)rotate(-9)'/%3E%3Cuse href='%23i3' transform='translate(557 420)rotate(16)'/%3E%3Cuse href='%23i1' transform='translate(106 359)rotate(-8)'/%3E%3Cuse href='%23i4' transform='translate(394 79)rotate(9)'/%3E%3Cuse href='%23i2' transform='translate(420 217)rotate(-24)'/%3E%3Cuse href='%23i0' transform='translate(39 185)rotate(25)'/%3E%3Cuse href='%23i3' transform='translate(464 141)rotate(-8)'/%3E%3Cuse href='%23i1' transform='translate(449 12)rotate(2)'/%3E%3Cuse href='%23i1' transform='translate(449 652)rotate(2)'/%3E%3Cuse href='%23i4' transform='translate(122 265)rotate(-23)'/%3E%3Cuse href='%23i0' transform='translate(168 591)rotate(-23)'/%3E%3Cuse href='%23i2' transform='translate(576 -3)rotate(16)'/%3E%3Cuse href='%23i2' transform='translate(576 637)rotate(16)'/%3E%3Cuse href='%23i1' transform='translate(156 89)rotate(12)'/%3E%3Cuse href='%23i4' transform='translate(-21 237)rotate(-6)'/%3E%3Cuse href='%23i4' transform='translate(619 237)rotate(-6)'/%3E%3Cuse href='%23i3' transform='translate(591 344)rotate(17)'/%3E%3Cuse href='%23i2' transform='translate(542 173)rotate(9)'/%3E%3Cuse href='%23i0' transform='translate(197 400)rotate(-6)'/%3E%3Cuse href='%23i1' transform='translate(46 496)rotate(-23)'/%3E%3Cuse href='%23i3' transform='translate(213 240)rotate(-20)'/%3E%3Cuse href='%23i4' transform='translate(482 563)rotate(23)'/%3E%3Cuse href='%23i3' transform='translate(500 82)rotate(1)'/%3E%3Cuse href='%23i0' transform='translate(427 495)rotate(-12)'/%3E%3Cuse href='%23i4' transform='translate(612 117)rotate(16)'/%3E%3Cuse href='%23i1' transform='translate(438 418)rotate(-22)'/%3E%3Cuse href='%23i2' transform='translate(19 555)rotate(22)'/%3E%3Cuse href='%23i2' transform='translate(659 555)rotate(22)'/%3E%3Cuse href='%23i0' transform='translate(41 -17)rotate(1)'/%3E%3Cuse href='%23i0' transform='translate(41 623)rotate(1)'/%3E%3Cuse href='%23i4' transform='translate(488 234)rotate(22)'/%3E%3Cuse href='%23i3' transform='translate(55 272)rotate(-26)'/%3E%3Cuse href='%23i2' transform='translate(282 98)rotate(-13)'/%3E%3Cuse href='%23i1' transform='translate(326 266)rotate(-4)'/%3E%3Cuse href='%23i3' transform='translate(115 176)rotate(9)'/%3E%3Cuse href='%23i4' transform='translate(592 567)rotate(-23)'/%3E%3Cuse href='%23i2' transform='translate(223 308)rotate(0)'/%3E%3Cuse href='%23i1' transform='translate(234 491)rotate(18)'/%3E%3Cuse href='%23i0' transform='translate(105 478)rotate(14)'/%3E%3Cuse href='%23i2' transform='translate(478 341)rotate(-3)'/%3E%3Cuse href='%23i1' transform='translate(27 430)rotate(27)'/%3E%3Cuse href='%23i0' transform='translate(343 161)rotate(3)'/%3E%3Cuse href='%23i4' transform='translate(-22 497)rotate(9)'/%3E%3Cuse href='%23i4' transform='translate(618 497)rotate(9)'/%3E%3Cuse href='%23i3' transform='translate(378 450)rotate(-17)'/%3E%3Cuse href='%23i4' transform='translate(539 486)rotate(-24)'/%3E%3Cuse href='%23i1' transform='translate(300 563)rotate(-25)'/%3E%3Cuse href='%23i3' transform='translate(390 594)rotate(0)'/%3E%3Cuse href='%23i2' transform='translate(282 417)rotate(-12)'/%3E%3Cuse href='%23i0' transform='translate(559 264)rotate(10)'/%3E%3Cuse href='%23i4' transform='translate(214 159)rotate(30)'/%3E%3Cuse href='%23i2' transform='translate(106 3)rotate(-21)'/%3E%3Cuse href='%23i2' transform='translate(106 643)rotate(-21)'/%3E%3Cuse href='%23i1' transform='translate(58 109)rotate(-29)'/%3E%3Cuse href='%23i3' transform='translate(281 -9)rotate(9)'/%3E%3Cuse href='%23i3' transform='translate(281 631)rotate(9)'/%3E%3Cuse href='%23i0' transform='translate(354 320)rotate(16)'/%3E%3Cuse href='%23i3' transform='translate(315 40)rotate(-9)'/%3E%3Cuse href='%23i0' transform='translate(105 570)rotate(11)'/%3E%3Cuse href='%23i2' transform='translate(419 298)rotate(27)'/%3E%3Cuse href='%23i4' transform='translate(282 210)rotate(-9)'/%3E%3Cuse href='%23i1' transform='translate(369 389)rotate(-20)'/%3E%3Cuse href='%23i0' transform='translate(174 519)rotate(4)'/%3E%3Cuse href='%23i1' transform='translate(360 514)rotate(21)'/%3E%3Cuse href='%23i3' transform='translate(281 338)rotate(-6)'/%3E%3Cuse href='%23i4' transform='translate(40 337)rotate(9)'/%3E%3Cuse href='%23i2' transform='translate(230 580)rotate(-11)'/%3E%3Cuse href='%23i0' transform='translate(298 486)rotate(-25)'/%3E%3Cuse href='%23i3' transform='translate(511 -16)rotate(8)'/%3E%3Cuse href='%23i3' transform='translate(511 624)rotate(8)'/%3E%3Cuse href='%23i1' transform='translate(169 22)rotate(-12)'/%3E%3Cuse href='%23i2' transform='translate(134 422)rotate(-13)'/%3E%3C/g%3E%3C/svg%3E")}
/* ikonlar:bitti */
body:not(.admin):not(.admin-login)::before,body:not(.admin):not(.admin-login)::after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none}
body:not(.admin):not(.admin-login)::before{inset:-130px;background:var(--ikon) 0 0/640px 640px repeat;will-change:transform;animation:ikon-kay 28s ease-in-out infinite alternate}
body:not(.admin):not(.admin-login)::after{background-image:var(--doku)}
@keyframes ikon-kay{0%{transform:translate3d(0,0,0)}50%{transform:translate3d(-70px,38px,0) rotate(.8deg)}to{transform:translate3d(-24px,92px,0) rotate(-.4deg)}}
.band{background-image:var(--doku)}
/* Blog yazısı okunurken arka plan düz beyaz: ikon deseni ve doku yazının kontrastını bozmasın. */
body:not(.admin):not(.admin-login):has(article.post){background:#fff}body:not(.admin):not(.admin-login):has(article.post)::before,body:not(.admin):not(.admin-login):has(article.post)::after{content:none;animation:none}

/* Paket kartları: masaüstünde ızgara; telefonda tek satır, yana kaydırmalı. */
.plan-dots{display:none}.cycle .org-tab{display:none}
@media(max-width:860px){
  /* Telefonda Kurum ayrı sekme: kurum kartı yalnızca o sekmede görünür. */
  .js .cycle .org-tab{display:inline-block}
  .js .plan-set:not([data-view=kurum]) .org-plan{display:none}
  .js .plan-set[data-view=kurum] .plans.three,.js .plan-set[data-view=kurum] .plan-dots{display:none}
  .js .plan-set[data-view=kurum] .org-plan{margin-top:0}
  .cycle button{padding:8px 14px}
  .plans.three{display:flex;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:20px;margin:0 -20px;padding:18px 20px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .plans.three::-webkit-scrollbar{display:none}
  .plans.three>.plan{flex:0 0 min(84%,340px);scroll-snap-align:start}
  .plans.three .plan ul.ticks{align-content:start}
  .plan-dots{display:flex;justify-content:center;gap:8px;margin-top:10px}
  .plan-dots button{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:#c9d8d3;cursor:pointer;transition:width .2s,background .2s}
  .plan-dots button.on{width:22px;background:var(--g)}
}

/* ——— Beta sayfası ———
   Bilet: şu an ne aldığınız. Takvim şeridi: hangi gün ne olur, bulunduğunuz dönem işaretli.
   Durum renkleri takvimdeki dönemleri anlatır (beta yeşil, ücretli dönem mavi, son ödeme sarı, kapanış kırmızı). */
.beta-hero h1{font-size:clamp(2rem,4.2vw,3.1rem);line-height:1.12}
.pass{max-width:400px;margin:0 auto;filter:drop-shadow(0 18px 34px rgba(6,74,60,.22)) drop-shadow(0 2px 3px rgba(6,74,60,.12))}
.pass-main{background:radial-gradient(420px 220px at 100% 0,#0d6a55 0,transparent 70%),#064a3c;color:#e6f6f0;border-radius:24px 24px 0 0;padding:26px 28px 24px;-webkit-mask:radial-gradient(circle 13px at 0 100%,#0000 97%,#000) left/51% 100% no-repeat,radial-gradient(circle 13px at 100% 100%,#0000 97%,#000) right/51% 100% no-repeat;mask:radial-gradient(circle 13px at 0 100%,#0000 97%,#000) left/51% 100% no-repeat,radial-gradient(circle 13px at 100% 100%,#0000 97%,#000) right/51% 100% no-repeat}
.pass-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.pass .logo{color:#fff;font-size:1.5rem}
.pass-tag{background:#bfeedd;color:#064a3c;font-weight:800;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;border-radius:6px;padding:3px 9px}
.pass-label{margin:0;color:#a9d9c9;font-size:.86rem;font-weight:600}
.pass-big{margin:0;font-size:clamp(3.6rem,7vw,5rem);font-weight:900;letter-spacing:-.04em;line-height:1.05;color:#fff}
.pass[data-stage=pay] .pass-big,.pass[data-stage=closed] .pass-big{font-size:2.2rem;margin:4px 0}
.pass-until{margin:0 0 18px;font-weight:700;font-style:italic;color:#bfeedd;font-size:1.05rem}
.pass-left{display:inline-flex;align-items:center;gap:8px;margin:0;background:rgba(191,238,221,.12);border:1px solid rgba(191,238,221,.28);border-radius:99px;padding:5px 14px 5px 5px;font-size:.86rem;font-weight:600}
.pass-left b{display:grid;place-items:center;min-width:32px;height:32px;padding:0 6px;border-radius:99px;background:#bfeedd;color:#064a3c;font-weight:900;font-size:1rem}
.pass[data-stage=closed] .pass-left{padding-left:14px}
.pass-stub{list-style:none;margin:0;background:#fff;border-radius:0 0 24px 24px;padding:20px 28px 22px;display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;font-size:.88rem;font-weight:650;color:var(--ink);position:relative;-webkit-mask:radial-gradient(circle 13px at 0 0,#0000 97%,#000) left/51% 100% no-repeat,radial-gradient(circle 13px at 100% 0,#0000 97%,#000) right/51% 100% no-repeat;mask:radial-gradient(circle 13px at 0 0,#0000 97%,#000) left/51% 100% no-repeat,radial-gradient(circle 13px at 100% 0,#0000 97%,#000) right/51% 100% no-repeat}
.pass-stub::before{content:'';position:absolute;top:0;left:22px;right:22px;border-top:2px dashed #c9d8d3}
.pass-stub li{display:flex;align-items:center;gap:7px}.pass-stub .i{width:17px;height:17px;color:var(--good);flex:none}

.beta-cal{padding-top:64px}
.journey{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.jr-stop{--t:var(--good);--t-bg:var(--good-bg);position:relative;padding:0 6px 0 0}
.jr-stop.info{--t:var(--info);--t-bg:var(--info-bg)}.jr-stop.warn{--t:#c98a00;--t-bg:var(--warn-bg)}.jr-stop.bad{--t:var(--bad);--t-bg:var(--bad-bg)}
.jr-stop:not(:last-child)::before{content:'';position:absolute;top:23px;left:56px;right:-12px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--t),color-mix(in srgb,var(--t) 30%,var(--line)))}
.jr-dot{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--t-bg);color:var(--t);border:2.5px solid var(--t);margin-bottom:16px;box-shadow:0 0 0 6px var(--bg)}
.jr-dot .i{width:22px;height:22px}
.jr-date{margin:0 0 4px;font-weight:800;font-size:1.15rem;color:var(--t)}.jr-stop.warn .jr-date{color:var(--warn)}
.jr-date span{font-weight:500;font-style:italic;font-size:.86rem;color:var(--muted)}
.jr-stop h3{font-size:1.02rem;margin:0 0 6px}
.jr-stop p:last-child{color:#3a504c;font-size:.9rem;margin:0}
.jr-now{display:inline-block;margin:2px 0 10px;background:var(--t);color:#fff;font-size:.74rem;font-weight:800;border-radius:99px;padding:3px 11px}
.jr-stop.now .jr-dot{background:var(--t);color:#fff}

.fork{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;max-width:1000px;margin:0 auto}
.fork-root{grid-column:1/-1;display:flex;flex-direction:column;align-items:center}
.fork-root span{background:#fff;border:2px solid #c98a00;color:var(--warn);font-weight:800;border-radius:99px;padding:6px 18px;font-size:.95rem}
.fork-root::before{content:'';order:1;width:2px;height:16px;background:#b9c9c5}
.fork-root::after{content:'';order:2;width:calc(50% + 22px);height:28px;border:2px solid #b9c9c5;border-bottom:0;border-radius:14px 14px 0 0}
.fork-way{background:#fff;border:1px solid var(--line);border-top:5px solid var(--good);border-radius:var(--r);padding:24px 26px}
.fork-way.stop{border-top-color:var(--bad)}
.fork-if{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-weight:800;font-size:.86rem;color:var(--good)}.fork-way.stop .fork-if{color:var(--bad)}
.fork-if .i{width:22px;height:22px;padding:3px;border-radius:50%;background:var(--good-bg)}.fork-way.stop .fork-if .i{background:var(--bad-bg)}
.fork-way h3{font-size:1.3rem;font-weight:800;letter-spacing:-.02em;margin:0 0 12px}
.fork-way ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.fork-way li{position:relative;padding-left:18px;color:#3a504c;font-size:.94rem}
.fork-way li::before{content:'';position:absolute;left:2px;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--good)}.fork-way.stop li::before{background:var(--bad)}

.beta-price{align-items:center}
.beta-price h2{font-size:clamp(1.5rem,2.6vw,2rem)}
.receipt-wrap{filter:drop-shadow(0 12px 26px rgba(15,36,32,.12)) drop-shadow(0 1px 2px rgba(15,36,32,.08));max-width:440px;width:100%;justify-self:center}
.receipt{background:#fff;border-radius:14px 14px 0 0;padding:24px 26px 34px;-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/18px 100%;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/18px 100%}
.receipt-head{display:flex;justify-content:space-between;align-items:baseline;font-weight:800;margin:0 0 6px}.receipt-head span{font-weight:500;font-size:.8rem;color:var(--muted)}
.receipt-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px dashed #c9d8d3}
.receipt-row div{display:flex;flex-direction:column}.receipt-row em{font-style:normal;font-size:.8rem;color:var(--muted)}
.receipt-row strong{font-weight:800;font-variant-numeric:tabular-nums}
.receipt-total{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;background:var(--g-tint);border-radius:12px;padding:12px 14px;font-weight:700;color:var(--g2)}
.receipt-total strong{font-size:1.6rem;font-weight:900;color:var(--g)}

.pledges{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.pledge{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px}
.pledge>.i{width:40px;height:40px;padding:9px;border-radius:12px;background:var(--g-soft);color:var(--g);margin-bottom:12px}
.pledge h3{font-size:1rem;margin:0 0 6px}.pledge p{color:#3a504c;font-size:.9rem;margin:0}
.pledges+.fine{margin-top:22px}

@media(max-width:960px){.pledges{grid-template-columns:1fr 1fr}}
@media(max-width:860px){
  .journey{grid-template-columns:1fr;gap:0}
  .jr-stop{padding:0 0 26px 66px;min-height:74px}
  .jr-stop:last-child{padding-bottom:0}
  .jr-dot{position:absolute;left:0;top:0}
  .jr-stop:not(:last-child)::before{top:52px;bottom:4px;left:23px;right:auto;width:3px;height:auto;background:linear-gradient(var(--t),color-mix(in srgb,var(--t) 30%,var(--line)))}
  .jr-date{padding-top:10px}
  .fork{grid-template-columns:1fr;gap:16px}
  .fork-root::before,.fork-root::after{display:none}
}
@media(max-width:560px){
  .pledges{grid-template-columns:1fr}
  .pass-main{padding:22px 22px 20px}.pass-stub{padding:18px 22px 20px;font-size:.84rem}
  .receipt{padding:20px 20px 32px}
}

/* ——— Kurumlar sayfası ———
   Mor kurumu ve yöneticisini, meslek renkleri her uzmanı gösterir; yeşil yalnızca eylemdir.
   Kadro ağacı: kurumda kim var. Üç ekran: danışan yöneticiden uzmana, uzmandan danışana geçer.
   Panel turu: numaralı notlar ekrandaki yerleri gösterir. Kadro sayacı: fiyat ayarlardan gelir. */
.org-hero h1{font-size:clamp(1.9rem,3.9vw,2.9rem);line-height:1.13}
.org-beta{display:inline-flex;align-items:center;gap:10px;margin:0;background:#fff;border:1px solid var(--line);border-left:4px solid var(--good);border-radius:12px;padding:9px 14px;font-size:.92rem;color:#26403c}
.org-beta .i{color:var(--good)}

.org-tree{max-width:520px;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.ot-root{display:flex;align-items:center;gap:12px;background:var(--kurum);color:#fff;border-radius:16px;padding:14px 22px 14px 16px;box-shadow:0 14px 30px rgba(109,59,224,.28);position:relative}
.ot-root>.i{width:40px;height:40px;padding:8px;border-radius:12px;background:rgba(255,255,255,.18)}
.ot-root div{display:flex;flex-direction:column;line-height:1.25}.ot-root b{font-size:1.1rem;font-weight:800}.ot-root em{font-size:.8rem;color:#e4d9ff;font-style:italic}
.ot-seats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;margin-top:44px;position:relative}
.ot-seats::before{content:'';position:absolute;top:-24px;left:12.5%;right:12.5%;height:24px;border:2px solid #c9b8f5;border-bottom:0;border-radius:12px 12px 0 0}
.ot-seats::after{content:'';position:absolute;top:-44px;left:50%;width:2px;height:20px;background:#c9b8f5}
.ot-seat{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border:1px solid var(--line);border-top:4px solid var(--m);border-radius:14px;padding:14px 8px 12px;box-shadow:0 8px 20px rgba(15,36,32,.07)}
.ot-seat::before{content:'';position:absolute;top:-26px;left:50%;width:2px;height:22px;background:#c9b8f5}
.ot-av{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--m-bg);color:var(--m-ink,var(--m));font-weight:800;font-size:.85rem;margin-bottom:8px}
.ot-seat b{font-size:.86rem}.ot-seat em{font-style:normal;font-weight:700;font-size:.74rem;color:var(--m-ink,var(--m))}
.ot-seat small{font-size:.7rem;color:var(--muted);line-height:1.3;margin-top:2px}
.ot-count{margin-top:8px;font-size:.7rem;font-weight:700;background:#f3f6f5;border-radius:99px;padding:2px 9px}
.ot-add{border:2px dashed #c9b8f5;background:rgba(255,255,255,.6);box-shadow:none}
.ot-add .ot-av{background:var(--kurum-bg);color:var(--kurum);font-size:1.3rem}.ot-add em{color:var(--muted)}.ot-add small{font-weight:800;color:var(--kurum);font-size:.78rem}
.ot-note{display:grid;grid-template-columns:3fr 1fr;gap:10px;width:100%;margin:10px 0 0;font-size:.72rem;font-weight:700;text-align:center;color:var(--kurum)}
.ot-note span:first-child{border-top:2px solid var(--kurum);padding-top:5px}.ot-note span:last-child{border-top:2px dashed #c9b8f5;padding-top:5px;color:var(--muted)}

.relay{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:46px}
.relay-step{position:relative}
.relay-step:not(:last-child)::after{content:'';position:absolute;top:118px;right:-34px;width:22px;height:22px;background:no-repeat center/22px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236d3be0' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E")}
.relay-who{display:inline-flex;align-items:center;gap:7px;margin:0 0 12px;font-weight:800;font-size:.84rem;color:var(--m-ink,var(--m))}
.relay-step.client .relay-who{color:var(--ink)}
.relay-who .i{width:26px;height:26px;padding:5px;border-radius:50%;background:var(--m-bg)}.relay-step.client .relay-who .i{background:#eef2f1}
.rl-screen{background:#fff;border:1px solid var(--line);border-top:4px solid var(--m);border-radius:14px;padding:16px;min-height:196px;margin-bottom:18px;box-shadow:var(--shadow);font-size:.82rem}
.relay-step.client .rl-screen{border-top-color:var(--ink)}
.rl-title{font-weight:800;margin:0 0 6px;font-size:.86rem}
.rl-q{color:var(--muted);margin:0 0 10px;font-size:.78rem;line-height:1.4}
.rl-opt{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin-bottom:6px;font-weight:650}
.rl-opt i{width:9px;height:9px;border-radius:50%;background:var(--m)}
.rl-opt.on{border-color:var(--m);background:var(--m-bg)}
.rl-bell{display:flex;gap:10px;align-items:flex-start;background:var(--m-bg);border-radius:12px;padding:12px;margin:10px 0}
.rl-bell>.i{color:var(--m-ink,var(--m));margin-top:2px}.rl-bell div{display:flex;flex-direction:column}.rl-bell em{font-style:normal;font-size:.74rem;color:var(--muted)}
.rl-mail{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;font-weight:650;color:var(--good)}
.rl-phone{max-width:210px;border:6px solid #17302c;border-radius:26px;padding:18px 14px}
.rl-code{display:flex;flex-direction:column;align-items:center;border:2px dashed #9fcbbf;background:var(--g-tint);border-radius:12px;padding:10px;margin:8px 0 12px}
.rl-code span{font-size:.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.rl-code b{font-family:ui-monospace,Menlo,monospace;font-size:1.15rem;letter-spacing:.12em;color:var(--g2)}
.rl-go{display:block;text-align:center;background:var(--g);color:#fff;border-radius:10px;padding:8px;font-weight:700}
.relay-step h3{margin:0 0 6px}.relay-step>p:last-child{color:#3a504c;font-size:.94rem;margin:0}

.org-tour{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.tour-notes{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:16px}
.tour-notes li{display:flex;gap:14px;align-items:flex-start}
.tour-notes h3{font-size:1rem;margin:2px 0 4px}.tour-notes p{color:#3a504c;font-size:.92rem;margin:0}
.ts-pin{display:inline-grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--kurum);color:#fff;font-weight:800;font-size:.78rem;font-style:normal;box-shadow:0 0 0 3px #fff}
.tour-shot{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden;font-size:.8rem}
.ts-body{display:grid;grid-template-columns:150px 1fr}
.ts-side{display:flex;flex-direction:column;gap:4px;padding:14px 10px;border-right:1px solid var(--line);background:#fafbfc}
.ts-side span{position:relative;padding:7px 10px;border-radius:8px;color:var(--muted);font-weight:600}.ts-side span.on{background:var(--kurum-bg);color:var(--kurum);font-weight:750}
.ts-side .ts-pin{position:absolute;right:-6px;top:4px}
.ts-main{padding:16px;display:flex;flex-direction:column;gap:10px}
.ts-main>div{position:relative}
.ts-main{padding-left:26px}.ts-main .ts-pin{position:absolute;left:-22px;top:50%;margin-top:-13px;z-index:1}
.ts-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.ts-stats div{border:1px solid var(--line);border-radius:10px;padding:8px 9px;display:flex;flex-direction:column}
.ts-stats div:first-of-type{background:var(--kurum-bg);border-color:transparent}
.ts-stats small{font-size:.66rem;color:var(--muted);font-weight:650}.ts-stats strong{font-size:1.25rem;font-weight:850;line-height:1.2}.ts-stats em{font-style:normal;font-size:.6rem;color:var(--muted);line-height:1.3}
.ts-filters{display:flex;gap:6px;flex-wrap:wrap}.ts-filters span{border:1px solid var(--line);border-radius:8px;padding:4px 9px;font-size:.72rem;font-weight:650;color:var(--muted)}
.ts-row{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:9px 11px}
.ts-row>i{width:6px;align-self:stretch;border-radius:4px;background:var(--m)}
.ts-row div{display:flex;flex-direction:column;flex:1;min-width:0}.ts-row em{font-style:normal;font-size:.7rem;color:var(--muted)}
.ts-count{font-size:.72rem;font-weight:650;color:var(--muted);white-space:nowrap}
.ts-btn{font-size:.7rem;font-weight:700;border:1.5px solid var(--g);color:var(--g);border-radius:8px;padding:4px 9px;white-space:nowrap}

.org-invite{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.mail{max-width:460px;margin:0 auto;background:#f3f6f5;border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:var(--shadow)}
.mail-meta{margin:2px 6px 10px;font-size:.74rem;color:var(--ink);font-weight:600;line-height:1.5}.mail-meta span{color:var(--muted);font-weight:500}
.mail-body{background:#fff;border-radius:12px;padding:22px 24px;font-size:.86rem;color:#3a504c}
.mail-body .logo{font-size:1.35rem;margin-bottom:14px}
.mail-body h3{color:var(--ink)}
.mail-btn{display:inline-block;background:var(--g);color:#fff;border-radius:10px;padding:9px 18px;font-weight:700;margin:4px 0 10px}
.mail-fine{font-size:.74rem;color:var(--muted);margin:0}
.invite-steps{list-style:none;margin:20px 0 0;padding:0;counter-reset:inv;display:grid;gap:4px}
.invite-steps li{counter-increment:inv;position:relative;padding:0 0 14px 44px}
.invite-steps li::before{content:counter(inv);z-index:1;position:absolute;left:0;top:0;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;border:2px solid var(--kurum);color:var(--kurum);font-weight:800;font-size:.85rem;background:#fff}
.invite-steps li:not(:last-child)::after{content:'';position:absolute;left:14px;top:34px;bottom:2px;width:2px;background:#d9ccfa}
.invite-steps li:last-child::before{border-color:var(--muted);color:var(--muted)}
.invite-steps h3{font-size:1rem;margin:3px 0 2px}.invite-steps p{color:#3a504c;font-size:.92rem;margin:0}

.crew{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;max-width:980px;margin:0 auto;align-items:start}
.crew-pick,.crew-sum{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px}
.crew-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.crew-name{display:inline-flex;align-items:center;gap:10px;font-weight:700}.crew-name i{width:12px;height:12px;border-radius:50%;background:var(--m)}
.crew-step{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:12px;padding:3px}
.crew-step button{width:38px;height:38px;border:0;border-radius:9px;background:var(--m-bg);color:var(--m-ink,var(--m));font:inherit;font-weight:800;font-size:1.2rem;cursor:pointer}
.crew-step button:disabled{opacity:.4;cursor:default}
.crew-step output{min-width:34px;text-align:center;font-weight:800;font-size:1.1rem;font-variant-numeric:tabular-nums}
html:not(.js) .crew-step button,html:not(.js) .crew-sum .cycle{display:none}
.crew-seats{display:grid;grid-template-columns:auto 1fr;gap:12px;margin:22px 0 0}
.crew-seats>div{border-radius:14px;padding:10px 12px 12px}
.cs-in{border:2px solid var(--kurum);background:var(--kurum-bg)}.cs-ex{border:2px dashed #c9b8f5}
.crew-seats small{display:block;font-size:.72rem;font-weight:800;color:var(--kurum);margin-bottom:8px}.cs-ex small{color:var(--muted)}
.crew-seats>div>div{display:flex;flex-wrap:wrap;gap:6px;min-height:40px}
.crew-seats span{display:grid;place-items:center;width:34px;height:40px;border-radius:17px 17px 9px 9px;background:var(--m);color:#fff;font-weight:800;font-size:.8rem}
.crew-seats span.empty{background:#fff;border:2px dashed #c9b8f5}
.crew-seats span.new{animation:seat-in .3s var(--ease)}
.crew-sum .cycle{margin:0 0 16px}
.crew-line{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px dashed #c9d8d3;font-size:.92rem}
.crew-line b{font-variant-numeric:tabular-nums}
.crew-total{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 12px;margin:14px 0 16px;background:var(--kurum-bg);border-radius:12px;padding:12px 14px}
.crew-total>span{font-weight:750;color:var(--kurum)}.crew-total strong{font-size:1.9rem;font-weight:900;color:var(--ink);font-variant-numeric:tabular-nums}
.crew-total small{flex-basis:100%;text-align:right;font-size:.78rem;color:var(--muted)}
@keyframes seat-in{from{transform:scale(.4)}}

@media(max-width:960px){.org-tour,.org-invite{grid-template-columns:1fr;gap:32px}.crew{grid-template-columns:minmax(0,1fr)}}@media(max-width:380px){.crew-pick,.crew-sum{padding:16px}.crew-step button{width:32px;height:32px}.crew-step output{min-width:26px}}
@media(max-width:860px){
  .relay{grid-template-columns:1fr;gap:40px;max-width:460px;margin:0 auto}
  .relay-step:not(:last-child)::after{top:auto;bottom:-32px;right:auto;left:50%;margin-left:-11px;transform:rotate(90deg)}
  .rl-screen{min-height:0}
  .rl-phone{max-width:250px;margin-inline:auto}
}
@media(max-width:560px){
  .ot-seats{grid-template-columns:repeat(2,1fr);margin-top:30px}
  .ot-seats::before{left:25%;right:25%;top:-14px;height:14px}.ot-seats::after{top:-30px;height:16px}
  .ot-seat::before{display:none}.ot-seat:nth-child(-n+2)::before{display:block;top:-14px;height:12px}
  .ot-note{grid-template-columns:1fr}
  .ts-body{grid-template-columns:1fr}.ts-side{flex-direction:row;overflow:hidden;border-right:0;border-bottom:1px solid var(--line);padding:8px}
  .ts-side span{display:inline-flex;align-items:center;white-space:nowrap;padding:5px 8px;font-size:.72rem}.ts-side span:last-child{display:none}
  .ts-side .ts-pin{position:static;width:20px;height:20px;font-size:.66rem;margin-left:5px;box-shadow:none}
  .ts-stats{grid-template-columns:1fr 1fr}
  .ts-count{display:none}
  .mail-body{padding:18px}
  .crew-pick,.crew-sum{padding:18px}
}
/* Feedback form (/geri-bildirim): the topic cards carry the action green only when chosen. */
.feedback-form fieldset{border:0;padding:0;margin:0 0 18px;min-width:0}
.feedback-form legend{font-weight:650;font-size:.9rem;margin-bottom:8px;padding:0}
.feedback-topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.feedback-topic-grid .choice>span{align-items:flex-start;gap:4px}
.feedback-topic-grid .choice .i{width:24px;height:24px;color:var(--muted);margin-bottom:4px;transition:color .15s}
.feedback-topic-grid .choice input:checked+span .i{color:var(--g)}
.feedback-topics.has-error .choice>span{border-color:var(--bad)}
.feedback-form textarea{min-height:150px}
.feedback-form .opt{font-style:italic;font-weight:400;color:var(--muted);font-size:.82rem;margin-left:4px}
.feedback-form .btn .i{width:18px;height:18px}
@media(max-width:700px){.feedback-topic-grid{grid-template-columns:1fr 1fr}}
.feedback-msg{white-space:pre-wrap;overflow-wrap:anywhere;min-width:220px;max-width:460px}

/* ——— Clarity pass: three steps beside their screens, why-list, richer profession tiles ——— */
.tight-top{padding-top:8px}
.steps3{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.steps3>li{display:flex;flex-direction:column}
.s3-art{height:270px;display:flex;align-items:center;justify-content:center;border-radius:22px;background:linear-gradient(165deg,var(--g-soft) 0%,var(--g-tint) 55%,#fff 100%);border:1px solid #dcebe6;overflow:hidden;padding:20px;margin-bottom:20px}
body[data-tema] .s3-art{background:linear-gradient(165deg,var(--m-bg) 0%,color-mix(in srgb,var(--m-bg) 45%,#fff) 60%,#fff 100%);border-color:color-mix(in srgb,var(--m) 18%,#fff)}
.s3-art .fa{max-width:300px;box-shadow:0 1px 2px rgba(15,36,32,.06),0 12px 28px rgba(15,36,32,.10);transition:transform .35s var(--ease)}
.s3-art .fa-phone{max-width:214px}
.steps3>li:hover .s3-art .fa{transform:translateY(-4px)}
.steps3 h3{display:flex;align-items:center;gap:11px;font-size:1.15rem;margin:0 0 6px}
.s3-num{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--g);color:#fff;font-size:.88rem;font-weight:800}
body[data-tema] .s3-num{background:var(--m)}
.steps3 p{margin:0 0 0 41px;color:#3a504c;max-width:40ch}
body[data-tema] .s3-art .fa-days span.on{background:var(--m)}
body[data-tema] .s3-art .fa-add{color:var(--m-ink,var(--m))}
.steps-more{text-align:center;margin:28px 0 0}
.panel-has{margin:44px auto 0;max-width:880px;padding-top:30px;border-top:1px solid var(--line)}
.panel-has h3{text-align:center;font-size:1.05rem;margin:0 0 16px}
.panel-has ul.ticks{grid-template-columns:1fr 1fr;gap:12px 32px;margin:0}
.panel-has ul.ticks li{font-size:1rem;font-weight:550}
.why{display:grid;grid-template-columns:1fr 1.15fr;gap:64px;align-items:center}
.why h2{margin:0 0 14px}
.why .lead{margin:0 0 22px}
.why-list{list-style:none;margin:0;padding:0}
.why-list li{display:grid;grid-template-columns:46px 1fr;column-gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}
.why-list li:first-child{padding-top:0}
.why-list li:last-child{border-bottom:0;padding-bottom:0}
.why-list .i{grid-row:span 2;width:46px;height:46px;padding:11px;border-radius:14px;background:var(--g-soft);color:var(--g)}
.why-list li:nth-child(2) .i{background:var(--info-bg);color:var(--info)}
.why-list li:nth-child(3) .i{background:var(--kurum-bg);color:var(--kurum)}
.why-list h3{margin:2px 0 4px;font-size:1.08rem}
.why-list p{margin:0;color:#3a504c;font-size:.97rem}
.seg-tile{padding:22px 22px 20px}
.seg-tile>span{font-size:.95rem;line-height:1.45}
.seg-tile ul{list-style:none;margin:14px 0 12px;padding:14px 0 0;border-top:1px dashed var(--line);display:grid;gap:8px}
.seg-tile li{display:flex;gap:8px;align-items:flex-start;font-size:.88rem;line-height:1.38;color:#26403c}
.seg-tile li .i{width:16px;height:16px;flex:none;margin-top:1px;color:var(--m,var(--g))}
.seg-tile em{margin-top:auto}
.org-for{margin:-4px 0 8px;font-size:.84rem;font-weight:700;color:var(--kurum)}
@media(max-width:960px){.steps3{grid-template-columns:1fr;max-width:540px;margin-inline:auto;gap:36px}.s3-art{height:auto;min-height:230px}.why{grid-template-columns:1fr;gap:32px}}
@media(max-width:620px){.panel-has ul.ticks{grid-template-columns:1fr}.steps3 p{margin-left:0}}
/* Owner's statistics */
.stat-h{font-size:1.25rem;margin:26px 0 12px}
.legend{display:flex;flex-wrap:wrap;gap:14px;font-size:.8rem;color:var(--muted);margin:0 0 10px}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:10px;height:10px;border-radius:3px;display:inline-block}
.cols{display:flex;align-items:stretch;gap:3px;height:170px;padding-top:6px}.col{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-end}.col .stack{display:flex;flex-direction:column-reverse;border-radius:4px 4px 0 0;overflow:hidden;min-height:0}.col .stack i{display:block;min-height:2px}.col small{display:block;height:18px;font-size:.66rem;color:var(--muted);text-align:center;white-space:nowrap;overflow:visible;margin-top:4px;border-top:1px solid var(--line);padding-top:2px}
.p-fizyoterapi{background:var(--fizyo)}.p-diyetisyen{background:var(--diyet)}.p-antrenor{background:var(--antrenor)}.p-lead{background:var(--g)}
.t-oneri{background:var(--g)}.t-hata{background:var(--bad)}.t-soru{background:var(--info)}.t-diger{background:#8a9b98}
.bars.funnel .bar,.bars.usage .bar{grid-template-columns:minmax(150px,42%) 1fr 44px}.bars.usage .bar span small{display:block;font-size:.74rem}
.box h3{font-size:.95rem;margin:14px 0 8px}
@media(max-width:560px){.bars.funnel .bar,.bars.usage .bar{grid-template-columns:1fr 44px}.bars.funnel .bar i,.bars.usage .bar i{grid-column:1/-1;grid-row:2}.cols{height:130px;gap:2px}}
/* Management panel: search and row actions */
.search-row{display:flex;gap:8px;margin:0 0 14px;max-width:520px}.search-row input{flex:1;min-width:0;min-height:40px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;font:inherit}
.table td.actions{white-space:nowrap}.table td.actions .btn{margin:2px 0}

/* ——— Blog ———
   Read mode: the list is an editorial front page (a lead story, the featured ones beside it, then
   the grid); a post is one reading column. Each field keeps its product colour (--m) as a dot, the
   drawn cover and the quote tint; the action green stays for links and buttons. The editor and the
   owner's review screens are Operate mode: the site's own form vocabulary, nothing new. */
::selection{background:#bfeedd;color:#06231b}
.drop>summary[aria-current]{background:var(--g-tint);color:var(--g)}
.back{display:inline-flex;align-items:center;gap:7px;font-size:.88rem;font-weight:700;color:var(--muted);text-decoration:none;margin-bottom:18px}.back .i{transform:rotate(180deg);width:1em;height:1em}.back:hover{color:var(--g)}
.blog-hero{padding:52px 0 0}.blog-hero h1{max-width:17ch;text-wrap:balance;margin-bottom:.3em}.blog-hero .lead{margin-bottom:26px;max-width:58ch}
/* Filters: one quiet row, uzmanlık as underlined tabs, konu folded into a menu. */
.blog-filter{border-bottom:1px solid var(--line);margin-bottom:36px}
.blog-filter-in{display:flex;align-items:center;justify-content:space-between;gap:16px}
.blog-areas{display:flex;gap:26px;overflow-x:auto;scrollbar-width:none}.blog-areas::-webkit-scrollbar{display:none}
.blog-areas a{flex:none;display:inline-flex;align-items:center;gap:8px;padding:12px 0 13px;border-bottom:2px solid transparent;margin-bottom:-1px;text-decoration:none;color:var(--muted);font-weight:650;font-size:.94rem;transition:color .15s,border-color .15s}
.blog-areas a[data-tema]::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--m)}
.blog-areas a:hover{color:var(--ink)}.blog-areas a[aria-current]{color:var(--ink);border-bottom-color:var(--ink)}
.topic-pick{position:relative;flex:none}
.topic-pick>summary{list-style:none;display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:7px 12px;border-radius:10px;font-weight:650;font-size:.9rem;color:var(--muted)}
.topic-pick>summary::-webkit-details-marker{display:none}.topic-pick>summary .i{width:1em;height:1em;transition:transform .15s}
.topic-pick>summary:hover,.topic-pick[open]>summary{background:var(--g-tint);color:var(--ink)}.topic-pick[open]>summary .i{transform:rotate(180deg)}
.topic-pick>summary.on{color:var(--g);background:var(--g-tint)}
.topic-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:20;width:250px;max-height:340px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:6px}
.topic-menu a{display:block;padding:8px 12px;border-radius:9px;color:var(--ink);text-decoration:none;font-size:.9rem;font-weight:550}
.topic-menu a:hover{background:var(--g-tint)}.topic-menu a[aria-current]{color:var(--g);font-weight:750}
.topic-menu a.all{color:var(--muted);border-bottom:1px solid var(--line);border-radius:9px 9px 0 0;margin-bottom:4px}
.chips a .i{width:.95em;height:.95em}
@media(max-width:700px){.blog-filter-in{gap:10px}.blog-areas{gap:20px}.topic-menu{width:min(250px,calc(100vw - 40px))}}
.blog-list{padding:36px 0 72px}
/* Covers: the author's photo, or a drawn one in the field's colour */
.post-cover{display:block;aspect-ratio:16/10;border-radius:16px;overflow:hidden;background:var(--g-tint);position:relative}
.post-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.cover-blank{display:block;width:100%;height:100%;background:repeating-radial-gradient(circle at 100% 100%,transparent 0 20px,color-mix(in srgb,var(--m,var(--g)) 15%,transparent) 20px 21.5px),var(--m-bg,var(--g-tint))}
.cover-blank b{position:absolute;left:18px;bottom:12px;font-weight:900;font-size:clamp(1.3rem,2.6vw,2.1rem);letter-spacing:-.04em;line-height:1;color:var(--m-ink,var(--m,var(--g)))}
.area-tag{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;font-weight:750;color:var(--m-ink,var(--m,var(--g)));white-space:nowrap}.area-tag::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--m,var(--g))}
/* Avatars */
.ava{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--m-bg,var(--g-soft));color:var(--m-ink,var(--m,var(--g)));font-weight:800;font-size:.92rem;letter-spacing:-.02em}
.ava.sm{width:30px;height:30px;font-size:.7rem}.ava.lg{width:68px;height:68px;font-size:1.35rem}.ava.xl{width:120px;height:120px;font-size:2.4rem}
.ava.rap{background:var(--ink);color:#fff}.ava-mark{width:58%;height:58%}.ava.rap .brand-dot{fill:#2fb48e}
/* Lead story and featured list */
.blog-top{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:36px;align-items:start}
.lead-post a,.post-card a{display:flex;flex-direction:column;color:var(--ink);text-decoration:none;height:100%}
.lead-post .post-cover{aspect-ratio:16/9;border-radius:22px}.lead-post .cover-blank b{font-size:clamp(2rem,5vw,3.6rem);left:28px;bottom:20px}
.lead-text{display:flex;flex-direction:column;padding:22px 4px 0}.lead-post h2{font-size:clamp(1.55rem,2.7vw,2.25rem);font-weight:850;letter-spacing:-.035em;line-height:1.12;text-wrap:balance;margin:0 0 .4em}
.lead-post .post-sum{font-size:1.06rem;color:#2c423f;max-width:60ch}
.side-h{font-size:.95rem;font-weight:800;letter-spacing:-.01em;margin:0 0 6px;padding-bottom:12px;border-bottom:1px solid var(--ink)}
.lead-post a:hover h2,.post-card a:hover h3{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.16em;text-decoration-color:color-mix(in srgb,var(--m,var(--g)) 55%,transparent)}
.lead-post a:hover img,.post-card a:hover img{transform:scale(1.03)}
@media(max-width:900px){.blog-top{grid-template-columns:1fr;gap:20px}}
.list-h{display:flex;align-items:center;gap:16px;font-size:1.2rem;font-weight:800;letter-spacing:-.02em;margin:56px 0 22px}.list-h::after{content:'';flex:1;height:1px;background:var(--line)}
.blog-list>.wrap>.list-h:first-child{margin-top:0}
/* The grid */
.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px}
.post-text{display:block;padding:16px 2px 0}.post-card h3{font-size:1.14rem;font-weight:750;line-height:1.3;letter-spacing:-.02em;margin:0 0 6px;text-wrap:balance}
.post-sum{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#3a504c;font-size:.93rem;line-height:1.55}
.post-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding:16px 2px 0}
.by{display:flex;align-items:center;gap:10px;min-width:0}.by>span:last-child{min-width:0}.by b{display:block;font-size:.85rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.by small{display:block;font-size:.76rem;color:var(--muted);font-variant-numeric:tabular-nums}
@media(max-width:960px){.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.post-grid{grid-template-columns:1fr;gap:36px}}
.pager{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:56px}.pager a{display:inline-grid;place-items:center;min-width:44px;height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--ink);font-weight:650;text-decoration:none;font-variant-numeric:tabular-nums}.pager a:hover{border-color:var(--g);color:var(--g)}.pager a[aria-current]{background:var(--ink);border-color:var(--ink);color:#fff}
.blog-empty{max-width:620px;margin:8px auto;text-align:center;background:#fff;border:1px dashed #b4cfc8;border-radius:22px;padding:56px 28px}.blog-empty h2{font-size:1.4rem}.blog-empty p{color:#3a504c}.blog-empty.small{padding:28px;max-width:none}.blog-empty.small p{margin:6px 0 10px}.blog-empty .i{width:30px;height:30px;color:var(--g)}
/* "Siz de yazın" */
.blog-cta{padding:0 0 88px}.blog-cta-in{display:grid;grid-template-columns:minmax(0,1.4fr) auto;gap:20px 40px;align-items:center;background:var(--ink);color:#d3e3de;border-radius:26px;padding:44px 48px}
.blog-cta h2{color:#fff;margin-bottom:.35em}.blog-cta .hl{color:#7fd3bf}.blog-cta p{margin:0;max-width:56ch}.blog-cta .cta-row{margin:0}.blog-cta .btn.ghost{color:#fff;border-color:#4f7a70}.blog-cta .btn.ghost:hover{background:#1a3831}
@media(max-width:820px){.blog-cta-in{grid-template-columns:1fr;padding:32px 24px}}
/* A post */
.read{max-width:760px;margin-inline:auto;padding-inline:20px}
.post-head{padding-top:40px}
.post h1{font-size:clamp(2rem,4.8vw,3.3rem);line-height:1.07;letter-spacing:-.042em;text-wrap:balance;margin:0 0 .42em}
.post-lead{font-size:clamp(1.12rem,1.8vw,1.28rem);line-height:1.55;color:#2c423f;font-weight:400;text-wrap:pretty;margin:0 0 28px}
.byline{display:flex;align-items:center;gap:14px;padding:16px 0;border-block:1px solid var(--line)}.byline>div{flex:1;min-width:0}
.byline>div>a{font-weight:750;color:var(--ink);text-decoration:none}.byline>div>a:hover{color:var(--g)}.byline small{display:block;color:var(--muted);font-size:.85rem}
.byline-meta{margin:0;text-align:right;font-size:.85rem;color:var(--muted);font-variant-numeric:tabular-nums;line-height:1.5}.byline-meta span{font-size:.78rem}
@media(max-width:560px){.byline{flex-wrap:wrap}.byline-meta{flex-basis:100%;text-align:left}}
.expert{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:2px 9px 2px 7px;border-radius:99px;background:var(--good-bg);color:var(--good);font-size:.72rem;font-weight:750;vertical-align:2px;white-space:nowrap}.expert .i{width:1.05em;height:1.05em}
.post-hero{max-width:1120px;margin:36px auto 0;padding:0 20px}.post-hero img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:24px;background:var(--g-tint)}
.post-rule{height:8px}
.post-layout{max-width:760px;margin:40px auto 0;padding:0 20px}
.toc{background:var(--g-tint);border-radius:16px;padding:18px 20px;margin-bottom:32px}.toc p{font-size:.82rem;font-weight:800;margin:0 0 8px}.toc ol{list-style:none;margin:0;padding:0}
.toc a{display:block;padding:5px 0 5px 14px;border-left:1px solid #c5dcd5;color:#3a504c;font-size:.88rem;line-height:1.4;text-decoration:none}.toc a:hover{color:var(--g);border-left-color:var(--g)}
@media(min-width:1200px){.post-layout.has-toc{max-width:1240px;display:grid;grid-template-columns:200px minmax(0,760px) 200px;gap:0 40px}.has-toc .toc{position:sticky;top:96px;align-self:start;background:none;padding:6px 0 0;margin:0}}
/* Reading typography */
.prose{font-size:1.075rem;line-height:1.78;color:#1b302c;font-weight:450;overflow-wrap:anywhere}
.prose>*:first-child{margin-top:0}.prose p{margin:0 0 1.3em}
.prose h2{font-size:1.6rem;font-weight:800;letter-spacing:-.03em;line-height:1.2;margin:2.1em 0 .6em;scroll-margin-top:96px;text-wrap:balance}
.prose h3{font-size:1.24rem;font-weight:750;letter-spacing:-.02em;line-height:1.3;margin:1.8em 0 .5em}.prose h4{font-size:1.05rem;font-weight:750;margin:1.6em 0 .4em}
.prose a{color:var(--g2);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.18em;text-decoration-color:color-mix(in srgb,var(--g) 45%,transparent)}.prose a:hover{text-decoration-color:var(--g)}
.prose strong{font-weight:720;color:var(--ink)}.prose mark{background:#fff0b0;border-radius:3px;padding:0 2px}
.prose ul,.prose ol{padding-left:1.35em;margin:0 0 1.3em}.prose li{margin:.45em 0;padding-left:.2em}.prose li::marker{color:var(--m,var(--g));font-weight:800}
.prose blockquote{margin:1.9em 0;padding:24px 28px;border-radius:20px;background:var(--m-bg,var(--g-tint));font-size:1.16rem;line-height:1.6;font-weight:500;font-style:italic;color:#17302c}.prose blockquote p:last-child{margin:0}
.prose figure{margin:2.2em 0}.prose img{display:block;width:100%;height:auto;border-radius:16px;background:var(--g-tint)}.prose figcaption{font-size:.86rem;color:var(--muted);text-align:center;margin-top:10px;font-style:italic;line-height:1.5}.prose figcaption:empty{display:none}
.prose figure img{cursor:zoom-in;box-shadow:0 1px 2px rgba(16,37,31,.06),0 12px 32px -12px rgba(16,37,31,.22)}
.prose figure.rise{opacity:0;transform:translateY(28px) scale(.97);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.prose figure.rise.in{opacity:1;transform:none}
.photo-box{padding:0;border:0;background:transparent;max-width:min(96vw,1800px);max-height:94vh;overflow:visible}.photo-box::backdrop{background:rgba(9,20,17,.82)}
.photo-box img{display:block;max-width:min(96vw,1800px);max-height:94vh;width:auto;height:auto;border-radius:12px;cursor:zoom-out}
.photo-box button{position:fixed;top:12px;right:16px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:28px;line-height:1;cursor:pointer}
.prose hr{border:0;height:1px;background:var(--line);margin:2.6em 0}
.prose table{display:block;overflow-x:auto;width:100%;border-collapse:collapse;font-size:.95rem;margin:0 0 1.5em}.prose th,.prose td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.prose th{background:var(--g-tint);font-size:.86rem}
/* Narrow screens: wide tables scroll sideways instead of breaking words letter by letter. */
.prose th:first-child,.prose td:first-child{min-width:7.5rem}
@media (max-width:700px){.prose th,.prose td{min-width:9.5rem}.prose th:first-child,.prose td:first-child{min-width:7.5rem}}
.prose pre{background:#10251f;color:#e6efec;border-radius:14px;padding:16px 18px;overflow-x:auto;font-size:.88rem;line-height:1.6}.prose pre code{background:none;padding:0;color:inherit}
/* Video: a quiet panel until the reader presses play */
.prose .yt,.yt{position:relative;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:repeating-radial-gradient(circle at 50% 50%,transparent 0 26px,rgba(127,211,191,.07) 26px 27.5px),#10251f}
.yt-play{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#fff!important;text-decoration:none!important;text-align:center;padding:16px}
.yt-play>span{font-weight:750;font-size:1rem}.yt-play small{display:block;font-weight:500;font-size:.8rem;color:#a9c1bb;margin-top:2px}
.yt-btn{width:72px;height:auto;transition:transform .2s var(--ease)}.yt-btn rect{fill:#e8f6f1}.yt-btn path{fill:#10251f}.yt-play:hover .yt-btn{transform:scale(1.08)}.yt-play:focus-visible{outline:3px solid #7cc4b5;outline-offset:-6px;border-radius:20px}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* End of a post */
.post-end{margin-top:44px;padding-bottom:28px}.post-end .chips{margin:0 0 24px}
.chips a.area-chip{border-color:var(--m,var(--g));color:var(--m-ink,var(--m,var(--g)))}.chips a.area-chip::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--m,var(--g))}
.disclaimer{display:flex;gap:12px;align-items:flex-start;background:#f2f6f5;border-radius:14px;padding:14px 18px;font-size:.87rem;color:#3a504c;line-height:1.55;margin:0 0 28px}.disclaimer .i{color:var(--muted);margin-top:2px}
.author-card{display:flex;gap:20px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px}.author-card p{margin:0 0 6px}.author-card .muted{font-size:.9rem}.author-card>div>p:not(.author-name):not(.muted){color:#2c423f;font-size:.95rem}
.author-school{display:flex;align-items:center;gap:7px;font-size:.9rem;font-weight:600;color:#2c423f}.author-school .i{width:1.05em;height:1.05em;color:var(--muted)}
.author-card-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:4px!important}.author-site{display:inline-flex;align-items:center;gap:6px;font-size:.88rem;font-weight:600;color:var(--muted);text-decoration:none}.author-site:hover{color:var(--g)}.author-site .i{width:1em;height:1em}
.author-name{font-size:1.12rem;font-weight:800;letter-spacing:-.02em}.author-name a{color:var(--ink);text-decoration:none}.author-name a:hover{color:var(--g)}
.report{font-size:.84rem;margin:22px 0 0}.report a{color:var(--muted)}
.related{padding:56px 0 84px;border-top:1px solid var(--line);margin-top:40px}.related h2{font-size:1.45rem;margin-bottom:24px}
@media(max-width:560px){.author-card{flex-direction:column;gap:14px;padding:20px}}
/* Most prolific writers beside the lead post on /blog */
.side-writers .writer-list{grid-template-columns:1fr;gap:0}.side-writers .writer-list a{padding:14px 0}.side-writers .writer-list li.first a{padding:18px 0}
.writer-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px 24px;counter-reset:w}
.writer-list li{counter-increment:w}
.writer-list a{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.writer-list a::before{content:counter(w);width:1.4em;font-weight:800;font-size:.85rem;color:var(--muted);font-variant-numeric:tabular-nums;flex:none}
.writer-list a:hover b{color:var(--g)}
.writer-list a>span:last-child{display:flex;flex-direction:column;min-width:0}.writer-list b{font-size:.95rem;font-weight:750;line-height:1.3}
.writer-list small{font-size:.8rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.writer-list em{font-style:normal;font-size:.78rem;font-weight:700;color:var(--m-ink,var(--m,var(--g)));margin-top:2px}
.writer-list li.first{grid-column:1/-1}.writer-list li.first a{gap:18px;padding:4px 0 18px}.writer-list li.first b{font-size:1.15rem}
/* An author */
.author-hero{padding-bottom:20px}.author-head{display:flex;gap:32px;align-items:center}.author-head h1{font-size:clamp(2rem,4vw,2.9rem);margin-bottom:.2em}
.author-facts{font-weight:650;color:#2c423f;margin:0 0 10px}.author-focus{font-weight:650;color:var(--m-ink,var(--m,var(--g)));margin:0 0 10px}.author-bio{max-width:66ch;color:#2c423f;margin:0 0 .7em}
.author-links{display:flex;flex-wrap:wrap;gap:8px 18px;margin:14px 0 0}
.author-links a{display:inline-flex;align-items:center;gap:7px;color:#2c423f;font-weight:600;font-size:.9rem;text-decoration:none;overflow-wrap:anywhere}.author-links a:hover{color:var(--g)}.author-links .i{width:1.05em;height:1.05em;color:var(--muted);flex:none}
.blog-list p.center{margin-top:40px}
.author-about{padding:36px 0 0}.author-about-in{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px;align-items:start}.author-about-in>div:only-child{grid-column:1/-1;max-width:72ch}
.author-about .side-h{margin-bottom:16px}
.author-edu ul{list-style:none;margin:0;padding:0}.author-edu li{padding:9px 0;border-bottom:1px solid var(--line);font-size:.92rem;color:#2c423f;line-height:1.45}.author-edu li:last-child{border-bottom:0}
.author-edu li.school{display:flex;gap:10px;font-weight:700;color:var(--ink)}.author-edu li.school .i{flex:none;margin-top:1px;color:var(--m-ink,var(--m,var(--g)))}
@media(max-width:640px){.author-head{flex-direction:column;align-items:flex-start;gap:18px}.ava.xl{width:96px;height:96px;font-size:2rem;}.author-about-in{grid-template-columns:1fr;gap:32px}}
/* Writing rules */
.blog-rules .lead{margin-bottom:28px}.rule-list{list-style:none;margin:0 0 12px;padding:0;border-top:1px solid var(--line)}
.rule-list li{display:grid;grid-template-columns:220px 1fr;gap:6px 28px;padding:20px 0;border-bottom:1px solid var(--line)}.rule-list h2{font-size:1.02rem;font-weight:800;margin:0;letter-spacing:-.01em}.rule-list p{margin:0;color:#2c423f}
@media(max-width:700px){.rule-list li{grid-template-columns:1fr}}
/* The practitioner's posts */
.my-posts{list-style:none;margin:0;padding:0;background:#fff;border:1px solid var(--line);border-radius:18px}
.my-post{display:flex;gap:18px;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line)}.my-post:last-child{border-bottom:0}.my-post>div:first-child{min-width:0}
.my-title{margin:0 0 6px;font-weight:750;font-size:1.04rem;letter-spacing:-.01em}.my-title a{color:var(--ink);text-decoration:none}.my-title a:hover{color:var(--g)}
.my-meta{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin:0;font-size:.84rem;color:var(--muted)}
.my-acts{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;flex:none}
.my-note{display:flex;gap:8px;align-items:flex-start;margin:10px 0 0;font-size:.86rem;background:var(--warn-bg);color:#5c3a00;border-radius:10px;padding:8px 12px}.my-note .i{margin-top:2px}
@media(max-width:700px){.my-post{flex-direction:column;align-items:flex-start}.my-acts{justify-content:flex-start}}
.start-steps{list-style:none;padding:0;margin:16px 0 4px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.start-steps li{padding-top:14px;border-top:2px solid var(--g-soft);color:#3a504c;font-size:.93rem}.start-steps b{display:block;color:var(--ink);font-size:1rem;margin-bottom:2px}
@media(max-width:700px){.start-steps{grid-template-columns:1fr}}
/* The editor */
.wrap.wide{max-width:1240px;padding-top:28px;padding-bottom:64px}.ed-head .alert{margin-top:4px}
.editor{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.ed-main{background:#fff;border:1px solid var(--line);border-radius:22px;padding:36px 44px 28px;min-width:0}
.ed-title,.ed-summary{border:0;border-radius:0;padding:0;min-height:0;resize:none;overflow:hidden;background:none;color:var(--ink)}
.ed-title{font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:850;letter-spacing:-.04em;line-height:1.12}
.ed-summary{font-size:1.14rem;line-height:1.55;color:#2c423f;margin:12px 0 24px}
.ed-title::placeholder,.ed-summary::placeholder{color:#93aaa4;opacity:1}
.ed-title:focus-visible,.ed-summary:focus-visible{outline:none;box-shadow:0 2px 0 var(--g-soft)}
.ed-box{border:1px solid var(--line);border-radius:16px;background:#fff}
.ed-tools{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:6px;border-bottom:1px solid var(--line);background:#f5f8f7;border-radius:16px 16px 0 0;position:sticky;top:68px;z-index:5}
.ed-tools button{display:inline-grid;place-items:center;width:38px;height:38px;border:0;border-radius:10px;background:none;color:#1d3531;cursor:pointer;transition:background .15s,color .15s}
.ed-tools button:hover{background:#fff}.ed-tools button[aria-pressed=true]{background:var(--g-soft);color:var(--g2)}.ed-tools button:disabled{opacity:.35;cursor:default;background:none}
.ed-tools button:focus-visible{outline:3px solid #7cc4b5;outline-offset:0}.ed-tools .i{width:20px;height:20px}
.ed-sep{width:1px;height:22px;background:var(--line);margin:0 4px}
.ed-mode{margin-left:auto;display:inline-flex;gap:2px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:3px}.ed-mode button{width:auto;height:30px;padding:0 13px;font:inherit;font-size:.82rem;font-weight:700;color:var(--muted)}.ed-mode button[aria-pressed=true]{background:var(--ink);color:#fff}
.ed-ask{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;padding:10px 12px;border-bottom:1px solid var(--line);background:#fff}.ed-ask label{flex:1;min-width:200px;display:flex;flex-direction:column;gap:4px;font-size:.8rem;font-weight:650}.ed-ask input{min-height:38px;padding:7px 11px}.ed-ask .err{flex-basis:100%;margin:0}
.ed-area{min-height:440px;padding:26px 30px 34px;outline:none;caret-color:var(--g)}.ed-area:focus-visible{box-shadow:inset 0 0 0 2px var(--g-soft);border-radius:0 0 16px 16px}
.ed-area>p:only-child:has(>br:only-child)::before{content:'Yazmaya başlayın. Ara başlık, liste, fotoğraf ve video için üstteki düğmeleri kullanın.';color:#8aa29c;float:left;height:0;pointer-events:none}
.ed-area .yt{user-select:none;cursor:default}.ed-area .yt-play{pointer-events:none}.ed-area .yt:focus,.ed-area .yt.sel{outline:3px solid #7cc4b5}.ed-area.readonly{cursor:default}
.ed-html{display:block;border:0;border-radius:0 0 16px 16px;min-height:440px;padding:20px 22px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88rem;line-height:1.65;background:#fbfcfc;color:#1d3531;resize:vertical}.ed-tools[hidden]+.ed-ask+.ed-area+label+.ed-html{border-radius:16px}
.ed-help{font-size:.8rem;color:var(--muted);margin:12px 2px 0;line-height:1.55}.ed-help [data-words]{font-weight:700;color:var(--ink)}
.ed-side{display:grid;gap:14px;position:sticky;top:88px}.ed-side .box{margin:0;padding:18px 20px}.ed-side h2{font-size:1rem;font-weight:800;margin:0 0 10px}.ed-side .field{margin:12px 0 0}.ed-side .field>span{font-size:.84rem}
.ed-status>p:first-child{margin:0 0 8px}.ed-status .muted{font-size:.88rem;margin:0}.ed-actions{display:grid;gap:8px;margin-top:14px}.ed-actions .check{font-size:.85rem;margin:0 0 4px}.ed-status>.btn{margin-top:8px}
.cover-pick{position:relative;display:grid;place-items:center;aspect-ratio:16/10;border-radius:14px;background:var(--g-tint);border:1.5px dashed #b4cfc8;overflow:hidden;text-align:center;padding:14px}.cover-pick span{font-size:.8rem;color:var(--muted);line-height:1.45}
.cover-pick.has{border:0;padding:0}.cover-pick.has>span{display:none}.cover-pick img{width:100%;height:100%;object-fit:cover;display:block}
.cover-pick.round{width:96px;height:96px;aspect-ratio:auto;border-radius:50%;flex:none;padding:0}.cover-pick.round>span{display:block;font-size:1.7rem;font-weight:800;color:var(--g)}.cover-pick.round.has>span{display:none}
.cover-btns{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}[data-cover] .err{display:block;margin-top:8px}.busy{opacity:.7;cursor:progress}
.ed-topics legend{font-size:1rem;font-weight:800;margin:0 0 6px;float:none;display:flex;gap:8px;align-items:baseline}.ed-topics legend small{font-size:.76rem;font-weight:600;color:var(--muted)}.ed-topics .check{margin:5px 0;font-size:.9rem}.ed-topics .check input{width:18px;height:18px;margin-top:3px}.ed-topics input:disabled+span{opacity:.45}
.ed-note{display:flex;gap:12px;align-items:flex-start;background:var(--warn-bg);color:#5c3a00;border-radius:14px;padding:14px 16px;margin:0 0 22px}.ed-note.bad{background:var(--bad-bg);color:var(--bad)}.ed-note .i{margin-top:3px}.ed-note p{margin:4px 0 0;white-space:pre-wrap}
.ed-danger{display:flex;flex-wrap:wrap;gap:8px;padding:0 4px}
@media(max-width:1000px){.editor{grid-template-columns:1fr}.ed-side{position:static}}
@media(max-width:600px){.ed-main{padding:22px 18px;border-radius:18px}.ed-area{padding:18px 16px 26px;min-height:360px}.ed-tools{top:68px}.ed-mode{margin-left:0}}
.author-form .author-photo{display:flex;gap:18px;align-items:center;margin-bottom:18px}.author-form .author-photo p{margin:0}
/* Owner's panel: Blog */
.side-count{margin-left:auto;display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:#2fb48e;color:#06231b;font-size:.74rem;font-weight:800}
.admin-tabs{display:flex;justify-content:flex-start;margin:0 0 18px}.admin-tabs .count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:var(--g);color:#fff;font-size:.72rem;font-weight:800}
.tab-lead{margin:0 0 14px;font-size:.92rem;max-width:80ch}.tab-bar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.sub-h{font-size:1.1rem;margin:30px 0 12px}
.blog-table td{vertical-align:middle}.blog-table td a:not(.btn){color:var(--ink);text-decoration:none}.blog-table td a:not(.btn):hover{color:var(--g)}.row-acts{text-align:right;white-space:nowrap}.blog-table td:nth-child(5){white-space:nowrap}.order{white-space:nowrap}.order form+form{margin-left:4px}
.btn.icon-btn{width:36px;min-height:36px;padding:0;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--muted);box-shadow:none}.btn.icon-btn:hover{border-color:var(--g);color:var(--g);background:#fff}.btn.icon-btn .i{width:18px;height:18px}.btn.icon-btn:hover .i{transform:none}
.btn.icon-btn.on{color:#b57f00;border-color:#ecd39e;background:#fffaf0}.i[data-on]{fill:currentColor}.icon-gap{display:inline-block;width:36px}
.review{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}.review-sheet{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;padding-bottom:12px}.review-sheet .related{display:none}
.review-tabs{margin:0 0 12px}.review-side{position:sticky;top:20px}.review-side .box{margin-bottom:14px}
.decide .btn.block{width:100%}.decide form.inline{display:block}.note-decide{margin-top:16px}.decide-row{display:flex;flex-wrap:wrap;gap:8px}.stack-btns{display:grid;gap:8px;margin-top:4px}.stack-btns form.inline{display:block}.stack-btns .btn{width:100%}
.remove-box summary{cursor:pointer;font-weight:700;color:var(--bad)}.remove-box[open] summary{margin-bottom:10px}
.topic-form input{min-height:38px;padding:7px 10px}.topic-form .table-wrap{margin-bottom:16px}
.admin-head .back{margin-bottom:6px}
@media(max-width:1100px){.review{grid-template-columns:1fr}.review-side{position:static}}
.blog-table td.num>*+*{margin-left:6px}

/* ——— Hizmetler menu ———
   Two columns: the individual practitioner (one row per profession, in its product colour) and
   the organisations (one row per kind, in the organisation violet). Each row leads with its icon
   on a tint; hovering fills the icon with the colour. A green strip at the foot holds the two
   next steps. On phones the columns stack inside the opened nav. */
.drop-menu.duo{width:min(800px,calc(100vw - 160px));grid-template-columns:1fr 1.12fr;gap:0;padding:0;overflow:hidden;border-radius:18px}
.drop[open]>.drop-menu{animation:drop-in .18s var(--ease)}@keyframes drop-in{from{opacity:0;transform:translateY(-6px)}}
.drop[open]>summary::after{transform:rotate(-135deg);margin-bottom:-1px}
.drop-col{padding:20px 16px 14px;display:flex;flex-direction:column;gap:2px}
.drop-col+.drop-col{background:linear-gradient(180deg,#f8f5ff,#fff 70%);border-left:1px solid var(--line)}
.drop-col .drop-h{margin:0 0 8px 10px;font-size:.72rem;letter-spacing:.12em}.drop-col .drop-h .i{width:15px;height:15px}
.drop-col+.drop-col .drop-h{color:var(--kurum)}
.drop-menu.duo a{display:grid;grid-template-columns:38px 1fr;gap:13px;align-items:center;padding:9px 10px;font-size:.94rem;line-height:1.3;transition:background .15s}
.drop-menu.duo a::before{display:none}
.drop-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--m-bg);color:var(--m-ink,var(--m));transition:background .15s,color .15s,transform .2s var(--ease)}.drop-ic .i{width:19px;height:19px}
.drop-t small{margin-top:2px;line-height:1.35}
.drop-menu.duo a:hover,.drop-menu.duo a[aria-current]{background:color-mix(in srgb,var(--m-bg) 60%,#fff)}
.drop-menu.duo a:hover .drop-ic,.drop-menu.duo a[aria-current] .drop-ic{background:var(--m);color:#fff;transform:scale(1.05)}
.drop-menu.duo a[aria-current] .drop-t{color:var(--m-ink,var(--m))}
.drop-foot{grid-column:1/-1;display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 18px;padding:11px 26px;background:var(--g-tint);border-top:1px solid var(--line)}
.drop-menu.duo .drop-foot a{display:inline-flex;gap:6px;padding:4px 0;font-size:.86rem;font-weight:700;color:var(--g);background:none}.drop-foot a .i{width:15px;height:15px;transition:transform .15s}.drop-foot a:hover .i{transform:translateX(3px)}
@media(max-width:920px){.drop-menu.duo{width:auto;grid-template-columns:1fr;border-radius:0;animation:none}.drop-col{padding:6px 0}.drop-col+.drop-col{background:none;border-left:0;border-top:1px solid var(--line);padding-top:12px;margin-top:6px}.drop-col .drop-h{margin-left:10px}.drop-foot{flex-direction:column;background:none;padding:10px 10px 4px;border-top:1px solid var(--line);margin-top:6px}}
@media(prefers-reduced-motion:reduce){.drop[open]>.drop-menu{animation:none}.drop-ic,.drop-foot a .i{transition:none}}
.foot-in{grid-template-columns:1.3fr repeat(5,1fr)}@media(max-width:1020px){.foot-in{grid-template-columns:repeat(3,1fr)}.foot-in>div:first-child{grid-column:1/-1}}@media(max-width:860px){.foot-in{grid-template-columns:1fr 1fr}}

/* ——— Kinds of organisation (/kurumlar/<tür>) ——— */
.kind-points{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.kind-points li{display:grid;grid-template-columns:48px 1fr;gap:18px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px 24px 22px;box-shadow:0 1px 2px rgba(15,36,32,.04)}
.kind-points li>.i{width:48px;height:48px;padding:12px;border-radius:14px;background:var(--m-bg);color:var(--m-ink,var(--m))}
.kind-points h3{margin:2px 0 6px;font-size:1.08rem}.kind-points p{margin:0;color:#3a504c;font-size:.97rem}
@media(max-width:760px){.kind-points{grid-template-columns:1fr}.kind-points li{padding:20px;gap:14px;grid-template-columns:42px 1fr}.kind-points li>.i{width:42px;height:42px;padding:10px}}
.seg-grid.org-kinds{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.kind-tile .kind-ic{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--kurum-bg);color:var(--kurum);margin-bottom:10px}.kind-tile .kind-ic .i{width:21px;height:21px}
.kind-tile strong{font-size:1rem;line-height:1.3}.kind-tile>span:not(.kind-ic){font-size:.88rem;color:var(--muted);line-height:1.45}.kind-tile em{margin-top:auto;padding-top:10px;font-style:normal;font-weight:700;font-size:.85rem}