/*
Theme Name: Web Owl English
Theme URI: https://web-owl.co.il/
Author: Web Owl
Author URI: https://web-owl.co.il/
Description: English LTR WordPress theme inspired by the visual language and section structure of Web Owl.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: web-owl-en
*/

:root{
  --bg:#07111a;
  --bg-2:#0b1722;
  --panel:#0f1d29;
  --panel-2:#142533;
  --text:#f6f8fb;
  --muted:#9fb0bf;
  --line:rgba(255,255,255,.12);
  --accent:#2aa8e8;
  --accent-2:#7dd8ff;
  --warm:#f0a061;
  --max:1240px;
  --radius:26px;
  --shadow:0 28px 70px rgba(0,0,0,.26);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.6;direction:ltr}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
button,input,textarea,select{font:inherit}
.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}
.section{padding:110px 0;position:relative}
.eyebrow{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-2);font-weight:700;margin-bottom:16px}
.section-title{font-size:clamp(42px,6vw,86px);line-height:.96;letter-spacing:-.055em;margin:0 0 24px;max-width:900px}
.section-copy{font-size:18px;color:var(--muted);max-width:760px;margin:0}

.site-header{position:fixed;inset:0 0 auto 0;z-index:1000;background:linear-gradient(to bottom,rgba(7,17,26,.95),rgba(7,17,26,.66),transparent);transition:.25s ease}
.site-header.is-scrolled{background:rgba(7,17,26,.93);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.header-inner{height:94px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;gap:14px;font-weight:800;letter-spacing:-.03em}
.brand-mark{width:50px;height:50px;border:1px solid rgba(125,216,255,.4);border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(42,168,232,.2),rgba(255,255,255,.03));box-shadow:inset 0 0 30px rgba(42,168,232,.08)}
.brand-mark svg{width:32px;height:32px;stroke:var(--accent-2)}
.brand-text{font-size:23px;line-height:.9}.brand-text small{display:block;color:var(--muted);font-size:10px;letter-spacing:.22em;text-transform:uppercase;margin-top:8px}
.nav-menu{display:flex;align-items:center;gap:30px;list-style:none;margin:0;padding:0;font-size:14px;font-weight:600}
.nav-menu a{color:#dbe6ed}.nav-menu a:hover{color:var(--accent-2)}
.header-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:999px;font-weight:700;border:1px solid transparent;transition:.25s ease}
.header-cta,.btn-primary{background:var(--text);color:#07111a}.header-cta:hover,.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(255,255,255,.14)}
.btn-outline{border-color:var(--line);color:var(--text);background:rgba(255,255,255,.02)}
.btn-outline:hover{border-color:rgba(125,216,255,.48);color:var(--accent-2)}
.mobile-toggle{display:none;background:none;border:0;color:white;font-size:28px}

.hero{min-height:100vh;padding:180px 0 90px;overflow:hidden;display:flex;align-items:center}
.hero:before{content:"";position:absolute;width:700px;height:700px;border:1px solid rgba(125,216,255,.09);border-radius:50%;right:-210px;top:80px;box-shadow:0 0 0 100px rgba(125,216,255,.015),0 0 0 220px rgba(125,216,255,.01)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;position:relative;z-index:2}
.hero h1{font-size:clamp(70px,10vw,155px);line-height:.78;letter-spacing:-.07em;margin:12px 0 34px;text-transform:uppercase}
.hero h1 span{display:block;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.58)}
.hero p{color:#c0ccd5;font-size:20px;max-width:690px;margin:0 0 34px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.hero-art{position:relative;min-height:620px}
.hero-photo{position:absolute;inset:40px 0 0 30px;border-radius:40px;overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.12);transform:rotate(2deg)}
.hero-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.03)}
.hero-chip{position:absolute;background:rgba(10,26,38,.86);backdrop-filter:blur(15px);border:1px solid rgba(125,216,255,.2);padding:18px 22px;border-radius:20px;font-weight:700;box-shadow:var(--shadow)}
.hero-chip.one{left:-18px;top:20px}.hero-chip.two{right:-10px;bottom:34px}.hero-chip b{display:block;color:var(--accent-2);font-size:13px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:3px}

.marquee{border-block:1px solid var(--line);overflow:hidden;background:#09141e}.marquee-track{display:flex;width:max-content;animation:marquee 28s linear infinite;padding:18px 0}.marquee span{font-size:18px;text-transform:uppercase;letter-spacing:.15em;font-weight:700;color:#dce7ed;white-space:nowrap}.marquee span:after{content:"✦";color:var(--accent);margin:0 28px}@keyframes marquee{to{transform:translateX(-50%)}}

.services{background:linear-gradient(180deg,var(--bg),#091722)}
.services-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:54px}
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.service-card{background:var(--panel);border:1px solid var(--line);border-radius:28px;overflow:hidden;position:relative;transition:.28s ease;min-height:530px;display:flex;flex-direction:column}
.service-card:hover{transform:translateY(-8px);border-color:rgba(125,216,255,.35)}
.service-media{height:230px;overflow:hidden}.service-media img{width:100%;height:100%;object-fit:cover;transition:.5s ease}.service-card:hover img{transform:scale(1.045)}
.service-body{padding:28px;display:flex;flex-direction:column;flex:1}.service-no{color:var(--accent-2);font-size:12px;letter-spacing:.15em;font-weight:800}.service-card h3{font-size:28px;line-height:1.04;letter-spacing:-.03em;margin:18px 0 14px}.service-card p{color:var(--muted);margin:0 0 24px}.service-link{margin-top:auto;font-weight:700;font-size:14px;color:#fff}.service-link span{color:var(--accent-2);margin-left:8px}

.about{background:#f3f1ec;color:#111820}.about .eyebrow{color:#267ea9}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.about .section-copy{color:#53616b}.about-visual{position:relative}.about-visual img{border-radius:34px;width:100%;height:680px;object-fit:cover}.about-badge{position:absolute;left:-28px;bottom:50px;width:210px;height:210px;border-radius:50%;display:grid;place-items:center;text-align:center;background:#0b1822;color:white;border:10px solid #f3f1ec;box-shadow:var(--shadow);font-size:17px;font-weight:700}.about-points{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:34px}.about-point{padding:24px;border-top:1px solid rgba(17,24,32,.16)}.about-point b{display:block;font-size:18px;margin-bottom:6px}.about-point span{font-size:14px;color:#65727b}

.roadmap{background:#0a1620}.roadmap-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;margin-bottom:60px;align-items:end}.roadmap-list{border-top:1px solid var(--line)}.road-step{display:grid;grid-template-columns:120px 1fr 1.3fr 60px;gap:32px;align-items:center;padding:35px 0;border-bottom:1px solid var(--line);transition:.2s}.road-step:hover{padding-left:14px;background:linear-gradient(90deg,rgba(42,168,232,.05),transparent)}.road-no{font-size:16px;color:var(--accent-2);font-weight:800}.road-step h3{font-size:30px;margin:0;letter-spacing:-.03em}.road-step p{margin:0;color:var(--muted)}.road-arrow{font-size:28px;color:var(--accent-2)}

.achievements{background:#08131d}.achievement-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.achievement{background:#08131d;padding:54px;min-height:290px;position:relative;overflow:hidden}.achievement:after{content:attr(data-no);position:absolute;right:20px;bottom:-34px;font-size:170px;line-height:1;font-weight:900;color:rgba(255,255,255,.025)}.achievement small{color:var(--accent-2);text-transform:uppercase;letter-spacing:.15em;font-weight:800}.achievement h3{font-size:40px;line-height:1.05;letter-spacing:-.04em;max-width:530px;margin:30px 0 0}

.team{background:#efede8;color:#111820}.team .eyebrow{color:#267ea9}.team-top{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.team-card{background:#dfe2e3;border-radius:28px;overflow:hidden;position:relative}.team-card img{width:100%;aspect-ratio:.73;object-fit:cover;filter:saturate(.86)}.team-info{padding:22px}.team-info h3{font-size:21px;margin:0 0 4px}.team-info p{margin:0;color:#66727b;font-size:14px}

.stats{background:#101d28;padding:70px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat{padding:26px 30px;border-left:1px solid var(--line)}.stat:first-child{border-left:0}.stat strong{font-size:64px;letter-spacing:-.05em;line-height:1;color:#fff}.stat span{display:block;color:var(--muted);margin-top:8px;font-size:14px}

.subscribe{background:#f5f3ef;color:#0b1620}.subscribe-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.subscribe .section-title{font-size:clamp(46px,6vw,88px)}.subscribe-form{display:flex;gap:10px;border-bottom:1px solid rgba(11,22,32,.35);padding-bottom:10px}.subscribe-form input{flex:1;border:0;background:transparent;outline:0;font-size:18px;color:#0b1620}.subscribe-form button{border:0;border-radius:999px;background:#0b1620;color:white;padding:16px 24px;font-weight:800}

.stack{background:#07111a}.stack-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.stack-image{border-radius:32px;overflow:hidden;border:1px solid var(--line)}.stack-image img{width:100%;height:590px;object-fit:cover}.stack-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.stack-pill{padding:13px 18px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);font-weight:700;color:#dce8ef}.stack-pill:hover{border-color:rgba(125,216,255,.4);color:var(--accent-2)}

.blog{background:#0b1722}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:50px}.blog-card{border:1px solid var(--line);border-radius:26px;overflow:hidden;background:var(--panel)}.blog-card .thumb{aspect-ratio:1.45;overflow:hidden}.blog-card .thumb img{width:100%;height:100%;object-fit:cover;transition:.4s}.blog-card:hover .thumb img{transform:scale(1.04)}.blog-card-body{padding:26px}.blog-meta{font-size:12px;color:var(--accent-2);letter-spacing:.08em;text-transform:uppercase}.blog-card h3{font-size:25px;line-height:1.12;margin:16px 0}.blog-card p{color:var(--muted);font-size:14px}

.site-footer{background:#03080d;padding:90px 0 30px}.footer-top{display:grid;grid-template-columns:1.4fr .6fr .7fr .9fr;gap:60px;padding-bottom:60px;border-bottom:1px solid var(--line)}.footer-brand .brand{margin-bottom:25px}.footer-brand p{color:var(--muted);max-width:420px}.footer-col h4{font-size:14px;text-transform:uppercase;letter-spacing:.12em;color:#fff;margin:0 0 22px}.footer-col ul{list-style:none;padding:0;margin:0}.footer-col li{margin:11px 0;color:var(--muted);font-size:14px}.footer-col a:hover{color:var(--accent-2)}.footer-bottom{display:flex;justify-content:space-between;gap:25px;padding-top:28px;color:#6f808d;font-size:13px}

.page-hero{padding:180px 0 80px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(56px,8vw,110px);letter-spacing:-.06em;line-height:.9;margin:0}.content-wrap{padding:70px 0}.entry-content{max-width:850px;font-size:18px}.entry-content h2,.entry-content h3{letter-spacing:-.03em}.entry-content p{color:#c0ccd5}.post-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}

@media(max-width:1050px){
  .nav-menu{display:none;position:absolute;top:84px;left:20px;right:20px;padding:24px;background:#0a1822;border:1px solid var(--line);border-radius:20px;flex-direction:column;align-items:flex-start}.nav-menu.is-open{display:flex}.mobile-toggle{display:block}.header-cta{display:none}.hero-grid,.about-grid,.roadmap-intro,.subscribe-grid,.stack-grid{grid-template-columns:1fr}.hero-art{min-height:480px}.services-grid,.team-grid{grid-template-columns:repeat(2,1fr)}.road-step{grid-template-columns:75px 1fr}.road-step p{grid-column:2}.road-arrow{display:none}.footer-top{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat:nth-child(3){border-left:0}.blog-grid,.post-list{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .container{width:min(calc(100% - 28px),var(--max))}.section{padding:76px 0}.header-inner{height:78px}.brand-text{font-size:19px}.hero{padding-top:130px}.hero h1{font-size:64px}.hero-grid{gap:32px}.hero-art{min-height:430px}.hero-photo{inset:20px 0 0}.hero-chip{font-size:13px;padding:14px}.services-head,.team-top{display:block}.services-grid,.team-grid,.achievement-grid,.blog-grid,.post-list{grid-template-columns:1fr}.service-card{min-height:unset}.about-visual img{height:500px}.about-badge{width:155px;height:155px;left:10px;bottom:25px;font-size:13px}.about-points{grid-template-columns:1fr}.road-step{grid-template-columns:52px 1fr;gap:14px}.road-step h3{font-size:24px}.achievement{padding:34px;min-height:230px}.achievement h3{font-size:30px}.stats-grid{grid-template-columns:1fr 1fr}.stat{padding:18px;border-left:0;border-top:1px solid var(--line)}.stat strong{font-size:48px}.subscribe-form{display:block}.subscribe-form button{margin-top:15px;width:100%}.stack-image img{height:390px}.footer-top{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom div+div{margin-top:8px}
}