@import url("https://fonts.googleapis.com/css2?family=Literata:opsz,wght@7..72,500;7..72,700&family=Karla:wght@400;500;600;700&display=swap");

:root{--sut:#f7f6f1;--beton:#d9dbd6;--koyu:#18211f;--mavi:#1457d9;--turuncu:#f06d2f;--cim:#6aa84f;--soluk:#e9ebe6;--muted:#59625f;--line:rgba(24,33,31,.18);--radius:5px;--space:8px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sut);color:var(--koyu);font:16px/1.55 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}button{cursor:pointer}.wrap{max-width:1240px;margin:auto;padding:0 32px}.topline{background:var(--koyu);color:var(--sut);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.topline .wrap{height:36px;display:flex;align-items:center;justify-content:space-between}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{font:700 32px/1 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.03em;display:flex;gap:10px;align-items:center}.brand-mark{width:26px;height:26px;border:5px solid var(--mavi);border-radius:50%;position:relative}.brand-mark:after{content:'';position:absolute;width:13px;height:5px;background:var(--turuncu);right:-12px;top:6px;transform:rotate(-36deg)}.navlinks{display:flex;gap:20px;font-size:13px;font-weight:600}.navlinks a{padding:7px 0;border-bottom:2px solid transparent}.navlinks a:hover,.navlinks a[aria-current]{border-color:var(--mavi)}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.13em;font-weight:700;color:var(--mavi)}h1,h2,h3{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;line-height:.92;margin:0;letter-spacing:-.015em}h1{font-size:clamp(52px,7.8vw,115px);max-width:950px}h2{font-size:clamp(37px,5vw,68px)}h3{font-size:28px}p{margin:0}.lede{font-size:18px;max-width:570px;color:var(--muted)}.route{height:90px;width:100%;overflow:visible}.route path{fill:none;stroke-width:10;stroke-linecap:round;stroke-linejoin:round}.route .dash{stroke-dasharray:2 17;stroke-width:4}.intro{padding:64px 0 34px}.week-map{background:var(--beton);padding:34px 42px 4px;margin-top:44px;position:relative;overflow:hidden}.map-label{display:flex;justify-content:space-between;align-items:center;gap:16px}.map-label strong{font:600 20px 'Barlow Condensed',sans-serif;text-transform:uppercase}.route-map{height:230px;margin-top:10px}.route-map path{stroke-width:17}.route-map .dash{stroke-width:5}.map-note{background:var(--koyu);color:var(--sut);padding:17px 20px;display:inline-block;font-size:14px;margin:0 0 26px}.section{padding:78px 0}.split-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:35px}.directions{display:grid;grid-template-columns:1.1fr .9fr 1fr;gap:12px}.direction{min-height:285px;padding:26px;display:flex;flex-direction:column;justify-content:space-between}.direction:nth-child(1){background:var(--mavi);color:white}.direction:nth-child(2){background:var(--turuncu)}.direction:nth-child(3){background:var(--cim)}.direction .num{font:600 18px 'Barlow Condensed';border:2px solid currentColor;border-radius:50%;width:36px;height:36px;display:grid;place-items:center}.direction p{max-width:260px;font-size:14px}.direction .arr{font-size:63px;line-height:.6;align-self:end}.selector-band{background:var(--koyu);color:var(--sut);padding:42px;margin:0}.selector-band h2{max-width:500px}.selector-band .row{display:flex;justify-content:space-between;gap:40px;align-items:end}.selector-band select{appearance:none;background:transparent;color:var(--sut);border:none;border-bottom:2px solid var(--sut);padding:12px 42px 12px 0;min-width:245px}.selector-band option{color:var(--koyu)}.labels{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.label{border:1px solid rgba(255,255,255,.5);padding:7px 10px;font-size:12px}.label:before{content:'↗';color:var(--cim);font-weight:700;margin-right:7px}.minute{background:var(--mavi);color:white;padding:25px 32px;display:grid;grid-template-columns:160px 1fr;gap:24px;align-items:center}.minute strong{font:600 33px/.9 'Barlow Condensed';text-transform:uppercase}.faq{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.faq button{text-align:left;border:0;border-top:5px solid var(--koyu);background:transparent;padding:18px 0;font:600 27px/.95 'Barlow Condensed';text-transform:uppercase}.faq p{font-size:14px;color:var(--muted);margin-top:14px}.disclaimer{border-top:1px solid var(--line);padding:20px 0;font-size:12px;color:var(--muted)}footer{background:var(--koyu);color:var(--sut);padding:38px 0 25px;margin-top:52px}footer .foot{display:flex;justify-content:space-between;gap:30px;align-items:start}footer nav{display:flex;gap:16px;flex-wrap:wrap;font-size:13px}.page-title{padding:62px 0 30px;border-bottom:1px solid var(--line)}.page-title .lede{margin-top:21px}.stage-layout{display:grid;grid-template-columns:250px 1fr;gap:28px;padding:40px 0}.stages{display:grid;gap:6px;align-content:start}.stage{border:0;text-align:left;background:var(--soluk);padding:16px;font:600 21px 'Barlow Condensed';text-transform:uppercase;transition:.2s}.stage:hover,.stage.active{background:var(--mavi);color:white}.field{min-height:500px;background:#a9c79b;position:relative;overflow:hidden;display:grid;place-items:center}.field:before{content:'';position:absolute;width:62%;height:70%;border:2px solid rgba(255,255,255,.7);border-radius:0 0 50% 50%;top:-38%}.field:after{content:'';position:absolute;width:2px;height:100%;background:rgba(255,255,255,.7)}.field svg{width:92%;position:relative;z-index:1}.field .route path{stroke-width:18}.field-card{background:var(--koyu);color:var(--sut);padding:22px;position:absolute;right:20px;bottom:20px;z-index:2;max-width:310px}.compare{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compare article{padding:28px;background:var(--soluk)}.story-list{display:grid;gap:13px}.story{padding:32px;background:var(--soluk);display:grid;grid-template-columns:140px 1fr auto;gap:25px;align-items:center}.story-arrow{font:70px/.7 'Barlow Condensed';color:var(--mavi)}.story:nth-child(2) .story-arrow{color:var(--turuncu)}.story:nth-child(3) .story-arrow{color:var(--cim)}.open-story{border:0;background:var(--koyu);color:white;padding:11px 15px;text-transform:uppercase;font-size:11px;font-weight:700}.story-frames{display:none;grid-template-columns:repeat(3,1fr);gap:8px;grid-column:2/4;margin-top:5px}.story.is-open .story-frames{display:grid}.frame{padding:15px;background:var(--sut);font-size:13px}.tagset{display:flex;flex-wrap:wrap;gap:10px}.tag{border:1px solid var(--line);background:transparent;padding:13px 17px;font-weight:600}.tag.active,.tag:hover{background:var(--turuncu);border-color:var(--turuncu)}.style-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px;padding:48px 0}.style-panel{background:var(--soluk);padding:26px}.style-panel select{width:100%;padding:12px;background:var(--sut);border:1px solid var(--line)}.style-route{background:var(--koyu);color:white;padding:30px;margin-top:16px}.style-route .route{height:130px}.ring-wrap{min-height:540px;background:var(--soluk);display:grid;place-items:center;position:relative;overflow:hidden}.ring{width:min(460px,88vw);aspect-ratio:1;border:58px solid var(--mavi);border-right-color:var(--turuncu);border-bottom-color:var(--cim);border-radius:50%;position:relative}.ring:after{content:'MERKEZ  ·  KENAR  ·  GEÇİŞ';font:600 23px 'Barlow Condensed';position:absolute;inset:0;display:grid;place-items:center;text-align:center}.marker{position:absolute;border:0;width:38px;height:38px;border-radius:50%;background:var(--sut);font-weight:700}.marker:hover,.marker:focus{outline:3px solid var(--koyu)}.m1{top:8%;left:48%}.m2{right:7%;top:50%}.m3{bottom:10%;left:24%}.m4{left:10%;top:40%}.capsule{background:var(--koyu);color:white;padding:25px;max-width:590px;margin:18px auto 0}.checks{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.check{border:0;background:var(--soluk);padding:22px;text-align:left;min-height:190px}.check b{display:block;font:48px/.8 'Barlow Condensed';color:var(--mavi);margin-bottom:24px}.check.active,.check:hover{background:var(--mavi);color:white}.check.active b,.check:hover b{color:var(--sut)}.notice{margin:48px auto;padding:44px;max-width:800px;background:var(--turuncu)}.notice .age{font:700 88px/.8 'Barlow Condensed';display:block;margin-bottom:15px}.legal{max-width:760px;padding:56px 0}.legal h2{font-size:42px;margin-top:46px;margin-bottom:12px}.legal p{color:var(--muted);margin:12px 0}.mobile-nav{display:none}
@media(max-width:800px){.wrap{padding:0 18px}.nav{min-height:68px}.navlinks{display:none}.mobile-nav{display:block;border:0;background:var(--mavi);color:white;padding:9px 12px;font-size:12px;font-weight:700}.intro{padding-top:42px}.week-map{margin-top:28px;padding:24px 20px}.route-map{height:175px}.directions,.faq,.checks{grid-template-columns:1fr}.direction{min-height:195px}.selector-band{padding:28px 20px}.selector-band .row,.split-head{display:block}.selector-band select{margin-top:25px}.section{padding:54px 0}.minute{grid-template-columns:1fr;padding:24px 20px}.stage-layout,.style-grid{grid-template-columns:1fr;gap:18px}.stages{grid-template-columns:repeat(2,1fr)}.field{min-height:430px}.compare{grid-template-columns:1fr}.story{grid-template-columns:70px 1fr;padding:24px 18px;gap:15px}.story-arrow{font-size:48px}.open-story{grid-column:2}.story-frames{grid-column:1/3}.ring-wrap{min-height:440px}.checks{gap:8px}.check{min-height:120px}footer .foot{display:block}footer nav{margin-top:24px}.topline .wrap span:last-child{display:none}}
/* Generated editorial collages replace the diagram surfaces. */
.week-map .route-map{display:none}.week-map:after{content:'';display:block;height:230px;margin-top:18px;background:url('assets/route-map.png') center/cover no-repeat}.field>svg{display:none}.field{background:#18211f url('assets/switch-play.png') center/cover no-repeat}.style-route>svg{display:none}.style-route{height:160px;padding:0;background:#18211f url('assets/second-ball.png') center/cover no-repeat}.story{background-color:var(--soluk);background-image:url('assets/route-map.png');background-size:170px 118px;background-position:32px center;background-repeat:no-repeat}.story:nth-child(2){background-image:url('assets/switch-play.png')}.story:nth-child(3){background-image:url('assets/second-ball.png')}@media(max-width:800px){.week-map:after{height:175px}.story{background-size:70px 80px;background-position:18px center}.story-arrow{visibility:hidden}}

:root{--sut:#f5f3ef;--beton:#e8e6e0;--koyu:#1c211f;--mavi:#2a5c8a;--turuncu:#b85c38;--cim:#4a7344}
body{font:16px/1.6 Karla,system-ui,sans-serif!important;background:var(--sut)!important}
h1,h2,h3{font-family:Literata,Georgia,serif!important;text-transform:none!important;line-height:1.15!important;letter-spacing:-.03em!important}
h1{font-size:clamp(2rem,5vw,3.2rem)!important;max-width:18ch!important}
.eyebrow{text-transform:none!important;letter-spacing:0!important;font-size:13px!important;font-weight:600!important;color:var(--mavi)!important}
.direction .num,.brand-mark{display:none!important}
.direction .arr{font-size:2rem!important}
.intro{padding-top:48px!important}
.navlinks a:hover,.navlinks a[aria-current]{border-color:var(--mavi)!important;color:var(--mavi)!important}
.check:hover,.check.active{background:var(--mavi)!important;color:#fff!important}
.check.active b,.check:hover b{color:#fff!important}
.stage:hover,.stage.active{background:var(--mavi)!important;color:#fff!important}
.tag:hover,.tag.active{background:var(--turuncu)!important;border-color:var(--turuncu)!important;color:#fff!important}