/* Ana sayfa: koç/kurum için kişiye özel alt alan adı vitrini. */
.rk-workspace {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: clamp(3.5rem, 6vw, 5.75rem) 0;
    background: #f9f4ed;
    border-block: 1px solid #eee3db;
}
.rk-workspace::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 38rem;
    aspect-ratio: 1;
    top: -24rem;
    right: -12rem;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(249, 115, 22, .16), transparent 68%);
    pointer-events: none;
}
.rk-workspace__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
    gap: clamp(2.5rem, 6vw, 6rem);
    align-items: center;
}
.rk-workspace__copy { min-width: 0; }
.rk-workspace__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    color: #6a4a76;
    font-size: .73rem;
    font-weight: 800;
    letter-spacing: .17em;
}
.rk-workspace__spark {
    width: .55rem;
    height: .55rem;
    border-radius: 50%;
    background: #f97316;
    box-shadow: 0 0 0 .35rem rgba(249, 115, 22, .11);
}
.rk-workspace h2 {
    margin: 1.2rem 0 1.2rem;
    color: #281333;
    font-family: var(--rk-display);
    font-size: clamp(2.25rem, 4vw, 3.75rem);
    line-height: 1.08;
    letter-spacing: -.045em;
    font-weight: 800;
}
.rk-workspace h2 span {
    color: #6a288d;
    background: linear-gradient(100deg, #401463 8%, #8524a4 58%, #bd5b43 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.rk-workspace__copy > p {
    max-width: 34rem;
    margin: 0;
    color: #675a66;
    font-size: clamp(.98rem, 1.2vw, 1.08rem);
    line-height: 1.73;
}
.rk-workspace__copy > p strong { color: #361450; font-weight: 700; }
.rk-workspace__points {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem .9rem;
    margin: 1.6rem 0 1.65rem;
}
.rk-workspace__points span {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: #533a5c;
    font-size: .84rem;
    font-weight: 600;
}
.rk-workspace__points span::before {
    content: "✓";
    display: grid;
    place-items: center;
    width: 1.15rem;
    height: 1.15rem;
    border-radius: 50%;
    background: #efe2f2;
    color: #6e2b83;
    font-size: .7rem;
    font-weight: 800;
}
.rk-workspace__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
    min-height: 3.15rem;
    padding: .75rem 1.3rem;
    border-radius: .65rem;
    color: #fff;
    background: #391153;
    box-shadow: 0 .6rem 1.3rem rgba(57, 17, 83, .16);
    font-size: .9rem;
    font-weight: 700;
    transition: transform .22s ease, box-shadow .22s ease, background .22s ease;
}
.rk-workspace__cta:hover { transform: translateY(-2px); background: #521976; box-shadow: 0 .8rem 1.6rem rgba(57, 17, 83, .22); }
.rk-workspace__cta:focus-visible, .rk-workspace__switch button:focus-visible { outline: 3px solid #ec872f; outline-offset: 3px; }
.rk-workspace__cta-arrow { font-size: 1.2rem; line-height: 1; transition: transform .22s ease; }
.rk-workspace__cta:hover .rk-workspace__cta-arrow { transform: translateX(3px); }
.rk-workspace__copy > small { display: block; margin-top: .75rem; color: #776a74; font-size: .76rem; }
.rk-workspace__showcase {
    position: relative;
    min-width: 0;
    padding: clamp(1.1rem, 3vw, 2rem);
    border-radius: 1.5rem;
    background: linear-gradient(145deg, #38154b, #231329 78%);
    box-shadow: 0 1.6rem 3.8rem rgba(39, 17, 48, .18);
}
.rk-workspace__showcase::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    border: 1px solid rgba(255, 255, 255, .15);
    pointer-events: none;
}
.rk-workspace__switch {
    display: inline-flex;
    gap: .22rem;
    padding: .23rem;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: .66rem;
    background: rgba(255, 255, 255, .08);
    margin-bottom: 1.1rem;
}
.rk-workspace__switch button {
    min-height: 2.15rem;
    padding: .4rem .85rem;
    border-radius: .45rem;
    color: #dfd0e4;
    font-size: .78rem;
    font-weight: 700;
    transition: color .2s ease, background .2s ease;
}
.rk-workspace__switch button.is-active { background: #fff; color: #351249; box-shadow: 0 .2rem .6rem rgba(0,0,0,.13); }
.rk-workspace__window {
    overflow: hidden;
    border-radius: .9rem;
    background: #fffdfa;
    box-shadow: 0 1.3rem 2.2rem rgba(15, 6, 21, .28);
    transform: rotate(-1.3deg);
    animation: rk-workspace-arrive .7s cubic-bezier(.18,.7,.25,1) both;
    transition: transform .3s ease;
}
.rk-workspace__showcase:hover .rk-workspace__window { transform: rotate(0); }
.rk-workspace__window-top {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr) 1rem;
    align-items: center;
    gap: .6rem;
    padding: .7rem .95rem;
    background: #f0edf0;
    border-bottom: 1px solid #e7dfe5;
}
.rk-workspace__window-dots { display: flex; gap: .26rem; }
.rk-workspace__window-dots i { width: .46rem; height: .46rem; border-radius: 50%; background: #c7bdc8; }
.rk-workspace__window-dots i:first-child { background: #eeaa9d; }
.rk-workspace__window-dots i:nth-child(2) { background: #e8c88f; }
.rk-workspace__window-dots i:nth-child(3) { background: #a8c9ac; }
.rk-workspace__address {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .4rem;
    min-width: 0;
    min-height: 2rem;
    padding: .25rem .45rem;
    border-radius: .38rem;
    background: #fff;
    color: #3e2b43;
    font-size: clamp(.66rem, 1.1vw, .82rem);
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.rk-workspace__address span { overflow: hidden; text-overflow: ellipsis; }
.rk-workspace__address svg { width: .77rem; height: .77rem; color: #418867; flex: none; }
.rk-workspace__window-mark { color: #8c7a8d; }
.rk-workspace__window-body { padding: clamp(1.35rem, 3vw, 2.2rem); }
.rk-workspace__identity { display: flex; gap: .7rem; align-items: center; margin-bottom: 2rem; }
.rk-workspace__identity-mark {
    display: grid;
    place-items: center;
    width: 2.55rem;
    height: 2.55rem;
    border-radius: .7rem;
    background: #43195d;
    color: #fff;
    font-size: .82rem;
    font-weight: 800;
}
.rk-workspace__identity strong, .rk-workspace__identity small { display: block; line-height: 1.4; }
.rk-workspace__identity strong { color: #392540; font-size: .83rem; }
.rk-workspace__identity small { color: #948595; font-size: .65rem; }
.rk-workspace__preview-title { color: #29172f; font-size: clamp(1.45rem, 2.3vw, 2rem); font-weight: 800; letter-spacing: -.04em; }
.rk-workspace__preview-title span { color: #ef7e2c; }
.rk-workspace__preview-sub { color: #837482; font-size: .82rem; }
.rk-workspace__preview-lines { display: grid; gap: .46rem; margin: 1.6rem 0; }
.rk-workspace__preview-lines span { height: .62rem; border-radius: 2rem; background: #eee8ec; }
.rk-workspace__preview-lines span:first-child { width: 84%; }
.rk-workspace__preview-lines span:last-child { width: 58%; }
.rk-workspace__preview-action {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    min-width: 11.5rem;
    gap: 1.2rem;
    padding: .7rem .85rem;
    border-radius: .55rem;
    background: #f97316;
    color: #fff;
    font-size: .72rem;
    font-weight: 700;
}
.rk-workspace__example-note { margin: 1rem .15rem 0; color: #e3d6e5; font-size: .72rem; line-height: 1.5; }
@keyframes rk-workspace-arrive { from { opacity: 0; transform: translateY(15px) rotate(-3deg); } to { opacity: 1; transform: translateY(0) rotate(-1.3deg); } }
@media (max-width: 820px) {
    .rk-workspace__grid { grid-template-columns: 1fr; gap: 2.2rem; }
    .rk-workspace__copy > p { max-width: 38rem; }
    .rk-workspace__showcase { max-width: 38rem; width: 100%; margin-inline: auto; }
}
@media (max-width: 480px) {
    .rk-workspace { padding: 3.5rem 0; }
    .rk-workspace h2 { font-size: clamp(2.15rem, 10vw, 2.8rem); }
    .rk-workspace__points { display: grid; gap: .75rem; }
    .rk-workspace__cta { width: 100%; justify-content: space-between; }
    .rk-workspace__showcase { padding: 1rem; border-radius: 1.1rem; }
    .rk-workspace__window { transform: none; }
    .rk-workspace__showcase:hover .rk-workspace__window { transform: none; }
    .rk-workspace__window-top { grid-template-columns: 2.3rem minmax(0, 1fr) .65rem; gap: .3rem; padding: .6rem; }
    .rk-workspace__window-body { padding: 1.3rem; }
    .rk-workspace__identity { margin-bottom: 1.4rem; }
    .rk-workspace__preview-lines { margin: 1.15rem 0; }
}
@media (prefers-reduced-motion: reduce) {
    .rk-workspace__window { animation: none; }
    .rk-workspace__cta, .rk-workspace__cta-arrow, .rk-workspace__window, .rk-workspace__switch button { transition: none; }
}
