:root{--bg:#0c1416;--surface:#121d20;--surface2:#182629;--text:#eef2ed;--muted:#9eaaa5;--line:#304044;--accent:#ef5846;--mint:#9fc8b6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif}.skip{position:fixed;top:-60px;left:12px;background:var(--text);color:var(--bg);padding:12px;z-index:5}.skip:focus{top:12px}button,input{font:inherit}.top{height:70px;border-bottom:1px solid var(--line);padding:0 clamp(18px,3.5vw,56px);display:flex;align-items:center;gap:44px}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none}.brand img{width:34px;height:34px}.brand span{font-size:19px;line-height:.9}.brand small{display:block;font:7px IBM Plex Mono;margin-top:6px}.top nav{display:flex;gap:27px}.top nav a,footer a{color:inherit;text-decoration:none;font-size:12px;font-weight:700}.top nav a[aria-current]{color:var(--accent)}.top>time{margin-left:auto;font:10px IBM Plex Mono}.hero{min-height:500px;display:grid;grid-template-columns:1.15fr .85fr;border-bottom:1px solid var(--line);background:var(--surface)}.hero-left{padding:70px clamp(24px,5vw,78px)}.hero small{font:10px IBM Plex Mono;color:var(--mint)}.hero h1{font:clamp(62px,8vw,125px)/.82 Archivo Black;margin:30px 0 18px;letter-spacing:-.07em}.hero-left>p{font-size:20px;color:var(--muted)}.hero form{margin-top:42px;max-width:720px}.hero label{display:block;font:9px IBM Plex Mono;margin-bottom:9px}.hero form>div{display:grid;grid-template-columns:1fr 110px 95px}.hero input,.hero button{height:58px;border:1px solid var(--line);background:var(--bg);color:var(--text);padding:0 16px}.hero button{background:var(--accent);border-color:var(--accent);font-weight:700}.hero button:last-child{background:transparent;border-color:var(--line)}.hero-now{border-left:1px solid var(--line);padding:65px clamp(30px,5vw,78px);display:flex;flex-direction:column;justify-content:center}.hero-now>i{font-size:95px;color:var(--mint);height:110px}.hero-now>strong{font:clamp(95px,11vw,170px)/.8 Archivo Black;letter-spacing:-.08em}.hero-now>span{font-size:18px;color:var(--muted);margin-top:24px}.hero-now>div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:28px}.hero-now small{color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid var(--line)}.metrics article{min-height:135px;padding:24px;border-right:1px solid var(--line)}.metrics span{font:9px IBM Plex Mono;color:var(--muted)}.metrics b{display:block;font:25px Archivo Black;margin:17px 0 5px}.metrics small{font-size:10px;color:var(--muted)}.hourly,.forecast,.turkey,.faq{padding:70px clamp(20px,4.5vw,72px);border-bottom:1px solid var(--line)}.hourly header,.forecast header,.turkey header{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.hourly h2,.forecast h2,.details h2,.turkey h2,.faq h2{font:clamp(37px,4.5vw,68px)/.95 Archivo Black;margin:0;letter-spacing:-.045em}.hourly header button{width:46px;height:46px;border:1px solid var(--line);background:transparent;color:var(--text)}#hourly-track{display:flex;overflow:auto;scroll-snap-type:x mandatory;border-left:1px solid var(--line);scrollbar-color:var(--accent) var(--surface)}.hour{min-width:135px;min-height:230px;border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px;scroll-snap-align:start}.hour time{font:10px IBM Plex Mono}.hour i{display:block;font-size:35px;color:var(--mint);margin:30px 0}.hour b{font:27px Archivo Black}.hour span{display:block;font-size:10px;color:var(--muted);margin-top:8px}.forecast header p,.turkey header p{color:var(--muted)}#daily{border-top:1px solid var(--line)}.day{display:grid;grid-template-columns:150px 60px 1fr repeat(3,150px);align-items:center;gap:20px;min-height:95px;border-bottom:1px solid var(--line)}.day time{font:12px IBM Plex Mono}.day i{font-size:28px;color:var(--mint)}.day .temps{font:27px Archivo Black}.day .temps span{color:var(--muted);margin-left:10px}.day>span{font-size:11px;color:var(--muted)}.details{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.details article{padding:70px clamp(24px,5vw,78px)}.details article+article{border-left:1px solid var(--line)}.sun>div{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px}.sun span{border-left:1px solid var(--line);padding-left:18px}.sun small,.air dt{font:9px IBM Plex Mono;color:var(--muted)}.sun b{display:block;font:25px Archivo Black;margin-top:12px}.air{background:var(--surface)}.air>strong{display:block;font:100px Archivo Black;color:var(--mint);margin-top:38px}.air>p{color:var(--muted)}.air dl{display:grid;grid-template-columns:repeat(4,1fr);margin:35px 0 0}.air dl div{border-left:1px solid var(--line);padding-left:12px}.air dd{margin:10px 0;font:18px IBM Plex Mono}.turkey #popular{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.city-card,#all-cities button{min-height:110px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;color:var(--text);text-align:left;padding:18px}.city-card:hover,#all-cities button:hover{background:var(--accent)}.city-card b{font:20px Archivo Black;display:block}.city-card span{font-size:11px;color:var(--muted)}.city-card:hover span{color:var(--text)}#all-toggle{margin-top:24px;height:48px;border:1px solid var(--line);background:transparent;color:var(--text);padding:0 18px}#all-cities{grid-template-columns:repeat(9,1fr);margin-top:25px;border-left:1px solid var(--line);border-top:1px solid var(--line)}#all-cities:not([hidden]){display:grid}#all-cities button{min-height:58px;padding:10px;font-size:11px}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font-weight:700;cursor:pointer}.faq p{color:var(--muted);line-height:1.7}.skeleton{height:180px;width:100%;background:linear-gradient(90deg,var(--surface),var(--surface2),var(--surface));background-size:200%;animation:load 1.2s infinite}.error{padding:35px;border:1px solid var(--line)}footer{min-height:130px;padding:30px clamp(20px,4.5vw,72px);display:flex;align-items:center;gap:30px}footer>span{margin-left:auto;font:9px IBM Plex Mono;color:var(--muted)}@keyframes load{to{background-position:-200% 0}}button{cursor:pointer}button:active{transform:translateY(1px)}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}@media(max-width:950px){.top nav{display:none}.hero{grid-template-columns:1fr}.hero-now{border-left:0;border-top:1px solid var(--line);min-height:430px}.metrics{grid-template-columns:repeat(3,1fr)}.day{grid-template-columns:110px 45px 1fr 110px}.day>span:nth-last-child(-n+2){display:none}.details{grid-template-columns:1fr}.details article+article{border-left:0;border-top:1px solid var(--line)}.turkey #popular{grid-template-columns:repeat(2,1fr)}#all-cities{grid-template-columns:repeat(5,1fr)}.faq{grid-template-columns:1fr;gap:35px}}@media(max-width:560px){.top{height:62px;padding:0 14px}.top>time{font-size:8px}.hero-left{padding:45px 18px}.hero h1{font-size:58px}.hero form>div{grid-template-columns:1fr 92px}.hero form button:last-child{grid-column:1/-1}.hero-now{padding:45px 20px;min-height:350px}.hero-now>i{font-size:65px;height:80px}.hero-now>strong{font-size:105px}.metrics{grid-template-columns:repeat(2,1fr)}.metrics article{min-height:115px;padding:18px}.hourly,.forecast,.turkey,.faq{padding:55px 18px}.hour{min-width:120px}.forecast header,.turkey header{display:block}.day{grid-template-columns:80px 36px 1fr 85px;gap:10px}.day .temps{font-size:20px}.details article{padding:55px 18px}.sun>div{grid-template-columns:1fr;gap:22px}.air dl{grid-template-columns:1fr 1fr;gap:22px}.turkey #popular{grid-template-columns:1fr 1fr}#all-cities{grid-template-columns:repeat(3,1fr)}footer{flex-wrap:wrap}footer>span{width:100%;margin:0}}