/* KRONOMETREM v6.35 — public website visual unity layer
   Reference pages (coach/student/parent/contact) are normalized to the same
   spacing, typography, controls, radii and responsive rhythm as Home/Features. */

/* One design-token set for every public page. */
.rf-site{
  --rf-ink:var(--ink,#0b315d);
  --rf-muted:var(--muted,#64778c);
  --rf-blue:var(--blue,#087cff);
  --rf-line:var(--line,#e3edf6);
  --rf-white:#fff;
  --rf-radius:14px;
  margin:0;
  color:var(--ink,#0b315d);
  background:#fff;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:14px;
  font-weight:400;
  line-height:1.55;
}
.rf-site h1,.rf-site h2,.rf-site h3,.rf-site p,.rf-site figure{font-family:inherit}
.rf-site .rf-container{width:min(1180px,calc(100% - 48px));margin-inline:auto}

/* Buttons use the same dimensions and weight as site.css. */
.rf-site .rf-button{
  min-height:0;
  padding:11px 19px;
  gap:8px;
  border-radius:9px;
  border:1px solid transparent;
  background:#087cff;
  color:#fff;
  font-family:inherit;
  font-size:12px;
  font-weight:750;
  line-height:1.2;
  box-shadow:0 8px 20px rgba(8,124,255,.22);
  transition:.2s;
}
.rf-site .rf-button:hover{transform:translateY(-1px);background:#087cff;box-shadow:0 8px 20px rgba(8,124,255,.22)}
.rf-site .rf-button .rf-icon{width:16px;height:16px}
.rf-site .rf-button-outline{border-color:#8299b2;background:#fff;color:#07315d;box-shadow:none}

/* Hero: same gradient, scale and vertical rhythm as Home/Features. */
.rf-site .rf-hero{
  background:linear-gradient(108deg,#073969 0%,#075690 53%,#063866 100%);
  color:#fff;
}
.rf-site .rf-hero:before{
  background:radial-gradient(circle at 70% 20%,rgba(20,144,235,.28),transparent 35%),linear-gradient(90deg,rgba(1,31,61,.14),transparent 60%);
}
.rf-site .rf-hero-inner,
.rf-site.rf-page-ogrenciler .rf-hero-inner,
.rf-site.rf-page-veliler .rf-hero-inner,
.rf-site.rf-page-iletisim .rf-hero-inner{
  width:min(1180px,calc(100% - 48px));
  min-height:430px;
  align-items:center;
}
.rf-site .rf-hero-copy,
.rf-site.rf-page-ogrenciler .rf-hero-copy,
.rf-site.rf-page-veliler .rf-hero-copy,
.rf-site.rf-page-iletisim .rf-hero-copy{
  width:48%;
  padding:37px 0 27px;
}
.rf-site .rf-eyebrow{
  margin-bottom:9px;
  color:#79d2ff;
  font-family:inherit;
  font-size:10px;
  font-weight:850;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.rf-site .rf-hero h1,
.rf-site.rf-page-veliler .rf-hero h1{
  max-width:520px;
  margin:0 0 12px;
  font-size:46px;
  line-height:1.08;
  font-weight:800;
  letter-spacing:-.035em;
}
.rf-site .rf-hero-description,
.rf-site.rf-page-ogrenciler .rf-hero-description,
.rf-site.rf-page-veliler .rf-hero-description,
.rf-site.rf-page-iletisim .rf-hero-description{
  max-width:470px;
  margin:0 0 20px;
  color:#e4f1fc;
  font-size:13px;
  line-height:1.65;
  text-shadow:none;
}
.rf-site .rf-hero-person,
.rf-site.rf-page-ogrenciler .rf-hero-person,
.rf-site.rf-page-iletisim .rf-hero-person{
  right:0;
  height:92%;
}
.rf-site.rf-page-veliler .rf-hero-person{right:-10px;height:90%;width:auto;max-width:58%}
.rf-site .rf-handnote,
.rf-site.rf-page-ogrenciler .rf-handnote,
.rf-site.rf-page-veliler .rf-handnote,
.rf-site.rf-page-iletisim .rf-handnote{
  top:38px;
  right:0;
  width:132px;
  color:#fff;
  font-size:18px;
  line-height:1.2;
}
.rf-site .rf-handnote svg{width:58px;height:28px}
.rf-site .rf-hero-pattern{opacity:.14}

/* Benefit row aligns with the compact card language used on Home/Features. */
.rf-site .rf-benefits{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  padding-top:20px;
}
.rf-site .rf-benefit,
.rf-site.rf-page-egitim_koclugu .rf-benefit{
  min-height:104px;
  padding:14px 12px;
  border:1px solid var(--line,#e3edf6);
  border-radius:14px;
  background:#fff;
  box-shadow:none;
}
.rf-site .rf-benefit .rf-iconbox{width:42px;height:42px;margin-bottom:8px;border-radius:12px}
.rf-site .rf-benefit .rf-iconbox .rf-icon{width:24px;height:24px}
.rf-site .rf-benefit h2{font-size:12px;font-weight:750;letter-spacing:0}
.rf-site .rf-benefit p{margin-top:4px;color:var(--muted,#64778c);font-size:10.5px;line-height:1.45}

/* Generic section rhythm and headings are identical in scale. */
.rf-site .rf-solutions{padding-top:48px}
.rf-site .rf-section-heading{max-width:690px;margin:0 auto 25px;text-align:center}
.rf-site .rf-section-heading h2,
.rf-site .rf-testimonials .rf-section-heading h2{
  margin:0 0 8px;
  color:var(--ink,#0b315d);
  font-size:28px;
  line-height:1.18;
  font-weight:750;
  letter-spacing:-.025em;
}
.rf-site .rf-section-heading p{margin:0;color:var(--muted,#64778c);font-size:12px;line-height:1.55}
.rf-site .rf-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rf-site .rf-card{
  min-height:132px;
  padding:15px 14px;
  border:1px solid var(--line,#e3edf6);
  border-radius:14px;
  background:#fff;
  box-shadow:none;
  transition:.2s;
}
.rf-site .rf-card:hover{transform:translateY(-2px);box-shadow:var(--shadow,0 18px 48px rgba(6,49,93,.10))}
.rf-site .rf-card .rf-iconbox{width:40px;height:40px;border-radius:12px}
.rf-site .rf-card .rf-iconbox .rf-icon{width:23px;height:23px}
.rf-site .rf-card h3,
.rf-site.rf-page-ogrenciler .rf-card h3{margin:8px 0 4px;font-size:12px;line-height:1.3;font-weight:750;letter-spacing:0}
.rf-site .rf-card p,
.rf-site.rf-page-ogrenciler .rf-card p{color:var(--muted,#64778c);font-size:10.5px;line-height:1.5}

/* Showcase uses the same rounded dark-panel language as the site's CTA/hero. */
.rf-site .rf-showcase-wrap{padding-top:36px}
.rf-site .rf-showcase,
.rf-site.rf-page-veliler .rf-showcase{min-height:286px;border-radius:14px}
.rf-site .rf-showcase-dark{background:linear-gradient(108deg,#073969 0%,#075690 53%,#063866 100%)}
.rf-site .rf-showcase-copy,
.rf-site.rf-page-egitim_koclugu .rf-showcase-copy,
.rf-site.rf-page-veliler .rf-showcase-copy{width:52%;padding:32px 28px}
.rf-site .rf-showcase-copy h2,
.rf-site.rf-page-egitim_koclugu .rf-showcase-copy h2,
.rf-site.rf-page-veliler .rf-showcase-copy h2{margin:0 0 18px;font-size:28px;line-height:1.18;font-weight:750;letter-spacing:-.025em;white-space:normal}
.rf-site .rf-checks{gap:9px}
.rf-site .rf-checks li,
.rf-site.rf-page-veliler .rf-checks li{gap:8px;font-size:12px;line-height:1.4;white-space:normal}
.rf-site .rf-checks .rf-icon{width:20px;height:20px}
.rf-site .rf-device-scene,
.rf-site.rf-page-veliler .rf-device-scene{right:24px;bottom:20px;width:44%;height:220px}
.rf-site .rf-showcase-student{min-height:330px;background:linear-gradient(120deg,#edf8ff,#f8fcff);border-color:var(--line,#e3edf6)}
.rf-site .rf-showcase-student .rf-showcase-copy{width:53%;padding:35px 28px 30px}
.rf-site .rf-showcase-student .rf-showcase-copy h2{margin-bottom:20px;font-size:28px;line-height:1.18}
.rf-site .rf-showcase-student .rf-checks{margin-left:0;gap:9px}
.rf-site .rf-showcase-student .rf-checks li{font-size:12px;line-height:1.4}
.rf-site .rf-study-note{font-size:22px}

/* Testimonials mirror Home cards. */
.rf-site .rf-testimonials{padding-top:48px}
.rf-site .rf-testimonials .rf-section-heading{margin-bottom:20px}
.rf-site .rf-quote-grid{gap:12px}
.rf-site .rf-quote{
  min-height:132px;
  padding:16px 14px 14px 84px;
  border:1px solid var(--line,#e3edf6);
  border-radius:14px;
  background:#fff;
}
.rf-site .rf-avatar{width:58px;height:58px;left:14px;top:16px}
.rf-site .rf-quote blockquote{margin:0 0 8px;color:var(--muted,#64778c);font-size:10.5px;line-height:1.55}
.rf-site .rf-quote figcaption strong{font-size:11.5px;font-weight:750}
.rf-site .rf-quote figcaption span{margin-top:2px;color:var(--muted,#64778c);font-size:9.5px}

/* CTA scale matches the Home CTA. */
.rf-site .rf-cta-wrap{padding-top:28px;padding-bottom:48px}
.rf-site .rf-cta{
  min-height:118px;
  padding:26px 30px;
  border-radius:14px;
  background:linear-gradient(110deg,#073c74,#005c9d);
}
.rf-site .rf-cta h2{max-width:700px;font-size:24px;font-weight:750;line-height:1.3}
.rf-site .rf-cta .rf-button{min-width:120px;padding:11px 19px}

/* Contact page: same card/form typography as the rest of the public site. */
.rf-site .rf-contact-details{margin-top:-34px;gap:12px}
.rf-site .rf-contact-detail{min-height:100px;padding:16px 14px;gap:12px;border-radius:14px;background:#fff}
.rf-site .rf-contact-detail .rf-iconbox{width:42px;height:42px;border-radius:12px}
.rf-site .rf-contact-detail .rf-iconbox .rf-icon{width:24px;height:24px}
.rf-site .rf-contact-detail h2{margin:1px 0 4px;font-size:12px;font-weight:750}
.rf-site .rf-contact-detail p,.rf-site .rf-contact-detail a{font-size:10.5px;line-height:1.5}
.rf-site .rf-contact-grid{padding-top:36px;gap:16px}
.rf-site .rf-contact-box{padding:24px;border-radius:14px;background:#fff}
.rf-site .rf-contact-box h2{margin-bottom:7px;font-size:24px;font-weight:750;letter-spacing:-.025em}
.rf-site .rf-contact-box>p{margin-bottom:18px;font-size:11.5px;line-height:1.55}
.rf-site .rf-contact-form{gap:14px}
.rf-site .rf-contact-form label{margin-bottom:5px;font-size:11px;font-weight:700}
.rf-site .rf-contact-form input,.rf-site .rf-contact-form select,.rf-site .rf-contact-form textarea{
  min-height:42px;
  padding:10px 11px;
  border:1px solid #dce8f3;
  border-radius:9px;
  background:#fff;
  color:var(--ink,#0b315d);
  font-family:inherit;
  font-size:12px;
}
.rf-site .rf-contact-form textarea{height:110px}
.rf-site .rf-contact-form .rf-button{min-height:42px;font-size:12px}
.rf-site .rf-alert{font-size:11px}
.rf-site .rf-why{padding:24px}
.rf-site .rf-why ul{gap:18px;margin-top:20px}
.rf-site .rf-why li{gap:12px}
.rf-site .rf-why .rf-iconbox{width:42px;height:42px;border-radius:12px}
.rf-site .rf-why .rf-iconbox .rf-icon{width:24px;height:24px}
.rf-site .rf-why h3{margin-bottom:3px;font-size:12px;font-weight:750}
.rf-site .rf-why p{font-size:10.5px;line-height:1.5}
.rf-site .rf-faq{padding-top:48px}
.rf-site .rf-faq-list{border-radius:14px;background:#fff}
.rf-site .rf-faq-list summary{min-height:46px;padding:12px 16px;font-size:12px;font-weight:700}
.rf-site .rf-faq-list details>p{padding:0 16px 14px;font-size:11px;line-height:1.55}
.rf-site .rf-support-wrap{padding-top:28px;padding-bottom:48px}
.rf-site .rf-support{min-height:190px;padding:32px;border-radius:14px}
.rf-site .rf-support>div{width:68%}
.rf-site .rf-support h2{margin-bottom:8px;font-size:28px;font-weight:750}
.rf-site .rf-support p{margin-bottom:18px;font-size:12px;line-height:1.55}
.rf-site .rf-support .rf-button{min-width:120px}
.rf-site .rf-support-art{width:112px;height:112px}

/* Header/footer always stay exactly on the common site.css system. */
.rf-site .site-header,.rf-site .site-footer{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.rf-site .site-header .brand img{height:46px;max-width:210px;width:auto;object-fit:contain}
.rf-site .site-footer .footer-brand img{width:auto;object-fit:contain}

@media(max-width:980px){
  .rf-site .rf-container{width:min(1180px,calc(100% - 40px))}
  .rf-site .rf-hero-inner,.rf-site.rf-page-ogrenciler .rf-hero-inner,.rf-site.rf-page-veliler .rf-hero-inner,.rf-site.rf-page-iletisim .rf-hero-inner{width:min(1180px,calc(100% - 40px));min-height:400px}
  .rf-site .rf-hero-copy,.rf-site.rf-page-ogrenciler .rf-hero-copy,.rf-site.rf-page-veliler .rf-hero-copy,.rf-site.rf-page-iletisim .rf-hero-copy{width:54%}
  .rf-site .rf-hero h1,.rf-site.rf-page-veliler .rf-hero h1{font-size:40px}
  .rf-site .rf-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rf-site .rf-showcase-copy,.rf-site.rf-page-egitim_koclugu .rf-showcase-copy,.rf-site.rf-page-veliler .rf-showcase-copy{width:55%}
  .rf-site .rf-contact-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:700px){
  .rf-site{font-size:14px}
  .rf-site .rf-container{width:calc(100% - 32px)}
  .rf-site .rf-hero-inner,.rf-site.rf-page-ogrenciler .rf-hero-inner,.rf-site.rf-page-veliler .rf-hero-inner,.rf-site.rf-page-iletisim .rf-hero-inner{
    width:calc(100% - 32px);
    min-height:0;
    display:block;
    padding-bottom:260px;
  }
  .rf-site .rf-hero-copy,.rf-site.rf-page-ogrenciler .rf-hero-copy,.rf-site.rf-page-veliler .rf-hero-copy,.rf-site.rf-page-iletisim .rf-hero-copy{width:100%;padding:30px 0 20px}
  .rf-site .rf-hero h1,.rf-site.rf-page-veliler .rf-hero h1{font-size:35px;line-height:1.08}
  .rf-site .rf-hero-description,.rf-site.rf-page-ogrenciler .rf-hero-description,.rf-site.rf-page-veliler .rf-hero-description,.rf-site.rf-page-iletisim .rf-hero-description{font-size:13px;line-height:1.6}
  .rf-site .rf-hero-person,.rf-site.rf-page-ogrenciler .rf-hero-person,.rf-site.rf-page-iletisim .rf-hero-person{height:255px;right:0;max-width:94%}
  .rf-site.rf-page-veliler .rf-hero-person{height:auto;width:100%;max-width:470px;right:-16px}
  .rf-site .rf-handnote,.rf-site.rf-page-ogrenciler .rf-handnote,.rf-site.rf-page-veliler .rf-handnote,.rf-site.rf-page-iletisim .rf-handnote{top:auto;right:auto;left:0;bottom:125px;width:110px;font-size:17px}
  .rf-site.rf-page-veliler .rf-handnote{left:auto;right:0;bottom:185px}
  .rf-site .rf-benefits{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:16px}
  .rf-site .rf-solutions,.rf-site .rf-testimonials,.rf-site .rf-faq{padding-top:38px}
  .rf-site .rf-card-grid{grid-template-columns:1fr}
  .rf-site .rf-card{min-height:0}
  .rf-site .rf-showcase,.rf-site.rf-page-veliler .rf-showcase{min-height:0;padding-bottom:220px}
  .rf-site .rf-showcase-copy,.rf-site.rf-page-egitim_koclugu .rf-showcase-copy,.rf-site.rf-page-veliler .rf-showcase-copy{width:100%;padding:25px 22px}
  .rf-site .rf-showcase-copy h2,.rf-site.rf-page-egitim_koclugu .rf-showcase-copy h2,.rf-site.rf-page-veliler .rf-showcase-copy h2{font-size:25px}
  .rf-site .rf-device-scene,.rf-site.rf-page-veliler .rf-device-scene{width:78%;height:190px;right:11%;bottom:20px}
  .rf-site .rf-showcase-student{padding-bottom:255px}
  .rf-site .rf-showcase-student .rf-showcase-copy{width:100%;padding:26px 22px}
  .rf-site .rf-showcase-student .rf-showcase-copy h2{font-size:25px}
  .rf-site .rf-study-girl{height:265px;max-width:85%}
  .rf-site .rf-quote-grid{grid-template-columns:1fr}
  .rf-site .rf-cta{align-items:flex-start;flex-direction:column;padding:24px}
  .rf-site .rf-cta h2{font-size:22px}
  .rf-site .rf-contact-details{grid-template-columns:1fr;margin-top:16px}
  .rf-site .rf-contact-detail{min-height:0}
  .rf-site .rf-contact-grid{grid-template-columns:1fr;padding-top:28px}
  .rf-site .rf-contact-box{padding:20px}
  .rf-site .rf-support{min-height:230px;padding:25px 22px}
  .rf-site .rf-support>div{width:70%}
  .rf-site .rf-support h2{font-size:24px}
  .rf-site .rf-support-art{right:12px;bottom:28px;top:auto;width:86px;height:86px}
}

@media(max-width:430px){
  .rf-site .rf-benefits{grid-template-columns:1fr 1fr}
  .rf-site .rf-hero h1,.rf-site.rf-page-veliler .rf-hero h1{font-size:32px}
  .rf-site .rf-section-heading h2,.rf-site .rf-testimonials .rf-section-heading h2{font-size:25px}
  .rf-site .rf-showcase,.rf-site.rf-page-veliler .rf-showcase{padding-bottom:200px}
  .rf-site .rf-device-scene,.rf-site.rf-page-veliler .rf-device-scene{height:170px}
  .rf-site .rf-support>div{width:100%}
  .rf-site .rf-support-art{opacity:.35}
}