:root{
  --bg:#070b14;
  --bg-deep:#050912;
  --panel:#0d1728;
  --panel-2:#111d31;
  --panel-3:#0a1322;
  --text:#f4f8ff;
  --muted:#96a6bc;
  --muted-2:#6f819a;
  --line:rgba(255,255,255,.085);
  --line-strong:rgba(112,190,255,.18);
  --accent:#49a8ff;
  --accent-2:#7bd6ff;
  --accent-deep:#1d6fff;
  --success:#4bd79d;
  --radius:24px;
  --shadow:0 28px 80px rgba(0,0,0,.34);
  --container:1180px;
  --header-h:82px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{
  margin:0;
  background:
    radial-gradient(circle at 82% -8%,rgba(61,132,255,.11),transparent 27%),
    var(--bg);
  color:var(--text);
  font-family:"Heebo","Segoe UI",Arial,sans-serif;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
button,input,textarea,select{font:inherit}
button{color:inherit}
svg{display:block;width:100%;height:100%}
.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}
.section{padding:118px 0}
.section-shell{position:relative;overflow:hidden}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
.reveal.visible{opacity:1;transform:none}.reveal-delay,.reveal-delay-1{transition-delay:.08s}.reveal-delay-2{transition-delay:.14s}

/* Header */
.site-header{position:fixed;top:0;right:0;left:0;z-index:1000;background:rgba(7,11,20,.78);border-bottom:1px solid transparent;backdrop-filter:blur(18px);transition:background .2s ease,border-color .2s ease}
.site-header.scrolled{background:rgba(7,11,20,.94);border-color:var(--line)}
.admin-bar .site-header{top:32px}
.nav-wrap{height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:30px;min-width:0}
.brand{display:inline-flex;align-items:center;gap:12px;flex:0 0 auto;direction:ltr}
.brand-mark-doublew{width:44px;height:30px;filter:drop-shadow(0 7px 20px rgba(73,168,255,.18));flex:0 0 auto}
.brand-name{display:inline-flex;align-items:baseline;direction:ltr;font-family:"Inter","Segoe UI",Arial,sans-serif;font-size:1.1rem;letter-spacing:-.045em;line-height:1}
.brand-name b,.brand-name em{font-style:normal;font-weight:800}.brand-name b{color:#f5f8ff}.brand-name em{color:#69c4ff}
.brand-logo img{max-height:44px;width:auto}
.primary-nav{display:flex;align-items:center;gap:28px;min-width:0}
.nav-list{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:26px;min-width:0}
.nav-list li{margin:0}.nav-list a{position:relative;display:inline-flex;align-items:center;min-height:42px;color:#aeb9ca;font-size:.93rem;font-weight:600;white-space:nowrap;transition:color .2s ease}
.nav-list a:hover{color:#fff}.nav-list a:after{content:"";position:absolute;right:0;left:0;bottom:5px;height:1px;background:var(--accent-2);transform:scaleX(0);transform-origin:right;transition:transform .2s ease}.nav-list a:hover:after{transform:scaleX(1)}
.nav-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:0 20px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:linear-gradient(135deg,var(--accent-deep),#45aeff);color:#fff;font-weight:800;box-shadow:0 15px 40px rgba(29,111,255,.24);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;white-space:nowrap}
.button:hover{transform:translateY(-2px);box-shadow:0 19px 46px rgba(29,111,255,.31)}
.button-secondary{background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.13);box-shadow:none;color:#dce7f5}.button-secondary:hover{border-color:rgba(123,214,255,.25);box-shadow:none}
.button-small{min-height:42px;padding-inline:16px;font-size:.88rem}
.nav-whatsapp{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 13px;border:1px solid rgba(72,214,154,.18);border-radius:12px;background:rgba(72,214,154,.045);color:#9fe7c6;font-weight:700;font-size:.82rem;direction:rtl;white-space:nowrap}.nav-whatsapp-svg{width:17px;height:17px;flex:0 0 auto}
.menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025);padding:10px;cursor:pointer;flex:0 0 auto}.menu-toggle>span:not(.sr-only){display:block;height:2px;background:#dbe8f7;margin:4px 0;border-radius:99px;transition:.2s ease}

/* Shared typography */
.eyebrow{display:flex;align-items:center;gap:9px;color:#82d3ff;font-size:.78rem;font-weight:800;letter-spacing:.02em}
.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 5px rgba(75,215,157,.1)}
.section-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:70px;align-items:end;margin-bottom:48px}
.section-heading>div,.section-heading>p{min-width:0}.section-heading h2,.why-intro h2,.faq-copy h2,.contact-copy h2,.process-copy h2{margin:14px 0 0;font-size:clamp(2.5rem,4.25vw,4.55rem);line-height:1.04;letter-spacing:-.045em;text-wrap:balance}
.section-heading p,.why-intro p,.faq-copy p,.contact-copy>p,.process-copy>p{margin:0;color:var(--muted);font-size:1.02rem;line-height:1.82}
.text-link{display:inline-flex;align-items:center;gap:8px;color:#cfe1f4;font-weight:750;margin-top:26px}.text-link span{color:var(--accent-2)}

/* Hero */
.hero{min-height:850px;padding:166px 0 96px;display:flex;align-items:center}
.admin-bar .hero{padding-top:198px}
.hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.023) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.023) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,black 18%,transparent 84%);pointer-events:none}
.hero-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(18px)}.orb-one{width:420px;height:420px;right:-110px;top:130px;background:radial-gradient(circle,rgba(50,135,255,.20),transparent 68%)}.orb-two{width:330px;height:330px;left:-120px;bottom:35px;background:radial-gradient(circle,rgba(77,190,255,.09),transparent 68%)}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:76px;align-items:center;direction:rtl}
.hero-copy,.hero-visual{min-width:0}.hero-copy{max-width:680px}
.hero-title-v4{margin:24px 0 24px;font-size:clamp(4.3rem,6.2vw,6.4rem);line-height:.98;letter-spacing:-.055em;font-weight:900;text-wrap:balance}
.hero-title-line{display:block;min-width:0}.ai-accent{color:var(--accent);font-family:"Inter","Heebo",sans-serif;direction:ltr;unicode-bidi:isolate}
.hero-lead{margin:0;max-width:650px;color:#a0aec1;font-size:1.08rem;line-height:1.9}
.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:31px}
.hero-visual{display:flex;justify-content:center}
.visual-panel{width:100%;max-width:520px;border-radius:24px;background:linear-gradient(180deg,rgba(18,31,53,.98),rgba(9,17,30,.98));border:1px solid rgba(123,214,255,.15);box-shadow:var(--shadow);overflow:hidden}
.visual-topbar{height:48px;display:flex;align-items:center;gap:7px;padding:0 17px;border-bottom:1px solid var(--line);direction:ltr}.visual-topbar>span{width:8px;height:8px;border-radius:50%;background:#2e405c;flex:0 0 auto}.visual-topbar>span:last-of-type{background:#397ee0}.visual-topbar small{margin-left:auto;margin-right:auto;color:#61748d;font-size:.67rem;line-height:1;white-space:nowrap}
.demo-v4-content{padding:26px}.demo-v4-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.demo-v4-brand{display:flex;flex-direction:column;gap:4px;min-width:0}.demo-v4-kicker{color:#71839b;font-size:.68rem;font-weight:700}.demo-v4-brand strong{display:block;font-family:"Inter","Heebo",sans-serif;font-size:2.2rem;line-height:1.05;letter-spacing:-.04em;direction:ltr;white-space:nowrap}.demo-v4-brand em{font-style:normal;color:#77ceff}.demo-status-v4{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid rgba(75,215,157,.16);border-radius:999px;background:rgba(75,215,157,.055);color:#8fe2bd;font-size:.67rem;font-weight:800;white-space:nowrap}.demo-status-v4 i{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 8px rgba(75,215,157,.5)}
.demo-v4-event{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;margin-top:24px;padding:13px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);min-width:0}.lead-avatar{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#1b72e6,#54b8ff);display:grid;place-items:center;font:800 .8rem "Inter",sans-serif}.demo-v4-event-copy{min-width:0}.demo-v4-event-copy strong,.demo-v4-event-copy small{display:block;overflow-wrap:anywhere}.demo-v4-event-copy strong{font-size:.8rem}.demo-v4-event-copy small{font-size:.65rem;color:#72849e;margin-top:2px}.lead-badge{padding:5px 8px;border:1px solid rgba(75,215,157,.14);border-radius:999px;color:#73ddb1;background:rgba(75,215,157,.045);font-size:.6rem;white-space:nowrap}
.demo-v4-flow{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr) 20px minmax(0,1fr);gap:7px;align-items:center;margin-top:18px;direction:rtl}.demo-v4-step{min-width:0;min-height:86px;padding:11px 8px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.015);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.demo-v4-step-ai{border-color:rgba(73,168,255,.25);background:rgba(45,129,239,.08)}.demo-v4-step-number{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#1b2b44;color:#8ca6c4;font:800 .58rem "Inter",sans-serif}.demo-v4-step strong{font-size:.72rem;margin-top:5px}.demo-v4-step small{font-size:.57rem;color:#697c96;margin-top:1px;line-height:1.3}.demo-v4-arrow{width:20px;height:14px;justify-self:center;align-self:center;display:grid;place-items:center;color:#43607f;text-align:center;font-size:.9rem;line-height:1}
.demo-v4-response{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;gap:10px;align-items:center;margin-top:18px;padding:13px;border:1px solid rgba(73,168,255,.18);border-radius:14px;background:rgba(35,113,221,.09);min-width:0}.demo-v4-spark,.demo-v4-check{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;flex:0 0 auto}.demo-v4-spark{background:rgba(73,168,255,.12);color:#7bd6ff}.demo-v4-check{border:1px solid rgba(75,215,157,.18);color:#66dfad}.demo-v4-response div{min-width:0}.demo-v4-response strong,.demo-v4-response small{display:block;overflow-wrap:anywhere}.demo-v4-response strong{font-size:.76rem}.demo-v4-response small{font-size:.61rem;color:#74869d;margin-top:2px}
.demo-v4-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:17px}.demo-v4-metrics>div{min-width:0;min-height:70px;padding:11px 6px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.015);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.demo-v4-metrics strong{font:800 1rem "Inter","Heebo",sans-serif}.demo-v4-metrics span{font-size:.57rem;color:#70829a;margin-top:2px;line-height:1.25;overflow-wrap:anywhere}

.capability-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.012)}.capability-inner{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:34px}.capability-inner p{margin:0;color:#8292a9;min-width:0}.capability-inner p strong{color:#d7e4f3}.trust-tags{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex-wrap:wrap}.trust-tags b{color:#72859f;font-size:.76rem;font-weight:700;white-space:nowrap}

/* Services */
.services-section{padding-top:126px}.services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.service-card{position:relative;min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(150deg,rgba(17,29,49,.88),rgba(9,17,29,.98));padding:28px;overflow:hidden;transition:transform .2s ease,border-color .2s ease}.service-card:hover{transform:translateY(-4px);border-color:rgba(92,181,255,.23)}.service-card.featured{background:linear-gradient(145deg,rgba(25,57,103,.84),rgba(9,17,29,.98));border-color:rgba(74,166,255,.24)}.service-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.service-number{font:800 .69rem "Inter",sans-serif;color:#657993}.service-kicker{color:#79caff;font-size:.75rem;font-weight:800}.service-icon{width:50px;height:50px;margin:34px 0 22px;border-radius:14px;border:1px solid rgba(83,173,255,.18);background:rgba(74,167,255,.09);color:#83d4ff;display:grid;place-items:center;font-size:1.25rem}.service-card h3{margin:0 0 12px;font-size:1.8rem;line-height:1.18;letter-spacing:-.03em}.service-card p{margin:0 0 20px;color:#93a3b8;line-height:1.75}.service-card ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;color:#b9c5d5;font-size:.91rem}.service-card li{display:flex;gap:8px;align-items:flex-start}.service-card li:before{content:"+";color:#78cbff;flex:0 0 auto}.card-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:26px;padding-top:18px;border-top:1px solid var(--line);color:#c6d7ea;font-size:.87rem;font-weight:750}.card-cta b{color:#78cbff}.service-card-secondary{grid-column:1/-1;display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:20px;align-items:center;padding-block:24px}.service-secondary-icon{width:52px;height:52px;border:1px solid var(--line-strong);border-radius:14px;display:grid;place-items:center;color:#80d1ff;background:rgba(73,168,255,.055);font-size:1.2rem}.service-secondary-copy{min-width:0}.service-secondary-copy h3{font-size:1.4rem;margin:4px 0 4px}.service-secondary-copy p{margin:0}.service-card-secondary .card-cta{margin:0;padding:0;border:0;white-space:nowrap}

/* Projects */
.work-section{padding-top:126px;padding-bottom:132px;background:linear-gradient(180deg,rgba(255,255,255,.006),transparent)}.projects-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}.project-card{min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(155deg,rgba(15,27,47,.93),rgba(8,15,27,.98));overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.project-card:hover{transform:translateY(-4px);border-color:rgba(96,181,255,.23);box-shadow:0 24px 65px rgba(0,0,0,.22)}.project-card--feature{grid-row:span 2}.project-media{min-height:285px;background:#091221;overflow:hidden;display:flex;align-items:stretch}.project-card--feature .project-media{min-height:430px}.project-media img{width:100%;height:100%;object-fit:cover}.project-placeholder{width:100%;min-height:285px;display:grid;place-items:center;font:900 5rem "Inter",sans-serif;color:rgba(255,255,255,.055);background:radial-gradient(circle at 65% 30%,rgba(53,135,255,.17),transparent 28%),linear-gradient(145deg,#0e1b2e,#0a111e)}.project-copy{padding:26px;min-width:0}.project-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#7187a4;font-size:.71rem;font-weight:800}.project-meta i{width:4px;height:4px;border-radius:50%;background:#355473}.project-copy h3{margin:8px 0 8px;font-size:1.55rem;line-height:1.2;letter-spacing:-.025em;overflow-wrap:anywhere}.project-copy p{margin:0;color:#91a1b6;line-height:1.72;overflow-wrap:anywhere}.project-tech{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.project-tech span{padding:5px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.02);color:#7f93ad;font-size:.68rem;font-weight:650}.project-link{display:inline-flex;margin-top:16px;color:#a9c2df;font-size:.83rem;font-weight:750}.muted-link{color:#70839d}

/* WorkInIsrael mock */
.project-workisrael{padding:22px}.mock-window{width:100%;min-height:100%;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#08111f;overflow:hidden;display:flex;flex-direction:column}.mock-bar{height:40px;display:flex;align-items:center;gap:6px;padding:0 12px;border-bottom:1px solid var(--line);direction:ltr}.mock-bar i{width:7px;height:7px;border-radius:50%;background:#33455f}.mock-bar span{margin-left:auto;margin-right:auto;color:#566b86;font:600 .58rem "Inter",sans-serif;white-space:nowrap}.mock-dashboard{flex:1;display:grid;grid-template-columns:70px minmax(0,1fr);direction:ltr}.mock-dashboard aside{border-right:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column;gap:15px}.mock-dashboard aside b{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#176ee4;color:#fff;font:800 .65rem "Inter",sans-serif}.mock-dashboard aside span{height:7px;border-radius:99px;background:#172842}.mock-dashboard main{min-width:0;padding:26px}.mock-title{width:42%;height:12px;border-radius:99px;background:#263b5b;margin-bottom:24px}.mock-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mock-stats i{height:68px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(145deg,rgba(38,108,210,.13),rgba(255,255,255,.015))}.mock-table{margin-top:17px;border:1px solid var(--line);border-radius:11px;padding:14px;display:grid;gap:10px}.mock-table span{height:8px;border-radius:99px;background:#16273f}.mock-table span:nth-child(2){width:82%}.mock-table span:nth-child(3){width:92%}.mock-table span:nth-child(4){width:70%}

/* Galan mock — deliberately normal flow, no text overlays */
.project-galan-hebrew{padding:20px;min-height:330px;background:radial-gradient(circle at 18% 20%,rgba(178,104,197,.10),transparent 35%),linear-gradient(145deg,#121928,#08111e)}.galan-browser{width:100%;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#0b1320;overflow:hidden;box-shadow:0 20px 48px rgba(0,0,0,.22);display:flex;flex-direction:column}.galan-browser-bar{min-height:36px;display:flex;align-items:center;gap:6px;padding:0 12px;border-bottom:1px solid var(--line);direction:ltr}.galan-browser-bar i{width:6px;height:6px;border-radius:50%;background:#33445e;flex:0 0 auto}.galan-browser-bar i:first-child{background:#437ac0}.galan-browser-bar span{margin-left:auto;margin-right:auto;color:#536780;font:600 .53rem "Inter",sans-serif;white-space:nowrap}.galan-site-head{padding:13px 16px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.05);min-width:0}.galan-site-head strong{font:700 .76rem "Inter","Heebo",sans-serif;white-space:nowrap}.galan-site-head span{font-size:.58rem;color:#927d99;text-align:left;overflow-wrap:anywhere}.galan-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:9px 15px}.galan-categories span{text-align:center;padding:5px 3px;border:1px solid rgba(196,138,205,.09);border-radius:7px;color:#91859d;font-size:.5rem;line-height:1.25;overflow-wrap:anywhere}.galan-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 15px 10px}.galan-products i{font-style:normal;min-height:54px;padding:8px;border-radius:9px;background:linear-gradient(135deg,rgba(151,91,166,.09),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;justify-content:space-between;min-width:0}.galan-products b{font-size:.54rem;color:#b0a6b7;font-weight:650;line-height:1.35;overflow-wrap:anywhere}.galan-products small{font:700 .56rem "Inter","Heebo",sans-serif;color:#c8b7cf}.galan-ai-widget{margin:0 15px 14px;padding:10px;border-radius:12px;border:1px solid rgba(93,176,255,.15);background:rgba(7,15,27,.94);box-shadow:0 12px 28px rgba(0,0,0,.22);min-width:0}.galan-ai-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.galan-ai-head>b{font-size:.58rem;color:#d8e6f7;overflow-wrap:anywhere}.galan-ai-head>span{font-size:.5rem;color:#6dd4a9;display:flex;align-items:center;gap:4px;white-space:nowrap}.galan-ai-head i{width:5px;height:5px;border-radius:50%;background:#55d59d;box-shadow:0 0 9px rgba(85,213,157,.5)}.galan-ai-user{width:fit-content;max-width:88%;margin-inline-start:auto;padding:7px 9px;border-radius:9px 9px 3px 9px;background:#18263d;color:#b4c1d4;font-size:.54rem;line-height:1.4;overflow-wrap:anywhere}.galan-ai-answer{max-width:94%;margin-top:6px;margin-inline-end:auto;display:flex;align-items:flex-start;gap:5px;padding:7px 8px;border-radius:9px 9px 9px 3px;background:rgba(38,113,220,.12);color:#bdd4ee;font-size:.52rem;line-height:1.42;overflow-wrap:anywhere}.galan-ai-answer>b{color:#7fd0ff;flex:0 0 auto}

/* PostKal mock */
.project-postkal{padding:20px;background:linear-gradient(145deg,#11182d,#08111f)}.postkal-ui{width:100%;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#091221;padding:16px;box-shadow:0 20px 48px rgba(0,0,0,.22);align-self:stretch}.postkal-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px}.postkal-top strong{font:800 .82rem "Inter",sans-serif}.postkal-top span{font:800 .55rem "Inter",sans-serif;padding:4px 7px;border-radius:99px;background:rgba(73,168,255,.1);color:#8fd2ff}.postkal-photo{height:100px;border-radius:11px;background:linear-gradient(145deg,#1b2b43,#0e1b2d);position:relative;overflow:hidden}.postkal-photo:before,.postkal-photo:after{content:"";position:absolute}.postkal-photo:before{width:95px;height:70px;border-radius:9px;background:#283b58;left:16px;bottom:-20px;transform:rotate(-7deg)}.postkal-photo:after{width:80px;height:45px;border-radius:50%;background:rgba(73,168,255,.13);right:16px;top:18px}.postkal-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:10px 0}.postkal-actions i{font-style:normal;text-align:center;font-size:.55rem;padding:6px 4px;border:1px solid var(--line);border-radius:7px;color:#7890ad;overflow-wrap:anywhere}.postkal-copy{display:grid;gap:6px}.postkal-copy span{height:6px;border-radius:99px;background:#182a43}.postkal-copy span:nth-child(2){width:84%}.postkal-copy span:nth-child(3){width:65%}

/* About strip */
.about-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(73,168,255,.03),rgba(255,255,255,.004),rgba(73,168,255,.018))}.about-strip-inner{min-height:150px;display:grid;grid-template-columns:145px minmax(0,1fr) auto;align-items:center;gap:34px}.about-strip-label{color:#79caff;font-size:.76rem;font-weight:800}.about-strip p{margin:0;color:#8fa0b7;line-height:1.75;min-width:0}.about-strip p strong{color:#dce7f4}.about-strip a{display:inline-flex;align-items:center;gap:8px;color:#c6d8ea;font-weight:750;white-space:nowrap}.about-strip a span{color:#7bd6ff}

/* Why / process / FAQ */
.why-section{background:radial-gradient(circle at 9% 22%,rgba(52,128,255,.07),transparent 24%),linear-gradient(180deg,rgba(255,255,255,.01),transparent);border-bottom:1px solid var(--line)}.why-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:86px;align-items:start}.why-intro,.faq-copy,.process-copy{min-width:0;position:sticky;top:130px}.principles-list,.process-list,.faq-list{min-width:0;border-top:1px solid var(--line)}.principle{display:grid;grid-template-columns:56px minmax(0,1fr);gap:18px;padding:28px 0;border-bottom:1px solid var(--line)}.principle>span,.process-item>span{font:800 .69rem "Inter",sans-serif;letter-spacing:.08em;color:#5e728d;padding-top:4px}.principle h3,.process-item h3{margin:0 0 7px;font-size:1.24rem;line-height:1.3}.principle p,.process-item p{margin:0;color:#8d9db2;line-height:1.75;overflow-wrap:anywhere}
.process-section{border-bottom:1px solid var(--line)}.process-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:86px;align-items:start}.process-item{display:grid;grid-template-columns:56px minmax(0,1fr);gap:18px;padding:28px 0;border-bottom:1px solid var(--line)}
.faq-section{background:radial-gradient(circle at 87% 70%,rgba(73,168,255,.05),transparent 22%)}.faq-grid{display:grid;grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);gap:86px;align-items:start}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{list-style:none;cursor:pointer;padding:23px 0;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#dce7f4;font-weight:750;font-size:1.04rem;min-width:0}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{width:28px;height:28px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;color:#7188a5;flex:0 0 auto;transition:.2s ease}.faq-item[open] summary span{transform:rotate(45deg);color:#7bd6ff;border-color:rgba(73,168,255,.22)}.faq-item p{margin:-4px 0 24px;color:#8999af;line-height:1.75;max-width:720px;overflow-wrap:anywhere}

/* Contact */
.contact-section{border-top:1px solid var(--line);padding-bottom:136px}.contact-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:70px;align-items:start}.contact-copy,.contact-card{min-width:0}.contact-options{display:grid;gap:10px;margin-top:32px}.contact-mini{padding:15px 17px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.018)}.contact-mini span{display:block;color:#687b95;font-size:.77rem}.contact-mini a{display:inline-block;margin-top:2px;color:#d9e8f8;font-weight:700;max-width:100%;overflow-wrap:anywhere}.whatsapp-link{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:11px;align-items:center;padding:14px 15px;border:1px solid rgba(72,214,154,.2);border-radius:14px;background:linear-gradient(135deg,rgba(72,214,154,.065),rgba(72,214,154,.025))}.contact-method-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(72,214,154,.08);color:#66dda9}.contact-whatsapp-svg{width:20px;height:20px}.whatsapp-link small,.whatsapp-link strong,.whatsapp-link em{display:block}.whatsapp-link small{color:#769887;font-size:.7rem}.whatsapp-link strong{color:#c4f0da;font-size:.9rem}.whatsapp-link em{font-style:normal;color:#7fa996;font-size:.68rem;margin-top:1px}.whatsapp-link>b{color:#67dba9}
.contact-card{padding:28px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(15,27,47,.96),rgba(9,17,30,.99));box-shadow:var(--shadow)}.form-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:23px;padding-bottom:18px;border-bottom:1px solid var(--line)}.form-head span{color:#7186a1;font-size:.72rem;font-weight:800}.form-head strong{font-size:1.05rem;text-align:left}.contact-form{display:grid;gap:17px}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.contact-form label{display:grid;gap:7px;min-width:0}.contact-form label>span{color:#9eadc0;font-size:.78rem;font-weight:700}.contact-form input,.contact-form textarea,.contact-form select{width:100%;min-width:0;border:1px solid rgba(255,255,255,.09);background:#0a1322;color:#edf4ff;border-radius:12px;padding:13px 14px;outline:none}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:rgba(73,168,255,.45);box-shadow:0 0 0 4px rgba(73,168,255,.07)}.contact-form textarea{resize:vertical;min-height:130px}.contact-form input[dir="ltr"]{text-align:left}.form-submit{width:100%;border:0;margin-top:1px}.form-note{display:block;color:#60718a;font-size:.72rem;text-align:center}.form-privacy{display:block;color:#50617a;font-size:.66rem;line-height:1.55;text-align:center}.form-privacy a{color:#7894b6;text-decoration:underline;text-underline-offset:2px}.honeypot{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;left:auto!important;right:auto!important}.form-message{padding:12px 14px;border-radius:12px;margin-bottom:17px;font-size:.9rem}.form-message.success{background:rgba(72,214,154,.09);border:1px solid rgba(72,214,154,.2);color:#9cebc9}.form-message.error{background:rgba(255,93,110,.08);border:1px solid rgba(255,93,110,.18);color:#ffb1ba}

/* Footer */
.site-footer{border-top:1px solid var(--line);background:#050911;padding:66px 0 24px}.footer-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(150px,.75fr) minmax(150px,.75fr);gap:66px}.footer-brand{margin-bottom:17px}.footer-grid p{max-width:420px;color:#75869e;margin:0}.footer-contact{display:block;margin-top:10px;color:#96abc8;font-size:.83rem;font-weight:650;max-width:100%;overflow-wrap:anywhere}.footer-phone{width:max-content}.footer-whatsapp{display:inline-flex;align-items:center;gap:7px;color:#93ddbc}.footer-whatsapp-svg{width:16px;height:16px}.footer-grid h3{font-size:.79rem;color:#687991;margin:0 0 14px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start}.footer-grid>div:not(:first-child) a{color:#aeb9c8;margin:4px 0;font-size:.9rem}.footer-grid>div:not(:first-child) a:hover{color:#fff}.footer-bottom{border-top:1px solid var(--line);margin-top:50px;padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#556780;font-size:.78rem}.footer-legal{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.footer-legal a:hover{color:#d8e6f7}
.floating-contact-stack{position:fixed;left:22px;bottom:22px;z-index:990;display:flex;flex-direction:column;align-items:stretch;gap:10px;transition:opacity .2s ease,transform .2s ease}.floating-contact-stack.is-hidden{opacity:0;pointer-events:none;transform:translateY(10px)}.floating-contact{display:flex;align-items:center;justify-content:center;gap:9px;width:156px;min-height:46px;padding:0 14px;border-radius:14px;border:1px solid rgba(95,178,255,.18);backdrop-filter:blur(14px);box-shadow:0 15px 44px rgba(0,0,0,.28);font-weight:700;font-size:.78rem;direction:rtl}.floating-contact:hover{transform:translateY(-1px)}.floating-contact-icon{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto}.floating-contact-text{white-space:nowrap}.floating-call{background:rgba(11,22,42,.94);color:#d8ebff;border-color:rgba(112,187,255,.22)}.floating-call-icon{background:rgba(90,165,255,.12);color:#79beff}.floating-call-svg{width:16px;height:16px}.floating-whatsapp{background:rgba(8,20,17,.92);border-color:rgba(72,214,154,.22);color:#a7e9cc;direction:ltr}.floating-whatsapp-icon{background:rgba(72,214,154,.1);color:#54d89e}.floating-whatsapp-svg{width:17px;height:17px}

/* Inner pages */
.inner-page,.error-page{padding-top:170px;min-height:75vh}.admin-bar .inner-page,.admin-bar .error-page{padding-top:202px}.inner-page h1,.error-page h1{font-size:clamp(3rem,6vw,5.7rem);line-height:1;letter-spacing:-.05em;margin:18px 0 38px;text-wrap:balance}.entry-content{color:#aab6c8;font-size:1.04rem;overflow-wrap:anywhere}.entry-content h2,.entry-content h3{color:#fff}.entry-content a{color:#7bd6ff;text-decoration:underline}.single-image{margin:0 0 36px;border-radius:22px;overflow:hidden}.post-card{border-top:1px solid var(--line);padding:28px 0}.post-card h2{margin:0 0 10px}

@media (max-width:1120px){
  .primary-nav{gap:18px}.nav-list{gap:17px}.nav-list a{font-size:.88rem}.nav-whatsapp{display:none}
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(390px,.9fr);gap:46px}.hero-title-v4{font-size:clamp(3.75rem,6vw,5rem)}
  .about-strip-inner{grid-template-columns:125px minmax(0,1fr);gap:22px;padding-block:28px}.about-strip a{grid-column:2}
}

@media (max-width:980px){
  :root{--header-h:74px}
  .admin-bar .site-header{top:32px}
  .menu-toggle{display:block}.primary-nav{position:fixed;top:var(--header-h);right:0;left:0;bottom:0;display:none;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:20px;padding:28px 20px 40px;background:rgba(7,11,20,.985);backdrop-filter:blur(20px);overflow:auto}.admin-bar .primary-nav{top:calc(var(--header-h) + 32px)}.primary-nav.open{display:flex}.nav-list{flex-direction:column;align-items:stretch;gap:4px}.nav-list li{width:100%}.nav-list a{display:flex;width:100%;padding:9px 2px;font-size:1.08rem}.nav-actions{width:100%;margin-top:4px}.nav-actions .nav-cta{width:100%}.menu-toggle.open>span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle.open>span:nth-child(2){opacity:0}.menu-toggle.open>span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .hero{min-height:auto;padding:142px 0 78px}.admin-bar .hero{padding-top:174px}.hero-grid{grid-template-columns:1fr;gap:52px}.hero-copy{max-width:790px}.hero-title-v4{font-size:clamp(3.5rem,9vw,5.5rem);max-width:850px}.hero-visual{max-width:650px;margin-inline:auto;width:100%}.visual-panel{max-width:600px}
  .section{padding:92px 0}.services-section,.work-section{padding-top:96px}.section-heading{grid-template-columns:1fr;gap:18px;margin-bottom:38px}.section-heading p{max-width:720px}
  .why-layout,.process-grid,.faq-grid,.contact-grid{grid-template-columns:1fr;gap:48px}.why-intro,.faq-copy,.process-copy{position:static}.principles-list,.process-list,.faq-list{max-width:none}
  .project-card--feature{grid-row:auto}.project-card--feature .project-media{min-height:330px}
  .footer-grid{grid-template-columns:1.25fr .75fr .75fr;gap:40px}
}

@media (max-width:782px){.admin-bar .site-header{top:46px}.admin-bar .primary-nav{top:calc(var(--header-h) + 46px)}.admin-bar .hero{padding-top:188px}.admin-bar .inner-page,.admin-bar .error-page{padding-top:216px}}

@media (max-width:760px){
  .container{width:min(calc(100% - 28px),var(--container))}.section{padding:76px 0}.nav-wrap{gap:16px}.brand-mark-doublew{width:39px;height:28px}.brand-name{font-size:1.04rem}
  .hero{padding:124px 0 64px}.admin-bar .hero{padding-top:170px}.hero-grid{gap:38px}.hero-title-v4{font-size:clamp(3rem,13.5vw,4.4rem);line-height:1.01;margin-top:19px}.hero-lead{font-size:1rem;line-height:1.8}.hero-actions{margin-top:25px}.hero-actions .button{flex:1 1 180px}.demo-v4-content{padding:19px}.demo-v4-brand strong{font-size:1.8rem}.demo-v4-event{grid-template-columns:34px minmax(0,1fr);}.lead-avatar{width:34px;height:34px}.lead-badge{grid-column:2;justify-self:start}.demo-v4-flow{grid-template-columns:1fr;gap:7px}.demo-v4-arrow{transform:rotate(-90deg);height:14px}.demo-v4-step{min-height:68px}.demo-v4-response{grid-template-columns:26px minmax(0,1fr)}.demo-v4-check{display:none}.demo-v4-metrics{gap:6px}.demo-v4-metrics>div{min-height:64px}
  .capability-inner{min-height:auto;padding:24px 0;flex-direction:column;align-items:flex-start;gap:16px}.trust-tags{justify-content:flex-start;gap:12px}
  .services-grid,.projects-showcase{grid-template-columns:1fr}.service-card-secondary{grid-column:auto;grid-template-columns:48px minmax(0,1fr);}.service-card-secondary .card-cta{grid-column:1/-1;margin-top:5px;padding-top:15px;border-top:1px solid var(--line);white-space:normal}.service-card{padding:23px}.service-card h3{font-size:1.55rem}.service-icon{margin-top:26px}
  .project-card--feature .project-media,.project-media{min-height:270px}.project-workisrael,.project-galan-hebrew,.project-postkal{padding:14px}.mock-dashboard{grid-template-columns:48px minmax(0,1fr)}.mock-dashboard aside{padding:14px 9px}.mock-dashboard main{padding:17px}.mock-stats i{height:54px}.galan-site-head{align-items:flex-start;flex-direction:column;gap:3px}.galan-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.galan-categories span:nth-child(3){display:none}.galan-products{grid-template-columns:1fr 1fr}.galan-ai-widget{margin-inline:11px}.postkal-photo{height:92px}
  .about-strip-inner{grid-template-columns:1fr;gap:9px;min-height:auto;padding:28px 0}.about-strip a{grid-column:auto;white-space:normal}
  .section-heading h2,.why-intro h2,.faq-copy h2,.contact-copy h2,.process-copy h2{font-size:clamp(2.25rem,11vw,3.55rem)}
  .principle,.process-item{grid-template-columns:44px minmax(0,1fr);gap:13px;padding:23px 0}.faq-item summary{font-size:1rem;padding:20px 0}
  .contact-card{padding:21px}.form-row{grid-template-columns:1fr}.form-head{align-items:flex-start;flex-direction:column;gap:4px}.form-head strong{text-align:right}
  .footer-grid{grid-template-columns:1fr 1fr;gap:34px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column}.footer-legal{gap:12px}
  .floating-contact-stack{left:14px;bottom:14px;gap:8px}.floating-contact{width:48px;min-height:48px;padding:0;justify-content:center;border-radius:16px}.floating-contact-text{display:none}.floating-contact-icon,.floating-whatsapp-icon,.floating-call-icon{background:none}
}

@media (max-width:430px){
  .hero-title-v4{font-size:clamp(2.75rem,13vw,3.55rem)}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .button{width:100%}.visual-panel{border-radius:19px}.visual-topbar{height:43px}.demo-v4-content{padding:15px}.demo-v4-head{gap:10px}.demo-v4-brand strong{font-size:1.55rem}.demo-status-v4{padding:5px 7px;font-size:.61rem}.demo-v4-metrics strong{font-size:.9rem}.demo-v4-metrics span{font-size:.52rem}
  .project-tech{gap:5px}.project-tech span{font-size:.62rem;padding:4px 7px}.project-copy{padding:21px}.project-galan-hebrew{min-height:300px}.galan-browser-bar span{font-size:.48rem}.galan-products{grid-template-columns:1fr}.galan-products i{min-height:48px}.galan-ai-user,.galan-ai-answer{max-width:100%}
  .footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}
}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button,.service-card,.project-card{transition:none}}

/* =========================================================
   WebWork v1.7 — conversion, proof and service-page layer
   ========================================================= */
.hero-reassurance{display:flex;align-items:flex-start;gap:8px;max-width:610px;margin-top:16px;color:#72839a;font-size:.78rem;line-height:1.6}.hero-reassurance>span{color:#63d4a6;font-weight:900;flex:0 0 auto}

.proof-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(73,168,255,.03),rgba(255,255,255,.008),rgba(73,168,255,.02))}.proof-strip-inner{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:34px}.proof-copy{display:flex;align-items:center;gap:13px;min-width:0}.proof-label{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;border:1px solid rgba(75,215,157,.16);background:rgba(75,215,157,.05);color:#8fe2bd;font-size:.66rem;font-weight:800;white-space:nowrap}.proof-copy strong{font-size:.95rem;color:#cddbea;white-space:nowrap}.proof-projects{display:flex;align-items:stretch;justify-content:flex-end;gap:10px;min-width:0;flex-wrap:wrap}.proof-projects>a,.proof-projects>.proof-labs{min-width:145px;padding:10px 13px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.016);transition:border-color .2s ease,transform .2s ease}.proof-projects>a:hover{transform:translateY(-2px);border-color:rgba(73,168,255,.24)}.proof-projects span,.proof-projects small{display:block}.proof-projects span{font:800 .8rem "Inter","Heebo",sans-serif;color:#dce7f4}.proof-projects small{margin-top:1px;color:#647890;font-size:.62rem}.proof-labs{opacity:.84}

.service-card{display:flex;flex-direction:column}.service-fit{margin-top:20px;padding:13px 14px;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:rgba(255,255,255,.016)}.service-fit span,.service-fit b{display:block}.service-fit span{color:#667b96;font-size:.68rem;font-weight:800;margin-bottom:3px}.service-fit b{color:#aab9cc;font-size:.78rem;line-height:1.55;font-weight:650}.service-fit.compact{margin-top:14px}.service-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:auto;padding-top:20px}.service-actions .card-cta{margin:0;padding:0;border:0;flex:1;justify-content:flex-start;gap:9px}.service-contact-link{flex:0 0 auto;color:#7d91aa;font-size:.78rem;font-weight:700;border-bottom:1px solid rgba(123,214,255,.16);padding-bottom:2px;transition:color .2s ease,border-color .2s ease}.service-contact-link:hover{color:#d6e7f8;border-color:#7bd6ff}.service-card-secondary{align-items:center}.service-card-secondary .service-actions{margin:0;padding:0;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.service-card-secondary .service-actions .card-cta{white-space:nowrap}.service-card-secondary .service-fit{max-width:700px}

.project-case-copy{display:flex;flex-direction:column}.case-points{display:grid;gap:12px;margin-top:14px}.case-points>div{padding-top:11px;border-top:1px solid rgba(255,255,255,.065)}.case-points span{display:block;color:#79caff;font-size:.64rem;font-weight:800;margin-bottom:3px}.case-points p{font-size:.85rem;line-height:1.63;color:#91a1b6}.compact-cases{gap:9px}.compact-cases>div{padding-top:9px}.portfolio-note{max-width:820px;margin:22px auto 0;color:#5d7089;font-size:.72rem;text-align:center;line-height:1.65}

.postkal-realistic{padding:18px;background:radial-gradient(circle at 75% 15%,rgba(71,119,255,.12),transparent 33%),linear-gradient(145deg,#11182d,#08111f)}.postkal-app{width:100%;min-height:245px;border:1px solid rgba(255,255,255,.09);border-radius:18px;overflow:hidden;background:#f4f7fb;color:#162033;display:grid;grid-template-columns:84px minmax(0,1fr);direction:ltr;box-shadow:0 20px 48px rgba(0,0,0,.24)}.pk-sidebar{background:#0f1b31;color:#fff;padding:13px 9px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;direction:rtl}.pk-logo{width:28px;height:28px;border-radius:8px;background:#276bf0;display:grid;place-items:center;font:800 .55rem "Inter",sans-serif}.pk-sidebar>b{font:800 .64rem "Inter",sans-serif;margin-bottom:5px}.pk-sidebar i{font-style:normal;color:#8ea0ba;font-size:.48rem;padding:5px 4px;width:100%;border-radius:6px}.pk-sidebar i:first-of-type{background:rgba(71,135,255,.12);color:#bcd1f1}.pk-main{min-width:0;padding:0 11px 12px;direction:rtl}.pk-top{height:38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4e8ef;color:#263349;font-size:.56rem;font-weight:700}.pk-top i{font-style:normal;width:21px;height:21px;border-radius:7px;background:#e9eef6;display:grid;place-items:center;font:800 .48rem "Inter",sans-serif}.pk-hero{margin-top:11px;min-height:84px;border-radius:11px;background:linear-gradient(135deg,#182540,#233e6e);color:#fff;padding:11px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:center;gap:2px 8px}.pk-hero small{grid-column:1;color:#8fc4ff;font-size:.43rem}.pk-hero strong{grid-column:1;font-size:.72rem;line-height:1.25}.pk-hero>span{grid-column:2;grid-row:1/3;align-self:center;padding:5px 7px;border-radius:6px;background:#2f7cf7;font-size:.43rem;white-space:nowrap}.pk-properties{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px}.pk-properties i{font-style:normal;min-width:0;min-height:56px;padding:8px;border:1px solid #e0e5ed;border-radius:9px;background:#fff;display:flex;flex-direction:column;justify-content:flex-end}.pk-properties b{font-size:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pk-properties small{font-size:.42rem;color:#728096;margin-top:2px}.project-labs{border-color:rgba(128,112,255,.12)}

.about-strip-v17{grid-template-columns:120px minmax(0,1fr) auto}.about-strip-content{min-width:0}.about-facts{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.about-facts span{padding:5px 8px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.016);color:#6f829b;font-size:.63rem;font-weight:750}

.primary-contact-method{background:linear-gradient(135deg,rgba(55,172,120,.085),rgba(72,214,154,.035));border-color:rgba(72,214,154,.23)}.contact-form label>span small{font-size:.64rem;color:#5f7189;font-weight:600;margin-inline-start:5px}

/* Service detail pages */
.service-page-hero{padding:180px 0 105px;min-height:680px;display:flex;align-items:center}.admin-bar .service-page-hero{padding-top:212px}.service-page-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr);gap:82px;align-items:center}.service-page-copy{max-width:760px;min-width:0}.service-page-copy h1{margin:23px 0 24px;font-size:clamp(4rem,6.3vw,6.4rem);line-height:.98;letter-spacing:-.055em;text-wrap:balance}.service-page-copy>p{max-width:700px;margin:0;color:#9caabd;font-size:1.08rem;line-height:1.9}.service-page-signal{position:relative;width:min(100%,420px);aspect-ratio:1;margin-inline:auto;display:grid;place-items:center}.signal-ring{position:absolute;border:1px solid rgba(95,183,255,.12);border-radius:50%;inset:8%}.signal-ring.ring-two{inset:22%;border-color:rgba(95,183,255,.18)}.signal-ring.ring-three{inset:35%;background:radial-gradient(circle,rgba(73,168,255,.08),transparent 72%);border-color:rgba(95,183,255,.24)}.signal-core{position:relative;z-index:2;width:96px;height:96px;border-radius:26px;display:grid;place-items:center;background:linear-gradient(145deg,#1d71ee,#54b8ff);box-shadow:0 22px 60px rgba(29,111,255,.32);font:900 1.45rem "Inter","Heebo",sans-serif;color:#fff}.signal-chip{position:absolute;z-index:3;padding:8px 12px;border-radius:10px;border:1px solid rgba(123,214,255,.16);background:rgba(10,19,34,.93);box-shadow:0 12px 34px rgba(0,0,0,.24);color:#9ab2cf;font-size:.67rem;font-weight:800;white-space:nowrap}.chip-a{top:14%;right:7%}.chip-b{left:3%;top:45%}.chip-c{right:13%;bottom:10%}.service-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:18px;color:#60758f;font-size:.72rem;font-weight:700}.service-breadcrumb a{color:#7f94ad}.service-breadcrumb a:hover{color:#cfe5f7}.service-breadcrumb span{color:#3f5875}.service-breadcrumb strong{color:#9eb1c8;font-weight:700}.button-whatsapp{border-color:rgba(72,214,154,.2);color:#a8e6ca;background:rgba(72,214,154,.045)}.button-whatsapp:hover{border-color:rgba(72,214,154,.34)}.button-whatsapp-svg{width:18px;height:18px;flex:0 0 auto}.service-final-cta-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:0 0 auto}.service-final-cta-inner>div>small{display:block;margin-top:15px;color:#6f8199;font-size:.76rem;line-height:1.6}.service-final-cta-inner>div>small a{color:#9ab9db;font-weight:700}
.service-page-trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.01)}.service-page-trust-inner{min-height:78px;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;color:#72859e;font-size:.82rem}.service-page-trust-inner i{font-style:normal;color:#405774}.service-page-trust-inner strong{color:#c8d7e8}
.service-detail-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:80px;align-items:start}.service-detail-intro h2,.service-process-copy h2{margin:13px 0 18px;font-size:clamp(2.6rem,4.5vw,4.6rem);line-height:1.04;letter-spacing:-.045em;text-wrap:balance}.service-detail-intro p,.service-process-copy p{margin:0;color:#8fa0b6;line-height:1.82}.service-use-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.service-use-card{min-width:0;min-height:230px;padding:24px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(15,27,47,.82),rgba(8,15,27,.96))}.service-use-card>span{font:800 .66rem "Inter",sans-serif;color:#5d7695}.service-use-card h3{margin:35px 0 10px;font-size:1.28rem}.service-use-card p{margin:0;color:#8b9bb0;line-height:1.7;font-size:.91rem}.service-process-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.006)}.service-process-layout{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:84px;align-items:start}.service-process-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.service-process-list li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:18px;padding:24px 0;border-bottom:1px solid var(--line)}.service-process-list span{font:800 .68rem "Inter",sans-serif;color:#5d718d;padding-top:3px}.service-process-list p{margin:0;color:#a0aec1;line-height:1.72}.service-case-section{padding:0 0 116px}.service-case-card{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:44px;border:1px solid rgba(73,168,255,.14);border-radius:26px;background:linear-gradient(135deg,rgba(27,66,118,.18),rgba(10,18,31,.96));box-shadow:0 24px 70px rgba(0,0,0,.2)}.service-case-card>div{max-width:760px}.service-case-card h2{margin:10px 0 10px;font-size:clamp(2rem,3.6vw,3.6rem);line-height:1.05;letter-spacing:-.04em}.service-case-card p{margin:0;color:#94a5ba;line-height:1.75}.service-page-faq{padding-top:112px}.service-final-cta{padding:0 0 120px}.service-final-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:46px 48px;border:1px solid var(--line);border-radius:26px;background:radial-gradient(circle at 12% 30%,rgba(56,133,255,.12),transparent 28%),linear-gradient(150deg,#0f1a2d,#080f1a)}.service-final-cta-inner>div{max-width:760px}.service-final-cta-inner span{color:#76caff;font-size:.75rem;font-weight:800}.service-final-cta-inner h2{margin:8px 0 0;font-size:clamp(2rem,3.6vw,3.5rem);line-height:1.06;letter-spacing:-.04em;text-wrap:balance}

@media (max-width:1120px){
  .proof-strip-inner{align-items:flex-start;flex-direction:column;padding-block:22px;gap:16px}.proof-projects{justify-content:flex-start;width:100%}.proof-projects>a,.proof-projects>.proof-labs{flex:1 1 150px}
  .about-strip-v17{grid-template-columns:105px minmax(0,1fr)}.about-strip-v17>a{grid-column:2}
  .service-page-hero-grid{grid-template-columns:minmax(0,1fr) minmax(330px,.65fr);gap:50px}.service-page-copy h1{font-size:clamp(3.6rem,6vw,5rem)}
  .service-detail-grid,.service-process-layout{gap:55px}.service-use-grid{grid-template-columns:1fr}
}

@media (max-width:980px){
  .service-page-hero{padding:150px 0 86px;min-height:auto}.admin-bar .service-page-hero{padding-top:182px}.service-page-hero-grid{grid-template-columns:1fr;gap:44px}.service-page-copy{max-width:800px}.service-page-signal{max-width:390px}.service-detail-grid,.service-process-layout{grid-template-columns:1fr;gap:44px}.service-case-card,.service-final-cta-inner{align-items:flex-start;flex-direction:column}.service-case-card .button,.service-final-cta-inner .button{align-self:flex-start}
}

@media (max-width:760px){
  .service-final-cta-actions{width:100%;flex-direction:column;align-items:stretch}.service-final-cta-actions .button{width:100%}
  .hero-reassurance{font-size:.72rem}
  .proof-copy{align-items:flex-start;flex-direction:column;gap:8px}.proof-copy strong{white-space:normal}.proof-projects{display:grid;grid-template-columns:1fr;gap:7px}.proof-projects>a,.proof-projects>.proof-labs{width:100%}
  .service-actions{align-items:flex-start;flex-direction:column;gap:10px}.service-card-secondary{grid-template-columns:48px minmax(0,1fr)}.service-card-secondary .service-actions{grid-column:1/-1;align-items:flex-start;width:100%;padding-top:16px;border-top:1px solid var(--line);margin-top:3px}.service-card-secondary .service-actions .card-cta{white-space:normal}
  .case-points p{font-size:.82rem}.portfolio-note{text-align:right}
  .postkal-app{grid-template-columns:62px minmax(0,1fr)}.pk-sidebar{padding:9px 6px}.pk-sidebar>b{font-size:.52rem}.pk-sidebar i{font-size:.4rem}.pk-main{padding-inline:7px}.pk-hero{padding:8px}.pk-hero strong{font-size:.6rem}.pk-hero>span{font-size:.38rem}.pk-properties{grid-template-columns:1fr}.pk-properties i:nth-child(2){display:none}
  .about-strip-v17{grid-template-columns:1fr}.about-strip-v17>a{grid-column:auto}.about-facts{margin-bottom:4px}
  .service-page-hero{padding:126px 0 70px}.admin-bar .service-page-hero{padding-top:172px}.service-page-copy h1{font-size:clamp(3rem,12.4vw,4.2rem);line-height:1.01}.service-page-copy>p{font-size:1rem;line-height:1.8}.service-page-signal{max-width:310px}.signal-core{width:78px;height:78px;border-radius:22px;font-size:1.15rem}.signal-chip{padding:6px 9px;font-size:.58rem}.service-page-trust-inner{justify-content:flex-start;padding-block:18px}.service-detail-intro h2,.service-process-copy h2{font-size:clamp(2.25rem,10.5vw,3.45rem)}.service-use-card{min-height:auto}.service-use-card h3{margin-top:22px}.service-case-section{padding-bottom:82px}.service-case-card{padding:28px}.service-final-cta{padding-bottom:82px}.service-final-cta-inner{padding:30px 27px}
}

@media (max-width:430px){
  .service-page-signal{max-width:270px}.signal-chip{font-size:.52rem}.chip-a{right:0}.chip-b{left:0}.chip-c{right:5%}
  .service-case-card,.service-final-cta-inner{border-radius:20px}
}
.legal-content{max-width:850px}.legal-content h2{margin-top:34px}.legal-content p{color:#9aa9bc;line-height:1.85}.legal-draft-note{margin:0 0 32px;padding:15px 17px;border:1px solid rgba(255,189,84,.18);border-radius:13px;background:rgba(255,189,84,.045);color:#c5b385;font-size:.84rem;line-height:1.65}


/* =========================================================
   WebWork v2.0 — modern polish / visual innovation layer
   ========================================================= */
:root{
  --bg-2:#07101d;
  --panel-glass:rgba(15,24,42,.72);
  --panel-soft:rgba(255,255,255,.03);
  --line-soft:rgba(255,255,255,.06);
  --line-bright:rgba(123,214,255,.22);
  --shadow-xl:0 36px 120px rgba(0,0,0,.38);
  --glow-blue:0 0 0 1px rgba(123,214,255,.14),0 28px 70px rgba(20,93,255,.18);
}

body{
  background:
    radial-gradient(circle at 85% 8%, rgba(67,128,255,.18), transparent 18%),
    radial-gradient(circle at 12% 70%, rgba(73,168,255,.08), transparent 22%),
    linear-gradient(180deg, #060b14 0%, #040912 100%);
}
body:before,
body:after{
  content:"";
  position:fixed;
  inset:auto;
  pointer-events:none;
  z-index:-1;
  width:38vw;
  height:38vw;
  border-radius:50%;
  filter:blur(80px);
  opacity:.32;
}
body:before{top:-10vw; right:-8vw; background:radial-gradient(circle, rgba(50,120,255,.42), transparent 62%)}
body:after{bottom:-10vw; left:-10vw; background:radial-gradient(circle, rgba(64,186,255,.18), transparent 62%)}
.section-shell,
.services-section,
.work-section,
.why-section,
.process-section,
.faq-section,
.contact-section,
.service-page-hero,
.service-process-section,
.service-page-faq,
.service-final-cta,
.site-footer{position:relative;isolation:isolate}
.section-shell:after,
.services-section:before,
.work-section:before,
.why-section:before,
.contact-section:before,
.service-page-hero:before,
.service-page-faq:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:-1;
}
.services-section:before{background:radial-gradient(circle at 78% 12%, rgba(66,150,255,.09), transparent 26%)}
.work-section:before{background:radial-gradient(circle at 18% 22%, rgba(123,214,255,.08), transparent 20%), linear-gradient(180deg, rgba(255,255,255,.008), transparent 70%)}
.why-section:before{background:radial-gradient(circle at 88% 20%, rgba(53,127,255,.08), transparent 22%)}
.contact-section:before{background:radial-gradient(circle at 18% 10%, rgba(89,175,255,.09), transparent 24%)}

.site-header{background:transparent;border-bottom-color:transparent;backdrop-filter:none}
.site-header.scrolled{background:transparent;border-bottom-color:transparent}
.nav-wrap{
  width:min(calc(100% - 32px),1220px);
  margin-top:14px;
  padding:0 18px;
  height:68px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:22px;
  background:linear-gradient(180deg, rgba(12,18,32,.82), rgba(7,12,21,.68));
  box-shadow:0 20px 54px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(18px) saturate(130%);
}
.site-header.scrolled .nav-wrap{box-shadow:0 18px 54px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.05)}
.nav-list a{
  padding:0 8px;
  border-radius:10px;
  transition:color .2s ease, background .2s ease, transform .2s ease;
}
.nav-list a:hover{background:rgba(255,255,255,.03); transform:translateY(-1px)}
.nav-list a:after{bottom:1px;height:2px;border-radius:999px}
.nav-whatsapp{
  border-color:rgba(72,214,154,.22);
  background:linear-gradient(135deg, rgba(72,214,154,.09), rgba(72,214,154,.03));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.button{
  position:relative;
  overflow:hidden;
  border-radius:14px;
  background:linear-gradient(135deg, #1876ff 0%, #4aaeff 60%, #8fdfff 100%);
  box-shadow:0 18px 46px rgba(29,111,255,.28), inset 0 1px 0 rgba(255,255,255,.18);
}
.button:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(105deg, transparent 18%, rgba(255,255,255,.17) 34%, transparent 52%);
  transform:translateX(115%);
  transition:transform .55s ease;
}
.button:hover:before{transform:translateX(-115%)}
.button-secondary{
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));
  border-color:rgba(255,255,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

.hero{min-height:900px;padding-top:172px;padding-bottom:110px}
.hero:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at var(--hero-x,70%) var(--hero-y,34%), rgba(105,191,255,.16), transparent 18%),
    radial-gradient(circle at 18% 78%, rgba(45,126,255,.12), transparent 18%);
  z-index:0;
}
.hero-grid-bg{opacity:.88;background-size:44px 44px;mask-image:linear-gradient(to bottom, black 12%, rgba(0,0,0,.72) 56%, transparent 88%)}
.hero-copy{position:relative}
.hero-copy:after{
  content:"";
  position:absolute;
  right:-18px;
  top:38px;
  width:88px;
  height:88px;
  border-radius:24px;
  background:radial-gradient(circle, rgba(82,182,255,.16), transparent 68%);
  filter:blur(8px);
  z-index:-1;
}
.hero-eyebrow{
  width:max-content;
  padding:9px 14px;
  border-radius:999px;
  border:1px solid rgba(123,214,255,.16);
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.hero-title-v4{
  margin-top:28px;
  font-size:clamp(4.6rem, 6.45vw, 6.9rem);
  letter-spacing:-.065em;
}
.hero-title-line:last-child{max-width:11ch}
.ai-accent{
  background:linear-gradient(135deg, #7be0ff 0%, #54b7ff 45%, #2f7dff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.hero-lead{
  max-width:640px;
  color:#b3c0d0;
  font-size:1.1rem;
}
.hero-actions{margin-top:34px}
.hero-reassurance{
  margin-top:18px;
  padding:12px 14px;
  border-radius:14px;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.055);
  color:#8696ac;
}
.hero-visual{perspective:1400px}
.visual-panel{
  position:relative;
  max-width:560px;
  border-radius:30px;
  background:linear-gradient(180deg, rgba(15,25,44,.92), rgba(7,12,23,.98));
  border:1px solid rgba(123,214,255,.12);
  box-shadow:var(--shadow-xl), inset 0 1px 0 rgba(255,255,255,.045);
  transform:rotateY(-6deg) rotateX(3deg);
  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.visual-panel:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(135deg, rgba(130,223,255,.28), rgba(78,133,255,.05), rgba(130,223,255,.12));
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}
.visual-panel:hover{box-shadow:0 44px 120px rgba(0,0,0,.42), 0 0 0 1px rgba(123,214,255,.12), 0 0 60px rgba(30,122,255,.22); border-color:rgba(123,214,255,.18)}
.visual-panel.is-tilting{will-change:transform}
.demo-v4-content{position:relative;padding:28px}
.demo-v4-content:after{
  content:"";
  position:absolute;
  inset:auto 16px 16px auto;
  width:120px;
  height:120px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(56,146,255,.16), transparent 66%);
  pointer-events:none;
}
.demo-v4-head,
.demo-v4-event,
.demo-v4-flow,
.demo-v4-response,
.demo-v4-metrics{position:relative;z-index:1}
.demo-v4-event,
.demo-v4-step,
.demo-v4-response,
.demo-v4-metrics>div{
  backdrop-filter:blur(10px);
}
.demo-v4-step{min-height:94px;border-radius:16px;background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.016))}
.demo-v4-step-ai{
  background:linear-gradient(180deg, rgba(45,129,239,.18), rgba(16,41,87,.36));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 10px 24px rgba(25,93,214,.14);
}
.demo-v4-arrow{font-size:1.05rem;color:#6d86a6}
.demo-v4-metrics>div{
  min-height:76px;
  border-radius:14px;
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.014));
}

.proof-strip{
  border-top:none;
  border-bottom:none;
  background:transparent;
  padding:0 0 8px;
}
.proof-strip-inner{
  min-height:unset;
  padding:22px 24px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  background:linear-gradient(135deg, rgba(14,21,37,.72), rgba(8,12,21,.9));
  backdrop-filter:blur(16px);
  box-shadow:0 20px 48px rgba(0,0,0,.18);
}
.proof-copy{align-items:center}
.proof-label{padding:6px 10px;background:rgba(75,215,157,.07)}
.proof-copy strong{font-size:1rem}
.proof-projects>a,.proof-projects>.proof-labs{
  border-radius:16px;
  border-color:rgba(255,255,255,.07);
  background:linear-gradient(180deg, rgba(255,255,255,.034), rgba(255,255,255,.018));
  backdrop-filter:blur(8px);
}

.services-grid.services-grid-v3{
  grid-template-columns:repeat(12, minmax(0,1fr));
  gap:22px;
}
.services-grid-v3 > .service-card{min-height:100%;padding:30px;border-radius:28px;box-shadow:0 22px 56px rgba(0,0,0,.16);transition:transform .28s ease, border-color .28s ease, box-shadow .28s ease}
.services-grid-v3 > .service-card:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(155deg, rgba(255,255,255,.05), transparent 24%, transparent 70%, rgba(123,214,255,.05));
  opacity:.8;
}
.services-grid-v3 > .service-card:hover{transform:translateY(-6px);box-shadow:0 26px 70px rgba(0,0,0,.24)}
.services-grid-v3 > .service-card:nth-child(1){grid-column:span 7; background:linear-gradient(145deg, rgba(22,52,95,.94), rgba(8,15,28,.98));}
.services-grid-v3 > .service-card:nth-child(2){grid-column:span 5; background:linear-gradient(145deg, rgba(12,24,41,.96), rgba(8,15,28,.98));}
.services-grid-v3 > .service-card:nth-child(3){grid-column:1 / -1; background:linear-gradient(145deg, rgba(14,22,37,.96), rgba(7,12,21,.98));}
.service-card .service-icon,
.service-secondary-icon{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 18px 40px rgba(22,93,214,.13);
}
.service-card h3{font-size:1.92rem}
.service-fit,
.service-card-secondary .service-fit{border-radius:16px;background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.016));border-color:rgba(255,255,255,.08)}
.service-contact-link{border-bottom:none; padding:10px 12px; border-radius:12px; background:rgba(255,255,255,.03)}

.projects-showcase{
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:22px;
}
.project-card{
  position:relative;
  grid-column:span 5;
  border-radius:30px;
  background:linear-gradient(155deg, rgba(11,20,35,.94), rgba(7,12,21,.98));
  box-shadow:0 24px 65px rgba(0,0,0,.18);
  transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.project-card:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(140deg, rgba(255,255,255,.08), transparent 28%, transparent 72%, rgba(123,214,255,.16));
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}
.project-card:hover{transform:translateY(-7px); box-shadow:0 34px 88px rgba(0,0,0,.28), 0 0 60px rgba(20,93,255,.12)}
.project-card--feature{grid-column:span 7; grid-row:span 2}
.project-media{position:relative;overflow:hidden}
.project-media:after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:34%;
  background:linear-gradient(to top, rgba(8,12,21,.32), transparent);
  pointer-events:none;
}
.project-card:hover .project-media img{transform:scale(1.04)}
.project-media img{transition:transform .5s ease}
.project-copy{padding:28px 28px 30px}
.project-copy h3{font-size:1.72rem}
.project-tech span{border-radius:999px;background:rgba(255,255,255,.03)}

.about-strip-v17{
  padding:30px 32px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:28px;
  background:linear-gradient(145deg, rgba(15,23,39,.74), rgba(7,12,21,.94));
  box-shadow:0 28px 70px rgba(0,0,0,.18);
  backdrop-filter:blur(14px);
}
.about-strip-v17:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:radial-gradient(circle at 86% 24%, rgba(91,173,255,.12), transparent 24%);
  pointer-events:none;
}
.about-strip-v17 > *{position:relative;z-index:1}
.about-strip-label{align-self:center}

.why-layout{gap:56px}
.principles-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  border-top:none;
}
.principle{
  padding:24px 22px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:24px;
  background:linear-gradient(145deg, rgba(13,22,37,.8), rgba(8,13,23,.95));
  box-shadow:0 18px 48px rgba(0,0,0,.14);
  transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.principle:hover{transform:translateY(-5px);border-color:rgba(123,214,255,.18);box-shadow:0 24px 62px rgba(0,0,0,.22)}
.principle h3{font-size:1.3rem}
.process-list{border-top:none;display:grid;gap:14px}
.process-item{padding:22px;border:1px solid rgba(255,255,255,.065);border-radius:22px;background:linear-gradient(145deg, rgba(13,21,35,.78), rgba(7,12,20,.94))}
.process-item + .process-item{margin-top:0}
.faq-list{border-top:none;display:grid;gap:14px}
.faq-item{border:1px solid rgba(255,255,255,.07);border-radius:22px;padding:0 22px;background:linear-gradient(145deg, rgba(13,21,35,.78), rgba(7,12,20,.94))}
.faq-item summary{padding:22px 0}

.contact-grid{
  position:relative;
  align-items:stretch;
  gap:26px;
}
.contact-copy,
.contact-card{
  padding:30px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:28px;
  background:linear-gradient(145deg, rgba(14,22,38,.82), rgba(7,12,21,.96));
  backdrop-filter:blur(14px);
  box-shadow:0 24px 70px rgba(0,0,0,.18);
}
.contact-copy{display:flex;flex-direction:column;justify-content:space-between}
.contact-options{gap:12px}
.contact-mini,
.whatsapp-link{border-radius:18px;background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.016))}
.contact-card{position:relative;overflow:hidden}
.contact-card:before{
  content:"";
  position:absolute;
  inset:auto -60px -60px auto;
  width:180px;
  height:180px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(61,132,255,.18), transparent 68%);
  pointer-events:none;
}
.contact-card > *{position:relative;z-index:1}
.form-head{margin-bottom:24px}
.form-head strong{font-size:1.2rem}
.form-grid input,
.form-grid select,
.form-grid textarea{
  border-radius:16px;
  border-color:rgba(255,255,255,.075);
  background:rgba(255,255,255,.025);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.form-grid input:focus,
.form-grid select:focus,
.form-grid textarea:focus{border-color:rgba(98,184,255,.32); box-shadow:0 0 0 4px rgba(29,111,255,.12)}
.form-actions{gap:14px}

.site-footer{
  background:
    radial-gradient(circle at 88% 18%, rgba(63,132,255,.08), transparent 20%),
    #050911;
}
.footer-grid{gap:54px}
.footer-brand{margin-bottom:20px}
.footer-contact{margin-top:8px}
.footer-bottom{margin-top:42px}

.service-page-hero{min-height:720px}
.service-page-hero:before{background:radial-gradient(circle at 78% 24%, rgba(61,132,255,.15), transparent 18%), radial-gradient(circle at 14% 72%, rgba(123,214,255,.08), transparent 18%)}
.service-page-copy h1{letter-spacing:-.06em}
.signal-core{box-shadow:0 26px 70px rgba(29,111,255,.3), inset 0 1px 0 rgba(255,255,255,.12)}
.service-use-card,
.service-case-card,
.service-final-cta-inner{border-radius:26px; box-shadow:0 24px 70px rgba(0,0,0,.18)}
.service-use-card{background:linear-gradient(145deg, rgba(13,22,37,.82), rgba(8,13,23,.95));border-color:rgba(255,255,255,.07)}
.service-case-card,
.service-final-cta-inner{border-color:rgba(255,255,255,.08)}

@media (max-width:1120px){
  .nav-wrap{height:64px;padding-inline:16px}
  .services-grid.services-grid-v3,
  .projects-showcase{grid-template-columns:repeat(10,minmax(0,1fr))}
  .services-grid-v3 > .service-card:nth-child(1){grid-column:span 6}
  .services-grid-v3 > .service-card:nth-child(2){grid-column:span 4}
  .project-card--feature{grid-column:span 6}
  .project-card{grid-column:span 4}
}
@media (max-width:980px){
  .site-header{backdrop-filter:none}
  .nav-wrap{width:min(calc(100% - 24px), var(--container)); margin-top:10px; height:62px; border-radius:18px}
  .primary-nav{top:82px; right:12px; left:12px; bottom:auto; border:1px solid rgba(255,255,255,.07); border-radius:24px; background:linear-gradient(180deg, rgba(9,15,26,.96), rgba(6,10,18,.98)); box-shadow:0 24px 70px rgba(0,0,0,.35)}
  .hero{min-height:auto; padding-top:154px; padding-bottom:88px}
  .hero:before{background:radial-gradient(circle at 72% 18%, rgba(90,181,255,.12), transparent 24%)}
  .hero-title-v4{font-size:clamp(3.6rem, 8vw, 5.1rem)}
  .visual-panel{transform:none; max-width:100%}
  .services-grid.services-grid-v3,
  .projects-showcase,
  .principles-list{grid-template-columns:1fr}
  .services-grid-v3 > .service-card,
  .project-card,
  .project-card--feature{grid-column:auto; grid-row:auto}
  .contact-copy,.contact-card{padding:24px}
}
@media (max-width:760px){
  .nav-wrap{padding-inline:14px}
  .hero-eyebrow{padding:8px 12px}
  .hero-title-v4{font-size:clamp(3.1rem, 12vw, 4.45rem)}
  .hero-copy:after{display:none}
  .proof-strip{padding-bottom:0}
  .proof-strip-inner{padding:18px}
  .services-grid-v3 > .service-card{padding:24px}
  .project-card{border-radius:24px}
  .project-copy{padding:22px}
  .about-strip-v17,
  .contact-copy,
  .contact-card{padding:22px}
  .principle,
  .process-item,
  .faq-item{border-radius:20px}
}
@media (prefers-reduced-motion:reduce){
  .button:before,
  .visual-panel,
  .service-card,
  .project-card,
  .principle{transition:none!important; transform:none!important}
}

/* =========================================================
   WebWork v2.0 — final refinement layer
   ========================================================= */
:where(a,button,input,select,textarea,summary):focus-visible{
  outline:2px solid rgba(123,214,255,.92);
  outline-offset:3px;
}
.nav-list a.is-active{
  color:#fff;
  background:rgba(255,255,255,.035);
}
.nav-list a.is-active:after{transform:scaleX(1)}

.project-live-card .project-media{
  aspect-ratio:16/10;
  min-height:0;
  background:
    linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px),
    #08111f;
  background-size:28px 28px;
}
.project-live-card.project-card--feature .project-media{min-height:0}
.project-live-card .project-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top center;
  transform:scale(1.001);
}
.project-live-card:hover .project-media img{transform:scale(1.025)}
.project-live-card .case-points{margin-top:16px}

.pulse-dot,
.demo-status-v4 i{
  animation:ww-status-pulse 2.8s ease-in-out infinite;
}
.demo-v4-step-ai{
  animation:ww-ai-breathe 4.2s ease-in-out infinite;
}
@keyframes ww-status-pulse{
  0%,100%{box-shadow:0 0 0 0 rgba(75,215,157,.12),0 0 9px rgba(75,215,157,.35)}
  50%{box-shadow:0 0 0 7px rgba(75,215,157,0),0 0 15px rgba(75,215,157,.48)}
}
@keyframes ww-ai-breathe{
  0%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 24px rgba(25,93,214,.12)}
  50%{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 34px rgba(25,93,214,.22),0 0 0 1px rgba(88,180,255,.07)}
}

@media (prefers-reduced-motion:reduce){
  .pulse-dot,.demo-status-v4 i,.demo-v4-step-ai{animation:none!important}
}

/* WebWork v2.0.1 micro-polish */
.legal-meta{margin:-18px 0 26px!important;color:#62758f!important;font-size:.78rem!important;font-weight:700}.legal-page .legal-content>p:first-of-type:not(.legal-meta){font-size:1.05rem}


/* =========================================================
   WebWork v2.0.2 — real project snapshots / pre-SEO polish
   ========================================================= */
.project-media-live,
.project-live-capture{position:relative;background:#07101d;overflow:hidden}
.project-screenshot{
  display:block;
  width:100%;
  height:100%;
  min-height:inherit;
  object-fit:cover;
  object-position:top center;
  transform:scale(1.002);
  transition:transform .65s cubic-bezier(.2,.72,.2,1), filter .35s ease;
  filter:saturate(.94) contrast(1.02) brightness(.92);
}
.project-card:hover .project-screenshot{transform:scale(1.035);filter:saturate(1) contrast(1.03) brightness(.98)}
.project-live-capture:before,
.project-media-live:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(3,8,16,.02) 45%,rgba(4,9,17,.42) 100%);
}
.snapshot-badge{
  position:absolute;
  z-index:4;
  top:18px;
  right:18px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 10px;
  border:1px solid rgba(91,225,166,.24);
  border-radius:999px;
  background:rgba(5,18,15,.78);
  backdrop-filter:blur(12px);
  color:#9be7c5;
  font-size:.66rem;
  font-weight:800;
  box-shadow:0 10px 28px rgba(0,0,0,.22);
}
.snapshot-badge i{width:6px;height:6px;border-radius:50%;background:#55d99f;box-shadow:0 0 0 5px rgba(85,217,159,.08)}
.snapshot-domain{
  position:absolute;
  z-index:4;
  bottom:16px;
  left:18px;
  max-width:calc(100% - 36px);
  padding:6px 9px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:10px;
  background:rgba(5,10,18,.70);
  backdrop-filter:blur(10px);
  color:#a9bbd1;
  font:700 .62rem "Inter","Heebo",sans-serif;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.project-live-capture--workisrael .project-screenshot{object-position:top center}
.project-live-capture--galan .project-screenshot{object-position:top center}
.snapshot-ai-note{
  position:absolute;
  z-index:5;
  right:18px;
  bottom:18px;
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  gap:9px;
  align-items:center;
  max-width:235px;
  padding:10px 12px;
  border:1px solid rgba(93,178,255,.2);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(9,29,56,.88),rgba(5,13,25,.92));
  backdrop-filter:blur(14px);
  box-shadow:0 14px 38px rgba(0,0,0,.28);
}
.snapshot-ai-note>span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:rgba(72,166,255,.12);color:#80d4ff}
.snapshot-ai-note small,.snapshot-ai-note strong{display:block;line-height:1.25}.snapshot-ai-note small{color:#6f88a7;font-size:.55rem}.snapshot-ai-note strong{margin-top:2px;color:#dcecff;font-size:.68rem}
.project-live-capture--galan .snapshot-domain{left:auto;right:18px;bottom:auto;top:18px;max-width:50%}
.project-live-capture--galan .snapshot-badge{right:auto;left:18px}

/* Keep the real screenshots as evidence, not decoration. */
.project-card--feature .project-live-capture{min-height:430px}
.project-live-capture--galan{min-height:310px}

@media (max-width:980px){
  .project-card--feature .project-live-capture{min-height:340px}
  .project-live-capture--galan{min-height:300px}
}
@media (max-width:760px){
  .snapshot-badge{top:12px;right:12px;padding:6px 8px}
  .snapshot-domain{bottom:12px;left:12px;max-width:calc(100% - 24px)}
  .snapshot-ai-note{right:12px;bottom:12px;max-width:215px;padding:9px 10px}
  .project-live-capture--galan .snapshot-domain{right:12px;top:12px;max-width:56%}
  .project-live-capture--galan .snapshot-badge{left:12px}
}
@media (max-width:430px){
  .project-card--feature .project-live-capture,
  .project-live-capture--galan{min-height:250px}
  .snapshot-ai-note{grid-template-columns:28px minmax(0,1fr);max-width:195px}
  .snapshot-ai-note>span{width:28px;height:28px}.snapshot-ai-note strong{font-size:.62rem}
}

.project-media.snapshot-error{display:grid;place-items:center;min-height:285px;background:radial-gradient(circle at 66% 28%,rgba(53,135,255,.16),transparent 28%),linear-gradient(145deg,#0d192a,#07101c)}
.project-media.snapshot-error:before{content:"תצוגת האתר מתעדכנת";position:relative;z-index:3;padding:10px 14px;border:1px solid rgba(123,214,255,.12);border-radius:12px;background:rgba(7,14,25,.72);color:#8ea4bf;font-size:.72rem;font-weight:750;backdrop-filter:blur(10px)}
.project-media.snapshot-error .snapshot-badge,.project-media.snapshot-error .snapshot-domain,.project-media.snapshot-error .snapshot-ai-note{display:none}


/* =========================================================
   WebWork v2.1 — capabilities illustration section
   ========================================================= */
.capabilities-section .section-heading p{max-width:780px}
.capabilities-intro{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px}
.capabilities-intro span{
  padding:9px 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.018));
  color:#9fb3cb;
  font-size:.78rem;
  font-weight:700;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.capabilities-grid{
  display:grid;
  grid-template-columns:repeat(12, minmax(0,1fr));
  gap:22px;
}
.capability-card{
  position:relative;
  grid-column:span 6;
  display:flex;
  flex-direction:column;
  min-width:0;
  overflow:hidden;
  border-radius:32px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(160deg, rgba(10,18,32,.96), rgba(7,12,21,.99));
  box-shadow:0 26px 72px rgba(0,0,0,.2);
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.capability-card:hover{transform:translateY(-6px);box-shadow:0 34px 90px rgba(0,0,0,.28);border-color:rgba(123,214,255,.17)}
.capability-card:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(145deg, rgba(255,255,255,.08), transparent 28%, transparent 74%, rgba(123,214,255,.14));
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
}
.capability-card--feature{grid-column:span 7; grid-row:span 2}
.capability-card--purple{grid-column:span 5}
.capability-card--teal{grid-column:span 5}
.capability-card--orange{grid-column:span 7}
.capability-card--wide{grid-column:1 / -1}
.capability-media{
  position:relative;
  aspect-ratio: 1586 / 992;
  overflow:hidden;
  background:radial-gradient(circle at 75% 20%, rgba(61,132,255,.18), transparent 22%), #08111f;
}
.capability-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .55s ease, filter .45s ease;
}
.capability-card:hover .capability-media img{transform:scale(1.03);filter:saturate(1.03) contrast(1.03)}
.capability-overlay{
  position:absolute;
  inset:auto 0 0 0;
  height:40%;
  background:linear-gradient(to top, rgba(6,10,18,.92), rgba(6,10,18,.16), transparent);
}
.capability-copy{position:relative;padding:24px 26px 28px}
.capability-meta{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#83a4c8;font-size:.73rem;font-weight:800;letter-spacing:.02em}
.capability-meta span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 11px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
}
.capability-card--blue .capability-meta span{color:#9ed3ff;background:rgba(56,139,255,.09);border-color:rgba(56,139,255,.18)}
.capability-card--purple .capability-meta span{color:#dbb1ff;background:rgba(184,85,255,.08);border-color:rgba(184,85,255,.18)}
.capability-card--teal .capability-meta span{color:#91f0df;background:rgba(44,187,156,.08);border-color:rgba(44,187,156,.18)}
.capability-card--orange .capability-meta span,.capability-card--amber .capability-meta span{color:#ffc396;background:rgba(255,129,73,.08);border-color:rgba(255,129,73,.18)}
.capability-copy h3{margin:0 0 10px;font-size:1.62rem;line-height:1.18;letter-spacing:-.03em}
.capability-copy p{margin:0;color:#95a9c1;line-height:1.75}
.capability-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.capability-tags span{
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.07);
  color:#8da3bd;
  font-size:.68rem;
  font-weight:700;
}
.capability-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:18px;
  color:#c9ddf5;
  font-size:.86rem;
  font-weight:800;
}
.capability-link span{transition:transform .2s ease}
.capability-card:hover .capability-link span{transform:translateX(-3px)}
.capabilities-bottom{
  margin-top:26px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:24px 26px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(145deg, rgba(13,22,37,.74), rgba(7,12,21,.95));
  box-shadow:0 20px 54px rgba(0,0,0,.18);
}
.capabilities-proof strong{display:block;margin-bottom:6px;font-size:1.02rem}
.capabilities-proof p{margin:0;color:#8ea4bf;max-width:760px}
@media (max-width:1120px){
  .capability-card--feature{grid-column:span 6;grid-row:auto}
  .capability-card--purple,.capability-card--teal,.capability-card--orange{grid-column:span 5}
  .capability-card--wide{grid-column:1 / -1}
}
@media (max-width:980px){
  .capabilities-grid{grid-template-columns:1fr}
  .capability-card,.capability-card--feature,.capability-card--purple,.capability-card--teal,.capability-card--orange,.capability-card--wide{grid-column:auto;grid-row:auto}
  .capabilities-bottom{flex-direction:column;align-items:flex-start}
}
@media (max-width:760px){
  .capability-card{border-radius:24px}
  .capability-copy{padding:20px 20px 22px}
  .capability-copy h3{font-size:1.36rem}
  .capabilities-bottom{padding:20px}
}


/* =========================================================
   WebWork v2.2 — future product UI evolution
   ========================================================= */
:root{
  --future-blue:#69d7ff;
  --future-indigo:#6a74ff;
  --future-purple:#b35cff;
  --future-teal:#3ad8c0;
  --future-orange:#ff9a5c;
  --future-surface:rgba(11,18,31,.78);
  --future-surface-2:rgba(9,14,24,.92);
  --future-line:rgba(255,255,255,.085);
  --future-soft-line:rgba(255,255,255,.05);
  --future-glow:0 34px 90px rgba(0,0,0,.26), 0 0 0 1px rgba(110,195,255,.08);
}
body{
  background:
    radial-gradient(circle at 86% 8%, rgba(89,124,255,.13), transparent 18%),
    radial-gradient(circle at 12% 20%, rgba(62,224,198,.08), transparent 18%),
    radial-gradient(circle at 14% 82%, rgba(179,92,255,.08), transparent 18%),
    linear-gradient(180deg, #060914 0%, #05070e 100%);
}
body::before{opacity:.44; filter:blur(96px)}
body::after{opacity:.38; filter:blur(96px)}
.section{
  position:relative;
}
.section:after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.045), transparent);
  pointer-events:none;
}
.site-header{padding-top:4px}
.nav-wrap{
  width:min(calc(100% - 32px), 1240px);
  height:72px;
  border-radius:24px;
  background:
    linear-gradient(180deg, rgba(16,24,42,.86), rgba(8,12,22,.82)),
    radial-gradient(circle at 20% 20%, rgba(117,208,255,.08), transparent 30%);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 24px 70px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter:blur(20px) saturate(140%);
}
.nav-list a{
  padding:10px 12px;
  color:#d6e6f8;
}
.nav-list a.is-active,
.nav-list a:hover{
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025));
  color:#fff;
}
.nav-list a:after{display:none}
.site-brand{position:relative}
.site-brand:after{
  content:"";
  position:absolute;
  inset:auto -12px -6px auto;
  width:54px;height:18px;
  background:radial-gradient(circle, rgba(104,218,255,.24), transparent 68%);
  filter:blur(10px);
  pointer-events:none;
}
.button,
.button-secondary,
.card-cta,
.capability-link,
.contact-mini,
.whatsapp-link{
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease, color .25s ease;
}
.button:hover,
.button-secondary:hover,
.contact-mini:hover,
.whatsapp-link:hover{transform:translateY(-2px)}
.button{
  border:1px solid rgba(255,255,255,.09);
  background:linear-gradient(135deg, #2e7cff 0%, #42a6ff 48%, #78e0ff 100%);
  box-shadow:0 18px 48px rgba(32,115,255,.3), inset 0 1px 0 rgba(255,255,255,.18), inset 0 -8px 18px rgba(0,0,0,.1);
}
.button-secondary{
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.11);
}
.hero{
  padding-top:184px;
  padding-bottom:124px;
  min-height:940px;
}
.hero::before{
  background:
    radial-gradient(circle at var(--hero-x,72%) var(--hero-y,28%), rgba(107,221,255,.18), transparent 18%),
    radial-gradient(circle at 15% 84%, rgba(179,92,255,.09), transparent 20%),
    radial-gradient(circle at 84% 14%, rgba(57,148,255,.18), transparent 22%);
}
.hero-grid-bg{
  opacity:.95;
  background-image:
    linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.95), rgba(0,0,0,.75) 52%, transparent 88%);
}
.hero-orb{
  position:absolute;
  width:420px;
  height:420px;
  border-radius:50%;
  filter:blur(72px);
  opacity:.34;
  pointer-events:none;
  z-index:0;
}
.hero-orb.orb-one{top:84px; right:4%; background:radial-gradient(circle, rgba(103,168,255,.55), rgba(103,168,255,.08) 50%, transparent 72%); animation: wwFloatOne 12s ease-in-out infinite}
.hero-orb.orb-two{bottom:62px; left:5%; background:radial-gradient(circle, rgba(64,224,208,.24), rgba(179,92,255,.16) 45%, transparent 72%); animation: wwFloatTwo 14s ease-in-out infinite}
@keyframes wwFloatOne{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-18px,18px,0)}}
@keyframes wwFloatTwo{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(22px,-12px,0)}}
.hero-copy{max-width:660px}
.hero-title-v4{
  font-size:clamp(4.9rem, 6.65vw, 7.2rem);
  line-height:.96;
  letter-spacing:-.072em;
}
.hero-title-line{display:block; position:relative}
.hero-title-line:last-child{max-width:10.5ch}
.hero-title-line:first-child::after{
  content:"";
  position:absolute;
  inset:auto auto 10px -14px;
  width:92px;
  height:20px;
  background:radial-gradient(circle, rgba(110,222,255,.22), transparent 70%);
  filter:blur(10px);
}
.hero-lead{
  margin-top:24px;
  max-width:640px;
  font-size:1.12rem;
  line-height:1.9;
  color:#b7c4d6;
}
.hero-actions-v4{gap:16px}
.hero-reassurance{
  margin-top:22px;
  padding:14px 16px;
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.07);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.visual-panel.smart-demo-v4{
  position:relative;
  max-width:590px;
  border-radius:34px;
  background:
    linear-gradient(180deg, rgba(14,22,39,.94), rgba(7,12,22,.985)),
    radial-gradient(circle at 84% 12%, rgba(66,142,255,.1), transparent 28%);
  border:1px solid rgba(110,195,255,.14);
  box-shadow:0 48px 130px rgba(0,0,0,.42), 0 0 0 1px rgba(255,255,255,.03), 0 0 90px rgba(45,107,255,.16);
}
.visual-panel.smart-demo-v4::after{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  background:linear-gradient(140deg, rgba(121,223,255,.2), transparent 26%, transparent 68%, rgba(179,92,255,.14));
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  padding:1px;
  pointer-events:none;
}
.visual-topbar{background:rgba(255,255,255,.018)}
.demo-v4-head strong{
  font-size:2.25rem;
  letter-spacing:-.045em;
}
.demo-v4-kicker{
  color:#87accf;
  letter-spacing:.12em;
}
.demo-status-v4{
  background:linear-gradient(180deg, rgba(75,220,162,.1), rgba(75,220,162,.04));
  border:1px solid rgba(75,220,162,.16);
}
.demo-v4-event,
.demo-v4-step,
.demo-v4-response,
.demo-v4-metrics > div{
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.022));
  border:1px solid rgba(255,255,255,.07);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.demo-v4-event{align-items:center}
.lead-avatar,
.lead-badge,
.demo-v4-step-number,.pulse-dot{
  box-shadow:0 0 0 1px rgba(255,255,255,.08), 0 0 28px rgba(68,157,255,.14);
}
.demo-v4-step{
  overflow:hidden;
}
.demo-v4-step::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg, rgba(98,186,255,.72), rgba(98,186,255,0));
  opacity:.65;
}
.demo-v4-step-ai{
  background:linear-gradient(180deg, rgba(46,110,255,.26), rgba(16,32,80,.36));
  border-color:rgba(100,180,255,.16);
  box-shadow:0 18px 42px rgba(30,90,214,.16), inset 0 1px 0 rgba(255,255,255,.05);
}
.demo-v4-step-ai::before{background:linear-gradient(180deg, rgba(124,218,255,.95), rgba(124,218,255,0)); opacity:.9}
.demo-v4-arrow{color:#8098bb}
.demo-v4-response{gap:14px}
.demo-v4-spark{color:#89dcff;text-shadow:0 0 16px rgba(104,219,255,.4)}
.demo-v4-check{background:rgba(75,220,162,.12); border-radius:999px; padding:10px}
.demo-v4-metrics{gap:12px}
.demo-v4-metrics > div{position:relative;overflow:hidden}
.demo-v4-metrics > div::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:2px;
  background:linear-gradient(90deg, rgba(103,214,255,.85), transparent 85%);
}
.proof-strip{padding-bottom:14px}
.proof-strip-inner{
  padding:24px 26px;
  border-radius:24px;
  background:
    linear-gradient(160deg, rgba(13,20,36,.84), rgba(8,12,22,.95)),
    radial-gradient(circle at 84% 20%, rgba(178,92,255,.07), transparent 30%);
  border:1px solid rgba(255,255,255,.075);
  box-shadow:0 22px 58px rgba(0,0,0,.2);
}
.proof-label{background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)); border:1px solid rgba(255,255,255,.07)}
.services-section::before,
.capabilities-section::before,
.why-section::before,
.contact-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:-1;
}
.services-section::before{background:radial-gradient(circle at 16% 12%, rgba(106,116,255,.08), transparent 24%)}
.capabilities-section::before{background:radial-gradient(circle at 82% 16%, rgba(57,216,192,.08), transparent 26%)}
.why-section::before{background:radial-gradient(circle at 16% 18%, rgba(179,92,255,.08), transparent 20%)}
.section-heading .eyebrow{
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.section-heading h2{
  font-size:clamp(2.65rem, 4vw, 4.15rem);
  line-height:1.02;
  letter-spacing:-.055em;
}
.section-heading p{font-size:1.05rem; line-height:1.9}
.service-card,
.capability-card,
.principle,
.process-item,
.faq-item,
.contact-copy,
.contact-card,
.about-strip-v17{
  background:
    linear-gradient(165deg, rgba(13,20,35,.88), rgba(7,12,22,.98)),
    radial-gradient(circle at 85% 12%, rgba(105,215,255,.05), transparent 28%);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 28px 76px rgba(0,0,0,.18);
}
.service-card{border-radius:30px}
.service-card.featured{background:linear-gradient(160deg, rgba(16,40,82,.95), rgba(8,13,23,.99))}
.service-card:nth-child(2){background:linear-gradient(160deg, rgba(19,24,54,.93), rgba(8,13,23,.99))}
.service-card-secondary{background:linear-gradient(160deg, rgba(15,29,38,.93), rgba(8,13,23,.99))}
.service-card:hover{box-shadow:0 34px 92px rgba(0,0,0,.28), 0 0 46px rgba(69,122,255,.1)}
.service-topline,.service-kicker{letter-spacing:.12em}
.service-icon,
.service-secondary-icon{
  background:linear-gradient(135deg, rgba(48,131,255,.24), rgba(122,225,255,.1));
  border:1px solid rgba(255,255,255,.08);
}
.service-card:nth-child(2) .service-icon{background:linear-gradient(135deg, rgba(122,86,255,.22), rgba(84,156,255,.1))}
.service-secondary-icon{background:linear-gradient(135deg, rgba(58,216,192,.2), rgba(86,140,255,.08))}
.service-fit,
.service-contact-link{background:rgba(255,255,255,.03)}
.capabilities-intro span{box-shadow:0 16px 42px rgba(0,0,0,.12)}
.capability-card{border-radius:34px; box-shadow:0 32px 86px rgba(0,0,0,.2)}
.capability-media{
  background:
    radial-gradient(circle at 78% 22%, rgba(86,175,255,.22), transparent 28%),
    linear-gradient(180deg, #0b1425, #08111d);
}
.capability-card--purple .capability-media{background:radial-gradient(circle at 78% 22%, rgba(184,85,255,.25), transparent 30%), linear-gradient(180deg, #141128, #0a1120)}
.capability-card--teal .capability-media{background:radial-gradient(circle at 78% 22%, rgba(44,187,156,.25), transparent 30%), linear-gradient(180deg, #091723, #08111d)}
.capability-card--orange .capability-media,
.capability-card--amber .capability-media{background:radial-gradient(circle at 78% 22%, rgba(255,129,73,.25), transparent 30%), linear-gradient(180deg, #18111b, #0c111a)}
.capability-overlay{background:linear-gradient(to top, rgba(5,8,15,.92), rgba(5,8,15,.18), transparent)}
.capability-copy h3{font-size:1.8rem; letter-spacing:-.045em}
.capability-tags span{background:rgba(255,255,255,.028)}
.capabilities-bottom{border-radius:28px; box-shadow:0 28px 80px rgba(0,0,0,.18)}
.about-strip-v17{overflow:hidden}
.about-strip-v17::after{
  content:"";
  position:absolute;
  inset:auto auto -36px -36px;
  width:140px;height:140px;border-radius:50%;
  background:radial-gradient(circle, rgba(57,216,192,.16), transparent 70%);
  filter:blur(8px);
  pointer-events:none;
}
.principles-list{gap:18px}
.principle h3{font-size:1.36rem; letter-spacing:-.03em}
.process-item::before{
  content:"";
  width:10px;height:10px;border-radius:50%;display:inline-block;
  background:linear-gradient(135deg, var(--future-blue), var(--future-purple));
  box-shadow:0 0 18px rgba(106,116,255,.42);
  margin-inline-start:2px;margin-inline-end:10px;
}
.process-item .step-number{background:linear-gradient(135deg, rgba(62,124,255,.18), rgba(57,216,192,.12))}
.faq-item summary:hover{color:#fff}
.contact-section{
  padding-bottom:120px;
}
.contact-grid{
  align-items:stretch;
}
.contact-copy,
.contact-card{
  position:relative;
  overflow:hidden;
  border-radius:30px;
}
.contact-copy::after,
.contact-card::after{
  content:"";
  position:absolute;
  inset:auto auto -40px -20px;
  width:160px;height:160px;border-radius:50%;
  background:radial-gradient(circle, rgba(108,218,255,.14), transparent 70%);
  pointer-events:none;
  filter:blur(8px);
}
.form-grid input,
.form-grid select,
.form-grid textarea{background:rgba(255,255,255,.032)}
.form-grid label{font-weight:700}
.form-grid input::placeholder,
.form-grid textarea::placeholder{color:#7f91a7}
.site-footer{
  background:
    radial-gradient(circle at 82% 16%, rgba(106,116,255,.1), transparent 20%),
    radial-gradient(circle at 14% 72%, rgba(57,216,192,.08), transparent 20%),
    #050911;
}
.footer-grid{align-items:flex-start}
.footer-brand .brand-mark{
  box-shadow:0 0 32px rgba(76,173,255,.14);
}
@media (max-width:1200px){
  .hero-title-v4{font-size:clamp(4.3rem, 6vw, 6.2rem)}
  .visual-panel.smart-demo-v4{max-width:540px}
}
@media (max-width:980px){
  .nav-wrap{height:64px;border-radius:20px}
  .hero{padding-top:152px; min-height:auto; padding-bottom:88px}
  .hero-title-v4{font-size:clamp(3.4rem, 10vw, 5.3rem)}
  .visual-panel.smart-demo-v4{max-width:100%}
  .capability-copy h3{font-size:1.55rem}
}
@media (max-width:760px){
  .section-heading h2{font-size:clamp(2.2rem, 9vw, 3rem)}
  .hero-title-v4{font-size:clamp(3rem, 11vw, 4.3rem)}
  .hero-actions-v4{flex-direction:column; align-items:stretch}
  .hero-orb{width:240px;height:240px;filter:blur(48px)}
  .service-card,
  .capability-card,
  .contact-copy,
  .contact-card{border-radius:24px}
  .capability-copy h3{font-size:1.38rem}
}
@media (prefers-reduced-motion:reduce){
  .hero-orb{animation:none}
}

/* =========================================================
   WebWork v2.3 — Full Visual Continuity / Layout Evolution
   ========================================================= */
body{overflow-x:hidden}
.section{overflow:clip}

/* HERO: cinematic stage */
.hero{min-height:900px;padding-bottom:108px}
.hero-grid{grid-template-columns:minmax(0,.92fr) minmax(560px,1.08fr);gap:52px;align-items:center}
.hero-copy{position:relative;z-index:4}
.hero-visual-v4{position:relative;z-index:3;min-width:0;transform:translateX(-18px)}
.hero-visual-v4:before{
  content:"";position:absolute;inset:9% -12% -8% 8%;z-index:-2;border-radius:50%;
  background:radial-gradient(circle at 50% 45%,rgba(53,151,255,.24),rgba(89,85,255,.11) 34%,transparent 68%);
  filter:blur(48px);opacity:.9;pointer-events:none
}
.visual-panel.smart-demo-v4{max-width:none;width:min(100%,640px);margin-inline:auto}
.hero-float{position:absolute;z-index:5;display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(9,16,29,.78);box-shadow:0 20px 60px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(15px);font:700 .68rem "Inter",sans-serif;color:#9cb2ca;pointer-events:none}
.hero-float strong{color:#eaf6ff;font-size:.73rem}.hero-float i{width:7px;height:7px;border-radius:50%;background:#4bdfa5;box-shadow:0 0 14px rgba(75,223,165,.7)}
.hero-float-ai{top:13%;left:-1%;}.hero-float-ai strong{color:#73dbff}.hero-float-crm{right:-4%;bottom:23%}.hero-float-crm i{display:grid;place-items:center;width:20px;height:20px;background:rgba(73,211,157,.12);color:#68dda8;font-style:normal;box-shadow:none}
.hero-float-lead{left:6%;bottom:7%;flex-direction:column;align-items:flex-start;gap:2px}.hero-float-lead span{font-size:.58rem;color:#6f89a7}.hero-float-lead strong{font-family:"Heebo",sans-serif;font-size:.8rem}

/* TRUST RAIL */
.future-trust-strip{padding:0 0 30px;border:0;background:transparent}
.future-trust-inner{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:24px;padding:18px 22px;border:1px solid rgba(255,255,255,.07);border-radius:22px;background:linear-gradient(160deg,rgba(11,18,31,.8),rgba(7,11,20,.94));box-shadow:0 20px 56px rgba(0,0,0,.18)}
.future-trust-copy{display:flex;align-items:center;gap:12px;min-width:0}.future-trust-copy strong{font-size:.88rem;color:#bfcee0;white-space:normal}
.future-trust-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.future-trust-items>span{min-width:0;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.026);border:1px solid rgba(255,255,255,.055)}
.future-trust-items b,.future-trust-items small{display:block}.future-trust-items b{font:800 .68rem "Inter",sans-serif;color:#dff4ff;letter-spacing:.05em}.future-trust-items small{margin-top:2px;font-size:.62rem;color:#6f849f}

/* SERVICES: true product bento */
.services-section{padding-top:102px;padding-bottom:118px}
.services-grid-v3{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;align-items:stretch}
.services-grid-v3 .service-card-primary{grid-column:span 6;min-height:650px;padding:28px;position:relative;overflow:hidden}
.services-grid-v3 .service-card-secondary{grid-column:1/-1;min-height:300px;padding:28px 30px;display:grid;grid-template-columns:74px minmax(0,1.25fr) minmax(330px,.75fr);align-items:center;gap:24px}
.services-grid-v3 .service-card-primary:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;filter:blur(40px);opacity:.23;pointer-events:none;right:-80px;top:-90px;background:radial-gradient(circle,#4c9aff,transparent 70%)}
.services-grid-v3 .service-card-primary:nth-child(2):after{background:radial-gradient(circle,#8e67ff,transparent 70%)}
.service-mini{position:relative;margin:22px 0 20px;border:1px solid rgba(255,255,255,.075);border-radius:20px;background:linear-gradient(155deg,rgba(4,10,20,.68),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden}
.service-mini-ai{padding:16px;display:grid;gap:9px;background:radial-gradient(circle at 86% 10%,rgba(60,166,255,.15),transparent 36%),linear-gradient(155deg,rgba(4,10,20,.82),rgba(16,30,60,.44))}
.mini-ai-head{display:flex;align-items:center;gap:8px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.055)}.mini-ai-head i{width:8px;height:8px;border-radius:50%;background:#50e3ae;box-shadow:0 0 16px rgba(80,227,174,.55)}.mini-ai-head span{font:700 .68rem "Inter",sans-serif;color:#bad3ed}.mini-ai-head b{margin-inline-start:auto;color:#5f8bb1;font:700 .56rem "Inter",sans-serif;text-transform:uppercase}
.mini-chat{width:fit-content;max-width:88%;padding:9px 11px;border-radius:12px;font-size:.69rem;line-height:1.5}.mini-chat.user{margin-inline-start:auto;background:rgba(59,135,255,.16);border:1px solid rgba(74,155,255,.14);color:#c9e3ff}.mini-chat.ai{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);color:#9eb3cb}
.service-mini-web{min-height:178px;background:radial-gradient(circle at 84% 0%,rgba(130,91,255,.14),transparent 34%),#08111d}.mini-browser-top{height:35px;padding:0 12px;display:flex;align-items:center;gap:6px;border-bottom:1px solid rgba(255,255,255,.055)}.mini-browser-top i{width:6px;height:6px;border-radius:50%;background:#3e5774}.mini-browser-top i:nth-child(1){background:#63c7ff}.mini-browser-top span{margin-inline-start:auto;font:600 .52rem "Inter",sans-serif;color:#58718e}.mini-browser-body{padding:20px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.mini-browser-body b{grid-column:1/-1;height:38px;border-radius:10px;background:linear-gradient(90deg,rgba(87,121,255,.2),rgba(92,220,255,.08))}.mini-browser-body span{grid-column:1/span 2;height:9px;border-radius:20px;background:rgba(255,255,255,.06)}.mini-browser-body span+span{width:70%;margin-top:-5px}.mini-browser-body em{height:52px;border-radius:11px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055)}
.service-mini-flow{margin:0;display:flex;align-items:center;justify-content:center;gap:10px;min-height:120px;padding:18px;background:radial-gradient(circle at 50% 50%,rgba(49,213,193,.1),transparent 50%),rgba(5,11,19,.65)}.service-mini-flow span{padding:12px 15px;border-radius:12px;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.035);font:700 .61rem "Inter",sans-serif;color:#9bb0c9}.service-mini-flow .active{color:#93f0df;border-color:rgba(58,216,192,.2);background:rgba(58,216,192,.08);box-shadow:0 0 24px rgba(58,216,192,.1)}.service-mini-flow i{font-style:normal;color:#5d7795}
.services-grid-v3 .service-card-secondary .service-actions-secondary{align-self:center;justify-content:flex-end}.services-grid-v3 .service-card-secondary .service-fit{margin-top:14px}

/* CAPABILITIES: less repetition, more impact */
.capabilities-section{padding-top:108px;padding-bottom:108px}
.capabilities-section .section-heading{margin-bottom:24px}
.capabilities-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;align-items:stretch}
.capability-card--feature{grid-column:span 7;grid-row:auto}.capability-card--side{grid-column:span 5}.capability-card--compact{grid-column:span 4}
.capability-card--wide{grid-column:auto}
.capability-card{min-height:0;border-radius:30px}
.capability-media{aspect-ratio:16/9}
.capability-card--feature .capability-media,.capability-card--side .capability-media{aspect-ratio:16/9}
.capability-card--compact .capability-copy{padding:18px 20px 21px}.capability-card--compact .capability-copy h3{font-size:1.28rem;margin-bottom:4px}.capability-card--compact .capability-tags{margin-top:10px}.capability-card--compact .capability-link{margin-top:12px}
.capability-card--compact .capability-tags span:nth-child(n+4){display:none}
.capabilities-bottom{margin-top:18px;padding:18px 21px;border-radius:22px}.capabilities-proof p{font-size:.88rem}.capabilities-bottom .button{padding:12px 17px;font-size:.82rem}

/* WHY: one coherent scene */
.why-section-v23{padding:104px 0;background:radial-gradient(circle at 8% 22%,rgba(172,74,255,.09),transparent 24%),radial-gradient(circle at 88% 72%,rgba(52,150,255,.08),transparent 24%)}
.why-stage-v23{position:relative;padding:42px;border:1px solid rgba(255,255,255,.075);border-radius:34px;background:linear-gradient(145deg,rgba(13,18,34,.86),rgba(6,10,19,.98));box-shadow:0 36px 100px rgba(0,0,0,.22);overflow:hidden}
.why-stage-v23:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(135deg,rgba(0,0,0,.7),transparent 70%);pointer-events:none}
.why-intro-v23{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:58px;align-items:end;margin-bottom:34px}.why-intro-v23 h2{margin:13px 0 0;font-size:clamp(3rem,5vw,5.15rem);line-height:.98;letter-spacing:-.06em}.why-intro-v23 h2 span{color:#b9c8da}.why-intro-side p{margin:0;color:#9aacc1;line-height:1.85;font-size:1rem}.studio-note{margin-top:20px;padding:15px 17px;border-radius:17px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.028)}.studio-note strong,.studio-note span,.studio-note i{display:block}.studio-note strong{font:800 .72rem "Inter",sans-serif;color:#78d7ff}.studio-note span{margin-top:3px;color:#d6e2f0;font-weight:700}.studio-note i{margin-top:5px;font-style:normal;color:#687e98;font-size:.68rem}
.principles-v23{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;border:0}.principles-v23 .principle{display:block;min-height:210px;padding:20px;border-radius:21px;background:linear-gradient(180deg,rgba(255,255,255,.042),rgba(255,255,255,.018));border:1px solid rgba(255,255,255,.065)}.principles-v23 .principle>span{display:inline-flex;padding:0;margin-bottom:34px;font:800 .65rem "Inter",sans-serif;color:#778eac}.principles-v23 .principle h3{font-size:1.2rem;margin-bottom:8px}.principles-v23 .principle p{font-size:.86rem;line-height:1.65}
.why-glow-node{position:absolute;border-radius:50%;filter:blur(12px);pointer-events:none}.why-glow-node-a{width:180px;height:180px;right:-70px;top:-65px;background:radial-gradient(circle,rgba(86,169,255,.18),transparent 70%)}.why-glow-node-b{width:180px;height:180px;left:10%;bottom:-110px;background:radial-gradient(circle,rgba(179,92,255,.14),transparent 70%)}
.why-stage-link{position:relative;z-index:2;display:inline-flex;align-items:center;gap:8px;margin-top:23px;color:#bed5ee;font-weight:750}.why-stage-link span{color:#70d6ff}

/* PROCESS: horizontal flow, fixes narrow RTL cards */
.process-section-v23{padding:102px 0 108px;background:radial-gradient(circle at 50% 12%,rgba(42,126,255,.065),transparent 32%)}
.process-head-v23{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:72px;align-items:end;margin-bottom:56px}.process-head-v23 h2{margin:13px 0 0;font-size:clamp(2.8rem,4.5vw,4.6rem);line-height:1;letter-spacing:-.055em}.process-head-v23 h2 span{color:#9fb1c6}.process-head-v23>p{margin:0;color:#8fa2b8;line-height:1.85}
.process-flow-v23{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.process-flow-v23:before{content:"";position:absolute;top:35px;right:8%;left:8%;height:1px;background:linear-gradient(90deg,rgba(103,212,255,.12),rgba(103,212,255,.7),rgba(164,92,255,.5),rgba(103,212,255,.12));box-shadow:0 0 18px rgba(77,168,255,.18)}
.process-node{position:relative;z-index:1;min-height:225px;padding:24px 22px 22px;border-radius:23px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(160deg,rgba(13,21,35,.84),rgba(7,12,21,.97));box-shadow:0 24px 68px rgba(0,0,0,.16);transform:none!important}.process-node .process-number{display:block;font:800 .64rem "Inter",sans-serif;color:#7188a4;margin-bottom:20px}.process-node>i{display:block;width:14px;height:14px;border-radius:50%;margin-bottom:26px;background:linear-gradient(135deg,#68d8ff,#6d72ff);box-shadow:0 0 0 7px rgba(87,163,255,.06),0 0 24px rgba(86,176,255,.35)}.process-node:nth-child(3)>i{background:linear-gradient(135deg,#9e71ff,#cb5dff)}.process-node:nth-child(4)>i{background:linear-gradient(135deg,#56dcc6,#6d9dff)}.process-node h3{margin:0 0 8px;font-size:1.28rem}.process-node p{margin:0;color:#8498b0;line-height:1.7;font-size:.88rem}
.process-cta-v23{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding:15px 18px;border:1px solid rgba(255,255,255,.055);border-radius:17px;background:rgba(255,255,255,.018);font-size:.76rem;color:#657c98}.process-cta-v23 a{color:#c9def4;font-weight:750}

/* FAQ: compact editorial grid */
.faq-section-v23{padding:98px 0;background:radial-gradient(circle at 14% 72%,rgba(171,79,255,.06),transparent 28%),radial-gradient(circle at 88% 18%,rgba(49,181,255,.05),transparent 25%)}
.faq-head-v23{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:60px;align-items:end;margin-bottom:34px}.faq-head-v23 h2{margin:10px 0 0;font-size:clamp(2.8rem,4.6vw,4.7rem);line-height:1;letter-spacing:-.055em}.faq-head-v23 p{margin:0;color:#8d9fb5;line-height:1.8}
.faq-list-v23{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:0}.faq-list-v23 .faq-item{min-width:0;border-radius:19px;padding:0 18px;background:linear-gradient(160deg,rgba(13,20,34,.78),rgba(7,12,21,.94));transform:none!important}.faq-list-v23 .faq-item summary{padding:19px 0;font-size:.94rem}.faq-list-v23 .faq-item p{font-size:.84rem;line-height:1.7;margin-bottom:19px}

/* CONTACT: visual finale */
.contact-section-v23{position:relative;padding:114px 0 124px;background:linear-gradient(180deg,rgba(5,9,17,.1),rgba(5,8,15,.86));overflow:clip}.contact-aurora{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none}.contact-aurora-a{width:560px;height:560px;right:-160px;top:40px;background:radial-gradient(circle,rgba(51,139,255,.22),transparent 66%)}.contact-aurora-b{width:480px;height:480px;left:-120px;bottom:-120px;background:radial-gradient(circle,rgba(169,77,255,.13),rgba(55,210,192,.06) 40%,transparent 68%)}
.contact-stage-head{max-width:980px;margin:0 auto 48px;text-align:center;position:relative;z-index:1}.contact-stage-head h2{margin:14px auto 14px;font-size:clamp(3.6rem,6.4vw,6.7rem);line-height:.96;letter-spacing:-.067em;text-wrap:balance}.contact-stage-head h2 span{background:linear-gradient(100deg,#66ccff,#7d85ff 48%,#c46dff);-webkit-background-clip:text;background-clip:text;color:transparent}.contact-stage-head p{max-width:760px;margin:0 auto;color:#9baec3;line-height:1.85;font-size:1rem}
.contact-console-v23{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:18px;align-items:stretch;padding:18px;border:1px solid rgba(255,255,255,.075);border-radius:34px;background:linear-gradient(145deg,rgba(12,19,33,.84),rgba(6,10,18,.96));box-shadow:0 40px 110px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.04)}
.contact-channels-v23{padding:24px;border-radius:24px;background:radial-gradient(circle at 12% 8%,rgba(54,212,192,.08),transparent 28%),rgba(255,255,255,.018);border:1px solid rgba(255,255,255,.055)}
.contact-console-label{display:flex;align-items:center;gap:8px;padding-bottom:17px;margin-bottom:18px;border-bottom:1px solid rgba(255,255,255,.055);font:700 .61rem "Inter",sans-serif;color:#7890ab}.contact-console-label i{width:8px;height:8px;border-radius:50%;background:#4ddeaa;box-shadow:0 0 16px rgba(77,222,170,.5)}.contact-console-label b{margin-inline-start:auto;font-size:.54rem;color:#59dca9;letter-spacing:.08em}
.contact-channels-v23 .whatsapp-link{padding:17px;border-radius:18px;background:linear-gradient(135deg,rgba(46,206,146,.09),rgba(46,206,146,.025))}.contact-channels-v23 .contact-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.contact-channels-v23 .contact-mini{min-height:76px;padding:13px 14px}.contact-channels-v23 .contact-mini span{font-size:.66rem}.contact-channels-v23 .contact-mini a{font-size:.82rem}
.contact-signals{display:grid;gap:8px;margin-top:18px}.contact-signals span{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:13px;border:1px solid rgba(255,255,255,.05);background:rgba(255,255,255,.02)}.contact-signals i{font:800 .58rem "Inter",sans-serif;color:#6b85a4;font-style:normal}.contact-signals b{font-size:.75rem;color:#9fb2c7}.contact-footnote{margin-top:16px;color:#60758e;font-size:.66rem;line-height:1.6}
.contact-card-v23{padding:28px;border-radius:24px;background:linear-gradient(155deg,rgba(14,24,43,.93),rgba(7,12,22,.98));box-shadow:none}.contact-card-v23:before{background:radial-gradient(circle,rgba(65,144,255,.15),transparent 68%)}.contact-card-v23 .contact-form{gap:14px}.contact-card-v23 .contact-form textarea{min-height:110px}.contact-card-v23 input,.contact-card-v23 select,.contact-card-v23 textarea{background:rgba(4,10,19,.66);border-color:rgba(255,255,255,.075)}

/* Footer consistency */
.site-footer{border-top:1px solid rgba(255,255,255,.06)}

/* Make motion refined, not gimmicky */
@media (pointer:fine) and (min-width:981px){
  .service-card:hover,.capability-card:hover,.principle:hover{transform:translateY(-5px)}
  .process-node:hover{transform:translateY(-4px)!important;border-color:rgba(105,209,255,.14)}
}

@media (max-width:1180px){
  .hero-grid{grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr);gap:34px}
  .hero-float-crm{right:0}.hero-float-ai{left:0}
  .services-grid-v3 .service-card-secondary{grid-template-columns:64px minmax(0,1fr);}.services-grid-v3 .service-card-secondary .service-mini-flow,.services-grid-v3 .service-card-secondary .service-actions-secondary{grid-column:2}
  .principles-v23{grid-template-columns:repeat(2,minmax(0,1fr))}.principles-v23 .principle{min-height:180px}
}
@media (max-width:980px){
  .hero-grid{grid-template-columns:1fr;gap:48px}.hero-visual-v4{transform:none}.hero-float{display:none}
  .future-trust-inner{grid-template-columns:1fr}.future-trust-items{grid-template-columns:repeat(4,minmax(0,1fr))}
  .services-grid-v3{grid-template-columns:1fr}.services-grid-v3 .service-card-primary,.services-grid-v3 .service-card-secondary{grid-column:auto;min-height:0}.services-grid-v3 .service-card-secondary{grid-template-columns:58px minmax(0,1fr)}
  .capabilities-grid{grid-template-columns:1fr 1fr}.capability-card--feature,.capability-card--side,.capability-card--compact{grid-column:auto}.capability-card--feature{grid-column:1/-1}
  .why-intro-v23{grid-template-columns:1fr;gap:25px}.why-stage-v23{padding:30px}.principles-v23{grid-template-columns:repeat(2,minmax(0,1fr))}
  .process-head-v23,.faq-head-v23{grid-template-columns:1fr;gap:20px}.process-flow-v23{grid-template-columns:1fr 1fr}.process-flow-v23:before{display:none}
  .faq-list-v23{grid-template-columns:1fr}
  .contact-console-v23{grid-template-columns:1fr}.contact-stage-head{text-align:right;margin-inline:0}.contact-stage-head h2{margin-inline:0}.contact-stage-head p{margin-inline:0}
}
@media (max-width:700px){
  .hero{padding-bottom:72px}.future-trust-inner{padding:15px}.future-trust-copy{align-items:flex-start;flex-direction:column;gap:7px}.future-trust-items{grid-template-columns:1fr 1fr}
  .services-grid-v3 .service-card-primary{padding:22px}.services-grid-v3 .service-card-secondary{grid-template-columns:1fr;padding:22px}.services-grid-v3 .service-card-secondary .service-secondary-icon{margin-bottom:0}.services-grid-v3 .service-card-secondary .service-mini-flow,.services-grid-v3 .service-card-secondary .service-actions-secondary{grid-column:auto}.service-mini-flow{justify-content:flex-start;overflow:auto}.service-mini-flow span{white-space:nowrap}
  .capabilities-grid{grid-template-columns:1fr}.capability-card--feature{grid-column:auto}.capability-media,.capability-card--feature .capability-media,.capability-card--side .capability-media{aspect-ratio:16/10}
  .why-stage-v23{padding:24px 20px;border-radius:26px}.why-intro-v23 h2{font-size:clamp(2.55rem,11vw,3.5rem)}.principles-v23{grid-template-columns:1fr}.principles-v23 .principle{min-height:0}.principles-v23 .principle>span{margin-bottom:18px}
  .process-flow-v23{grid-template-columns:1fr}.process-node{min-height:0}.process-cta-v23{align-items:flex-start;flex-direction:column}
  .faq-head-v23 h2{font-size:2.7rem}
  .contact-stage-head h2{font-size:clamp(3rem,13vw,4.5rem)}.contact-console-v23{padding:10px;border-radius:26px}.contact-channels-v23,.contact-card-v23{padding:20px;border-radius:20px}.contact-channels-v23 .contact-quick-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.hero-float{transition:none}.process-node{transition:none!important}}

/* v2.3 anchor polish */
section[id]{scroll-margin-top:118px}
@media(max-width:782px){section[id]{scroll-margin-top:112px}}


/* =========================================================
   WebWork v2.3.1 — precision / density / continuity pass
   ========================================================= */

/* 1) Tighten the full page rhythm without making it cramped */
.hero{padding-bottom:86px;min-height:860px}
.future-trust-strip{padding-bottom:18px}
.services-section{padding-top:96px;padding-bottom:88px}
.capabilities-section{padding-top:88px;padding-bottom:82px}
.why-section-v23{padding:76px 0 64px}
.process-section-v23{padding:58px 0 72px}
.faq-section-v23{padding:66px 0 74px}
.contact-section-v23{padding:86px 0 98px}
.section-heading{margin-bottom:34px}
.capabilities-section .section-heading{margin-bottom:28px}

/* 2) Hero: one cinematic scene instead of two separate halves */
@media (min-width:981px){
  .hero-grid{grid-template-columns:minmax(0,.88fr) minmax(590px,1.12fr);gap:32px;align-items:center}
  .hero-copy{position:relative;z-index:4}
  .hero-visual-v4{width:112%;margin-inline-start:-7%;z-index:3}
  .visual-panel.smart-demo-v4{max-width:none;width:100%;transform-origin:center}
  .hero-float-ai{left:-4%;top:10%}
  .hero-float-crm{right:-5%;bottom:20%}
  .hero-float-lead{left:3%;bottom:4%}
  .hero-visual-v4:before{
    content:"";position:absolute;inset:8% 4% -8% 4%;z-index:-1;border-radius:50%;
    background:radial-gradient(circle,rgba(59,146,255,.18),rgba(101,91,255,.08) 42%,transparent 72%);
    filter:blur(34px);pointer-events:none
  }
}

/* 3) Trust rail: lighter, faster visual bridge */
.future-trust-inner{padding:14px 18px;border-radius:18px;background:linear-gradient(160deg,rgba(10,17,29,.62),rgba(7,11,19,.82));box-shadow:0 14px 42px rgba(0,0,0,.14)}
.future-trust-items>span{padding:8px 10px;background:rgba(255,255,255,.018)}
.future-trust-copy strong{font-size:.83rem}

/* 4) Services: more product UI, less box-inside-box */
.services-grid-v3{gap:16px}
.services-grid-v3 .service-card-primary{min-height:610px;padding:26px}
.services-grid-v3 .service-card-secondary{
  min-height:238px;padding:24px 28px;grid-template-columns:64px minmax(0,1.22fr) minmax(350px,.78fr);
  background:
    radial-gradient(circle at 18% 50%,rgba(52,215,193,.075),transparent 30%),
    linear-gradient(150deg,rgba(11,19,31,.68),rgba(6,11,19,.9));
  border-color:rgba(76,213,193,.09);
  box-shadow:0 18px 54px rgba(0,0,0,.14)
}
.service-mini{margin:18px 0 16px}
.service-mini-web{min-height:150px}
.service-card-secondary .service-mini-flow{
  position:relative;min-height:92px;margin:10px 0 2px;padding:10px 0;background:transparent;border:0;box-shadow:none;overflow:visible
}
.service-card-secondary .service-mini-flow:before{
  content:"";position:absolute;left:8%;right:8%;top:50%;height:1px;
  background:linear-gradient(90deg,rgba(65,210,191,.08),rgba(85,180,255,.55),rgba(164,92,255,.35),rgba(65,210,191,.08));
  box-shadow:0 0 18px rgba(74,175,255,.13);z-index:0
}
.service-card-secondary .service-mini-flow span,
.service-card-secondary .service-mini-flow i{position:relative;z-index:1}
.service-card-secondary .service-mini-flow span{background:#09131f;border-color:rgba(255,255,255,.085);box-shadow:0 8px 24px rgba(0,0,0,.2)}
.service-card-secondary .service-mini-flow .active{background:linear-gradient(160deg,rgba(40,142,170,.27),rgba(36,96,137,.16));box-shadow:0 0 28px rgba(58,216,192,.12)}
.service-card-secondary .service-fit.compact{background:transparent;border:0;padding:0;margin-top:6px}

/* 5) Capabilities: keep the hero cards, make the remaining three editorial */
.capabilities-grid{gap:16px}
.capability-card--feature{grid-column:span 7}
.capability-card--side{grid-column:span 5}
.capability-card--compact{
  grid-column:span 6;
  display:grid;
  grid-template-columns:minmax(190px,.88fr) minmax(0,1.12fr);
  min-height:260px;
  align-items:stretch
}
.capability-card--compact:last-child{grid-column:1/-1;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);min-height:245px}
.capability-card--compact .capability-media{aspect-ratio:auto;min-height:100%;height:100%}
.capability-card--compact .capability-media img{height:100%;object-fit:cover}
.capability-card--compact .capability-copy{display:flex;flex-direction:column;justify-content:center;padding:22px 24px}
.capability-card--compact .capability-copy h3{font-size:1.38rem;line-height:1.22;margin:7px 0 8px}
.capability-card--compact .capability-copy p{
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
  margin:0;color:#8fa3bb;font-size:.82rem;line-height:1.65
}
.capability-card--compact .capability-tags{margin-top:12px}
.capability-card--compact .capability-link{margin-top:14px}
.capability-card--compact .capability-overlay{width:38%;height:100%;inset:0 auto 0 0;background:linear-gradient(90deg,rgba(5,8,15,.76),transparent)}
.capabilities-bottom{margin-top:18px;padding:20px 22px}

/* 6) Why -> Process: same visual chapter, no dead valley between them */
.why-section-v23:after{display:none}
.process-section-v23{
  margin-top:-1px;
  background:
    radial-gradient(circle at 13% 4%,rgba(166,83,255,.055),transparent 24%),
    radial-gradient(circle at 72% 12%,rgba(42,126,255,.07),transparent 30%)
}
.why-stage-v23{padding:36px;border-radius:30px}
.why-intro-v23{margin-bottom:26px;gap:44px}
.principles-v23 .principle{min-height:184px;padding:18px}
.principles-v23 .principle>span{margin-bottom:22px}
.process-head-v23{margin-bottom:36px;gap:52px}
.process-flow-v23{gap:12px}
.process-node{min-height:188px;padding:20px}
.process-node .process-number{margin-bottom:15px}
.process-node>i{margin-bottom:18px}
.process-cta-v23{margin-top:14px}

/* 7) FAQ: still quiet, but visibly part of the same product language */
.faq-head-v23{margin-bottom:28px}
.faq-list-v23{counter-reset:wwFaq;gap:10px}
.faq-list-v23 .faq-item{
  counter-increment:wwFaq;position:relative;overflow:hidden;
  border-color:rgba(255,255,255,.065);
  background:linear-gradient(155deg,rgba(12,19,32,.74),rgba(7,11,20,.92))
}
.faq-list-v23 .faq-item:before{
  content:"";position:absolute;inset:0 0 auto 0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(102,207,255,.42),transparent);opacity:.55
}
.faq-list-v23 .faq-item:nth-child(2n):before{background:linear-gradient(90deg,transparent,rgba(185,98,255,.36),transparent)}
.faq-list-v23 .faq-item summary:before{
  content:counter(wwFaq,decimal-leading-zero);font:800 .58rem "Inter",sans-serif;color:#526d8c;letter-spacing:.06em;margin-inline-end:10px
}
.faq-list-v23 .faq-item summary{padding:17px 0;font-size:.91rem}
.faq-list-v23 .faq-item[open]{border-color:rgba(104,203,255,.12);box-shadow:0 18px 48px rgba(0,0,0,.14)}

/* 8) Contact: make the action console hold equal visual weight */
.contact-stage-head{margin-bottom:34px;max-width:900px}
.contact-stage-head h2{font-size:clamp(3.35rem,5.5vw,5.8rem)}
.contact-stage-head p{font-size:.97rem;max-width:700px}
.contact-console-v23{
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;padding:20px;
  box-shadow:0 42px 120px rgba(0,0,0,.34),0 0 70px rgba(50,112,255,.055),inset 0 1px 0 rgba(255,255,255,.045)
}
.contact-channels-v23{padding:29px}
.contact-card-v23{padding:31px}
.contact-channels-v23 .whatsapp-link{padding:20px 18px;min-height:98px}
.contact-channels-v23 .contact-mini{min-height:82px;padding:15px}
.contact-signals{margin-top:16px}
.contact-footnote{margin-top:16px}
.contact-card-v23 .contact-form textarea{min-height:124px}

/* 9) Secondary text / footer contrast */
.footer-grid p{color:#8b9db4}
.footer-grid h3{color:#8294aa}
.footer-grid>div:not(:first-child) a{color:#b9c6d6}
.footer-contact{color:#a9bdd7}
.footer-bottom{color:#6f829c}
.footer-legal a{color:#8799b0}

@media (max-width:1100px){
  .services-grid-v3 .service-card-secondary{grid-template-columns:58px minmax(0,1fr);min-height:0}
  .services-grid-v3 .service-card-secondary .service-mini-flow,.services-grid-v3 .service-card-secondary .service-actions-secondary{grid-column:2}
  .capability-card--compact,.capability-card--compact:last-child{grid-column:1/-1;grid-template-columns:minmax(250px,.75fr) minmax(0,1.25fr)}
}
@media (max-width:980px){
  .hero{min-height:auto;padding-bottom:66px}
  .services-section,.capabilities-section{padding-top:76px;padding-bottom:70px}
  .why-section-v23{padding:64px 0 52px}.process-section-v23{padding:48px 0 60px}.faq-section-v23{padding:56px 0 62px}.contact-section-v23{padding:72px 0 84px}
  .contact-console-v23{grid-template-columns:1fr}
}
@media (max-width:760px){
  .services-section,.capabilities-section{padding-top:64px;padding-bottom:58px}
  .capability-card--compact,.capability-card--compact:last-child{display:flex;grid-template-columns:none;min-height:0}
  .capability-card--compact .capability-media{aspect-ratio:16/9;min-height:0;height:auto}
  .capability-card--compact .capability-overlay{width:100%;height:38%;inset:auto 0 0 0;background:linear-gradient(to top,rgba(5,8,15,.82),transparent)}
  .capability-card--compact .capability-copy{padding:20px}
  .why-stage-v23{padding:22px 18px}
  .process-head-v23{margin-bottom:28px}
  .faq-list-v23 .faq-item summary:before{display:none}
  .contact-console-v23{padding:9px}.contact-channels-v23,.contact-card-v23{padding:19px}
}


/* =========================================================
   WebWork v2.3.2 — layout stabilization / spacing / overlap fix
   ========================================================= */

/* Stable stacking contexts: decorative UI can never cover unrelated content */
.hero,.future-trust-strip,.services-section,.capabilities-section,.why-section-v23,.process-section-v23,.faq-section-v23,.contact-section-v23{isolation:isolate}
.hero-grid,.section-heading,.services-grid-v3,.capabilities-grid,.why-stage-v23,.process-head-v23,.process-flow-v23,.faq-head-v23,.faq-list-v23,.contact-stage-head,.contact-console-v23{position:relative;z-index:2}
.service-card,.capability-card,.principle,.process-node,.faq-item,.contact-card-v23,.contact-channels-v23{min-width:0}
.service-card:hover,.capability-card:hover{z-index:4}

/* Fixed navigation: less obstruction, especially while logged in to WordPress */
.nav-wrap{transition:height .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease}
.site-header.scrolled .nav-wrap{height:64px}
section[id]{scroll-margin-top:136px}
.admin-bar section[id]{scroll-margin-top:168px}
@media(max-width:782px){
  .admin-bar .site-header{top:46px}
  .admin-bar section[id]{scroll-margin-top:148px}
}

/* Consistent vertical rhythm. Keep breathing room, remove accidental dead zones. */
.future-trust-strip{padding-bottom:12px}
.services-section{padding-top:74px;padding-bottom:78px}
.capabilities-section{padding-top:74px;padding-bottom:72px}
.why-section-v23{padding:62px 0 54px}
.process-section-v23{padding:46px 0 58px}
.faq-section-v23{padding:54px 0 62px}
.contact-section-v23{padding:72px 0 88px}
.section-heading{margin-bottom:30px;gap:54px}
.capabilities-section .section-heading{margin-bottom:24px}

/* HERO — keep cinematic scale without letting the visual invade the headline */
.hero{min-height:820px;padding-bottom:72px}
@media(min-width:981px){
  .hero-grid{grid-template-columns:minmax(0,.96fr) minmax(520px,1.04fr);gap:48px}
  .hero-copy{max-width:630px;padding-inline-start:4px}
  .hero-title-v4{font-size:clamp(4.15rem,5.7vw,6rem);line-height:.985;max-width:8.8ch}
  .hero-lead{max-width:600px}
  .hero-visual-v4{width:104%;margin-inline-start:-2%;transform:none}
  .visual-panel.smart-demo-v4{width:100%;max-width:660px}
  .hero-float-ai{left:1%;top:8%}
  .hero-float-crm{right:1%;bottom:18%}
  .hero-float-lead{left:5%;bottom:3%}
}
.hero-float{max-width:170px}

/* TRUST — compact bridge, never a separate 'section'. */
.future-trust-inner{min-height:0;padding:12px 16px;gap:18px}
.future-trust-items>span{padding:7px 9px}

/* SERVICES — equal content rhythm; no large empty lower halves. */
.services-grid-v3 .service-card-primary{min-height:0;padding:25px}
.services-grid-v3 .service-card-primary .service-actions{margin-top:22px}
.service-mini{margin:16px 0 15px}
.service-mini-web{min-height:138px}
.service-card-primary .service-fit{margin-top:16px}

/* Automation: explicit physical grid areas fixes RTL auto-placement and removes the huge empty CTA column. */
.services-grid-v3 .service-card-secondary{
  min-height:0;
  padding:23px 25px;
  display:grid;
  grid-template-columns:190px minmax(0,1fr) 58px;
  grid-template-areas:"actions copy icon";
  column-gap:24px;
  row-gap:12px;
  align-items:center;
}
.services-grid-v3 .service-card-secondary .service-secondary-icon{grid-area:icon;margin:0;align-self:start;margin-top:4px}
.services-grid-v3 .service-card-secondary .service-secondary-copy{grid-area:copy;min-width:0}
.services-grid-v3 .service-card-secondary .service-actions-secondary{grid-area:actions;width:100%;align-items:stretch;justify-content:center;gap:10px}
.services-grid-v3 .service-card-secondary .service-actions-secondary .card-cta,
.services-grid-v3 .service-card-secondary .service-actions-secondary .service-contact-link{width:100%;justify-content:center;text-align:center}
.service-card-secondary .service-mini-flow{min-height:74px;margin:8px 0 0;padding:7px 0;gap:8px}
.service-card-secondary .service-mini-flow span{padding:9px 11px}
.service-card-secondary .service-fit.compact{margin-top:4px}

/* CAPABILITIES — deterministic LTR grid geometry, RTL copy. No media/copy collisions. */
.capabilities-grid{gap:16px}
.capability-card{overflow:hidden}
.capability-card--compact{
  direction:ltr;
  grid-template-columns:minmax(210px,.82fr) minmax(0,1.18fr);
  grid-template-areas:"media copy";
  min-height:248px;
}
.capability-card--compact:last-child{
  grid-template-columns:minmax(320px,.76fr) minmax(0,1.24fr);
  grid-template-areas:"media copy";
  min-height:238px;
}
.capability-card--compact .capability-media{grid-area:media;min-width:0;overflow:hidden}
.capability-card--compact .capability-copy{grid-area:copy;direction:rtl;min-width:0;padding:21px 23px}
.capability-card--compact .capability-copy h3{overflow-wrap:normal;word-break:normal}
.capability-card--compact .capability-overlay{width:32%}
.capability-media img{display:block;width:100%;height:100%;object-fit:cover}
.capabilities-bottom{align-items:center;gap:24px;padding:18px 20px}
.capabilities-bottom .button{flex:0 0 auto}

/* WHY — large headline stays inside its half, cards get a predictable internal rhythm. */
.why-stage-v23{padding:32px}
.why-intro-v23{grid-template-columns:minmax(0,1fr) minmax(330px,.88fr);gap:38px;align-items:center;margin-bottom:24px}
.why-intro-v23>div{min-width:0}
.why-intro-v23 h2{font-size:clamp(2.8rem,4.3vw,4.45rem);line-height:1;max-width:10ch}
.why-intro-side{min-width:0}
.studio-note{margin-top:15px}
.principles-v23{gap:10px}
.principles-v23 .principle{min-height:166px;padding:17px}
.principles-v23 .principle>span{margin-bottom:16px}
.principles-v23 .principle h3{font-size:1.08rem;line-height:1.25;overflow-wrap:normal}
.principles-v23 .principle p{line-height:1.62}
.why-stage-link{margin-top:18px}

/* PROCESS — keep four steps only while they genuinely have enough width. */
.process-head-v23{grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);gap:44px;margin-bottom:30px;align-items:center}
.process-head-v23>div,.process-head-v23>p{min-width:0}
.process-head-v23 h2{font-size:clamp(2.55rem,4vw,4.05rem);line-height:1.02}
.process-flow-v23{gap:10px}
.process-node{min-height:172px;padding:18px;overflow:hidden}
.process-node h3{font-size:1.05rem;line-height:1.25;margin:0 0 8px;overflow-wrap:normal;word-break:normal}
.process-node p{font-size:.78rem;line-height:1.62;overflow-wrap:normal;word-break:normal}
.process-node .process-number{margin-bottom:11px}
.process-node>i{margin-bottom:13px}
.process-cta-v23{margin-top:12px}

/* FAQ — small fixed plus area stops the question from running into the icon. */
.faq-list-v23{gap:10px}
.faq-list-v23 .faq-item summary{display:grid;grid-template-columns:auto minmax(0,1fr) 30px;align-items:center;column-gap:8px;padding:16px 0;min-width:0}
.faq-list-v23 .faq-item summary>span{width:28px;height:28px;display:grid;place-items:center;margin:0}
.faq-list-v23 .faq-item summary:before{margin:0}
.faq-list-v23 .faq-item p{padding-inline:38px 30px;line-height:1.7}

/* CONTACT — independent columns; long e-mail / labels can never overflow. */
.contact-stage-head{margin-bottom:28px}
.contact-stage-head h2{font-size:clamp(3.1rem,5vw,5.25rem);line-height:.98}
.contact-console-v23{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:18px;padding:16px}
.contact-channels-v23,.contact-card-v23{min-width:0;padding:25px}
.contact-mini,.contact-mini a,.contact-method-icon+div,.contact-method-icon+div strong,.contact-method-icon+div em{min-width:0}
.contact-mini a,.primary-contact-method em{overflow-wrap:anywhere}
.contact-channels-v23 .whatsapp-link{min-height:88px;padding:17px}
.contact-signals span{min-width:0}
.contact-card-v23 .contact-form textarea{min-height:112px}

/* Footer follows the same spacing scale instead of feeling detached. */
.site-footer{padding-top:58px}
.footer-grid{gap:44px}
.footer-bottom{margin-top:42px;padding-top:20px}

/* Medium desktop / small laptop: change layout BEFORE text starts squeezing. */
@media(max-width:1180px){
  .hero-grid{grid-template-columns:minmax(0,.94fr) minmax(470px,1.06fr);gap:32px}
  .hero-title-v4{font-size:clamp(3.8rem,5.7vw,5.2rem)}
  .services-grid-v3 .service-card-secondary{
    grid-template-columns:minmax(0,1fr) 58px;
    grid-template-areas:"copy icon" "actions actions";
  }
  .services-grid-v3 .service-card-secondary .service-actions-secondary{display:flex;flex-direction:row;justify-content:flex-start;width:auto}
  .services-grid-v3 .service-card-secondary .service-actions-secondary .card-cta,
  .services-grid-v3 .service-card-secondary .service-actions-secondary .service-contact-link{width:auto}
  .process-flow-v23{grid-template-columns:repeat(2,minmax(0,1fr))}
  .process-flow-v23:before{display:none}
  .process-node{min-height:150px}
}

@media(max-width:980px){
  .hero{padding-bottom:58px}
  .hero-grid{grid-template-columns:1fr;gap:40px}
  .hero-copy{max-width:720px}
  .hero-title-v4{max-width:9ch}
  .hero-visual-v4{width:100%;margin:0}
  .services-section,.capabilities-section{padding-top:62px;padding-bottom:62px}
  .section-heading{grid-template-columns:1fr;gap:18px;margin-bottom:26px}
  .why-intro-v23,.process-head-v23{grid-template-columns:1fr;gap:20px}
  .why-intro-v23 h2{max-width:12ch}
  .principles-v23{grid-template-columns:repeat(2,minmax(0,1fr))}
  .contact-console-v23{grid-template-columns:1fr}
}

@media(max-width:760px){
  .site-header.scrolled .nav-wrap{height:60px}
  .services-section,.capabilities-section{padding-top:54px;padding-bottom:54px}
  .services-grid-v3 .service-card-secondary{grid-template-columns:1fr;grid-template-areas:"icon" "copy" "actions";gap:12px}
  .services-grid-v3 .service-card-secondary .service-actions-secondary{flex-direction:column;align-items:flex-start}
  .capability-card--compact,.capability-card--compact:last-child{direction:rtl;display:flex;min-height:0}
  .capability-card--compact .capability-copy{direction:rtl}
  .principles-v23{grid-template-columns:1fr}
  .process-flow-v23{grid-template-columns:1fr}
  .faq-list-v23 .faq-item summary{grid-template-columns:minmax(0,1fr) 30px}
  .faq-list-v23 .faq-item summary:before{display:none}
  .faq-list-v23 .faq-item p{padding-inline:0 30px}
  .contact-stage-head h2{font-size:clamp(2.85rem,13vw,4.15rem)}
  .contact-channels-v23,.contact-card-v23{padding:19px}
  .site-footer{padding-top:46px}
}


/* =========================================================
   WebWork v2.3.3 — layout stability / no-overlap pass
   ========================================================= */

/* Global layout safety */
html,body{overflow-x:hidden}
.container{min-width:0}
section{min-width:0}
.service-card,.capability-card,.principle,.process-node,.faq-item,.contact-console-v23,.contact-card-v23,.contact-channels-v23{
  isolation:isolate;
  overflow:hidden;
}
.service-card *, .capability-card *, .principle *, .process-node *, .faq-item *, .contact-console-v23 *{
  min-width:0;
}
.service-card:hover,.capability-card:hover,.principle:hover,.process-node:hover{
  transform:translateY(-2px)!important;
}

/* Anchors must always clear the fixed nav + WP admin bar */
section[id]{scroll-margin-top:154px}
.admin-bar section[id]{scroll-margin-top:188px}
@media(max-width:782px){
  section[id]{scroll-margin-top:126px}
  .admin-bar section[id]{scroll-margin-top:172px}
}

/* Header: keep a predictable physical footprint */
.site-header{pointer-events:none}
.nav-wrap{pointer-events:auto}
.site-header.scrolled .nav-wrap{height:62px}

/* HERO — preserve scene, remove accidental edge collisions */
.hero-grid{min-width:0}
.hero-copy,.hero-visual-v4{min-width:0}
@media(min-width:981px){
  .hero-grid{grid-template-columns:minmax(0,.98fr) minmax(480px,1.02fr);gap:52px}
  .hero-copy{max-width:620px}
  .hero-title-v4{max-width:9.1ch}
  .hero-visual-v4{width:100%;margin-inline:0}
  .visual-panel.smart-demo-v4{max-width:640px;margin-inline:auto}
  .hero-float{max-width:156px}
  .hero-float-ai{left:0}
  .hero-float-crm{right:0}
}

/* Section headings — lock baseline and prevent cross-column intrusion */
.section-heading,
.process-head-v23,
.faq-head-v23{
  align-items:start;
}
.section-heading>div,.section-heading>p,
.process-head-v23>div,.process-head-v23>p,
.faq-head-v23>div,.faq-head-v23>p{
  min-width:0;
}
.section-heading h2,.process-head-v23 h2,.faq-head-v23 h2{
  overflow-wrap:normal;
  word-break:normal;
}

/* SERVICES — predictable primary cards */
.services-grid-v3{align-items:stretch}
.services-grid-v3 .service-card-primary{
  display:flex;
  flex-direction:column;
  height:100%;
}
.services-grid-v3 .service-card-primary .service-actions{margin-top:auto;padding-top:20px}
.services-grid-v3 .service-card-primary .service-fit{margin-bottom:0}
.service-mini{flex:0 0 auto}

/* Automation: remove the isolated action column entirely. */
.services-grid-v3 .service-card-secondary{
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  grid-template-areas:
    "icon copy"
    "actions actions";
  gap:14px 20px;
  align-items:start;
  padding:23px 25px;
}
.services-grid-v3 .service-card-secondary .service-secondary-icon{
  grid-area:icon;
  margin:2px 0 0;
  align-self:start;
}
.services-grid-v3 .service-card-secondary .service-secondary-copy{grid-area:copy}
.services-grid-v3 .service-card-secondary .service-actions-secondary{
  grid-area:actions;
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  gap:10px;
  margin-top:2px;
}
.services-grid-v3 .service-card-secondary .service-actions-secondary .card-cta,
.services-grid-v3 .service-card-secondary .service-actions-secondary .service-contact-link{
  width:auto;
  flex:0 0 auto;
}
.service-card-secondary .service-mini-flow{
  width:100%;
  min-height:68px;
  margin:10px 0 2px;
  padding:8px 0;
  gap:8px;
}
.service-card-secondary .service-mini-flow span{flex:0 1 auto;min-width:72px}
.service-card-secondary .service-fit.compact{margin-top:8px}

/* CAPABILITIES — fixed geometry and internal padding */
.capabilities-grid{align-items:stretch}
.capability-card--feature,.capability-card--side{height:100%}
.capability-card--compact,
.capability-card--compact:last-child{
  direction:ltr;
  display:grid;
  grid-template-columns:minmax(190px,42%) minmax(0,58%);
  grid-template-areas:"media copy";
  min-height:230px;
  align-items:stretch;
}
.capability-card--compact .capability-media{
  grid-area:media;
  min-height:230px;
  height:100%;
}
.capability-card--compact .capability-copy{
  grid-area:copy;
  direction:rtl;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:20px 22px;
}
.capability-card--compact .capability-copy h3{font-size:1.22rem;line-height:1.25;margin-bottom:8px}
.capability-card--compact .capability-copy p{font-size:.79rem;line-height:1.65}
.capability-card--compact .capability-tags{margin-top:11px}
.capability-card--compact .capability-link{margin-top:12px}
.capability-card--compact .capability-overlay{inset:0;width:auto;height:100%;background:linear-gradient(90deg,transparent 68%,rgba(5,8,15,.28))}
.capabilities-bottom{margin-top:16px}

/* WHY — predictable headline and cards */
.why-intro-v23{align-items:start}
.why-intro-v23 h2{max-width:11ch}
.why-intro-side{padding-top:6px}
.principles-v23{align-items:stretch}
.principles-v23 .principle{height:100%;display:flex;flex-direction:column}
.principles-v23 .principle p{margin-bottom:0}

/* PROCESS — content never compresses below readable width */
.process-flow-v23{align-items:stretch}
.process-node{height:100%}
@media(min-width:1401px){
  .process-flow-v23{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(min-width:981px) and (max-width:1400px){
  .process-flow-v23{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.process-node h3{max-width:none}
.process-node p{margin-bottom:0}

/* FAQ — clean click targets and no icon collision */
.faq-list-v23 .faq-item{padding-inline:18px}
.faq-list-v23 .faq-item summary{
  grid-template-columns:26px minmax(0,1fr) 28px;
  column-gap:10px;
  padding:15px 0;
}
.faq-list-v23 .faq-item summary:before{width:26px;text-align:center}
.faq-list-v23 .faq-item summary>span{width:28px;height:28px}
.faq-list-v23 .faq-item p{padding:0 36px 16px 36px;margin:0}

/* CONTACT — same-height columns without forced content collision */
.contact-console-v23{align-items:stretch}
.contact-channels-v23,.contact-card-v23{height:100%}
.contact-channels-v23{display:flex;flex-direction:column}
.contact-signals{margin-top:16px}
.contact-footnote{margin-top:auto;padding-top:14px}
.contact-card-v23 .contact-form{height:auto}
.contact-card-v23 .form-grid{align-items:start}

/* Footer — stable, legible columns */
.footer-grid>*{min-width:0}
.footer-grid a,.footer-grid p,.footer-grid span{overflow-wrap:anywhere}

/* Tablet/laptop: collapse before squeezing */
@media(max-width:1180px){
  .services-grid-v3 .service-card-secondary{
    grid-template-columns:54px minmax(0,1fr);
    grid-template-areas:"icon copy" "actions actions";
  }
  .capability-card--compact,.capability-card--compact:last-child{
    grid-template-columns:minmax(170px,40%) minmax(0,60%);
  }
}
@media(max-width:980px){
  .hero-grid{gap:36px}
  .service-card-secondary .service-mini-flow{overflow-x:auto;justify-content:flex-start}
  .capability-card--compact,.capability-card--compact:last-child{
    grid-template-columns:minmax(160px,42%) minmax(0,58%);
  }
}
@media(max-width:760px){
  .services-grid-v3 .service-card-secondary{
    grid-template-columns:1fr;
    grid-template-areas:"icon" "copy" "actions";
  }
  .services-grid-v3 .service-card-secondary .service-actions-secondary{flex-direction:column;align-items:stretch}
  .services-grid-v3 .service-card-secondary .service-actions-secondary .card-cta,
  .services-grid-v3 .service-card-secondary .service-actions-secondary .service-contact-link{width:100%;justify-content:center}
  .capability-card--compact,.capability-card--compact:last-child{
    direction:rtl;
    display:flex;
    flex-direction:column;
    min-height:0;
  }
  .capability-card--compact .capability-media{min-height:0;aspect-ratio:16/10}
  .capability-card--compact .capability-copy{direction:rtl;padding:19px 20px 21px}
  .faq-list-v23 .faq-item{padding-inline:14px}
  .faq-list-v23 .faq-item summary{grid-template-columns:minmax(0,1fr) 28px}
  .faq-list-v23 .faq-item summary:before{display:none}
  .faq-list-v23 .faq-item p{padding:0 0 15px 36px}
}


/* v2.3.4 — hero headline polish + overlap cleanup */
.hero-title-v4{max-width:none}
.hero-title-line{display:block;white-space:nowrap}
.hero-float{display:none !important}

@media(min-width:981px){
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(470px,.98fr);gap:56px}
  .hero-copy{max-width:690px}
  .hero-title-v4{font-size:clamp(4rem,5.35vw,5.85rem);line-height:.96;max-width:none}
  .hero-lead{max-width:610px}
  .hero-visual-v4{width:100%;margin-inline-start:0;transform:none}
  .visual-panel.smart-demo-v4{max-width:620px}
}

@media(max-width:980px){
  .hero-title-v4{max-width:none}
}

@media(max-width:520px){
  .hero-title-v4{font-size:clamp(2.45rem,11.6vw,3.3rem);line-height:1.01}
}


/* v2.3.5 — hero icon placement + CTA contrast */
.demo-v4-response{grid-template-columns:34px minmax(0,1fr) 34px;align-items:center}
.demo-v4-spark,.demo-v4-check{width:34px;height:34px;box-sizing:border-box;justify-self:center;align-self:center;padding:0;line-height:1}
.demo-v4-check{border:1px solid rgba(75,220,162,.24);background:linear-gradient(180deg, rgba(75,220,162,.16), rgba(75,220,162,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 0 1px rgba(75,220,162,.05)}
.hero-actions-v4 .button:not(.button-secondary){
  background:linear-gradient(135deg,#1568f5 0%,#2b83ff 52%,#4ca5ff 100%);
  border-color:rgba(255,255,255,.12);
  box-shadow:0 18px 42px rgba(22,104,245,.24), inset 0 1px 0 rgba(255,255,255,.14), inset 0 -10px 22px rgba(0,0,0,.14);
  color:#ffffff;
  text-shadow:0 1px 2px rgba(0,0,0,.32);
}
.hero-actions-v4 .button:not(.button-secondary):before{background:linear-gradient(105deg,transparent 18%,rgba(255,255,255,.10) 34%,transparent 52%)}
.hero-actions-v4 .button:not(.button-secondary):hover{box-shadow:0 20px 46px rgba(22,104,245,.28), inset 0 1px 0 rgba(255,255,255,.14), inset 0 -10px 22px rgba(0,0,0,.14)}

/* =========================================================
   WebWork v2.4 — Human Copy + editorial cleanup
   ========================================================= */

/* Services: less text density, more breathing room around the product UI */
.services-grid-v3 .service-card-primary{padding:27px;min-height:0}
.services-grid-v3 .service-card-primary>p{max-width:92%;color:#9fb0c5;line-height:1.72}
.services-grid-v3 .service-card-primary ul{margin-top:15px;margin-bottom:0}
.services-grid-v3 .service-card-primary li{margin-block:7px;color:#b3c1d2}
.services-grid-v3 .service-card-primary .service-fit{margin-top:15px;padding:12px 14px}
.service-mini{margin:20px 0 18px}
.service-mini-ai{padding:18px;gap:11px}
.service-mini-web{min-height:156px}
.services-grid-v3 .service-card-secondary{padding-block:25px}
.services-grid-v3 .service-card-secondary .service-secondary-copy>p{max-width:920px;color:#9fb0c5;line-height:1.75}

/* Capabilities: fewer template-like pills and a calmer editorial rhythm */
.capabilities-section .section-heading{margin-bottom:32px}
.capability-tags{gap:7px;margin-top:14px}
.capability-tags span{background:rgba(255,255,255,.022);color:#90a4bc;border-color:rgba(255,255,255,.06)}
.capability-card--compact .capability-tags{margin-top:9px}
.capability-card--compact .capability-copy p{color:#95a8be}
.capability-card--compact .capability-copy h3{line-height:1.26}
.capabilities-bottom{margin-top:20px}

/* Why: clearer separation between the statement and the four principles */
.why-intro-v23{padding-bottom:28px;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,.055)}
.why-intro-v23 h2{max-width:12ch}
.why-intro-side p{color:#a2b2c5;line-height:1.82}
.principles-v23{gap:14px;margin-top:8px}
.principles-v23 .principle{
  min-height:174px;
  padding:19px;
  background:linear-gradient(180deg,rgba(255,255,255,.027),rgba(255,255,255,.012));
  border-color:rgba(255,255,255,.05);
  box-shadow:none;
}
.principles-v23 .principle:hover{transform:none;border-color:rgba(123,214,255,.10);box-shadow:none}
.principles-v23 .principle>span{margin-bottom:17px;color:#8095af}
.principles-v23 .principle h3{font-size:1.12rem;line-height:1.32}
.principles-v23 .principle p{color:#94a6bc;font-size:.86rem;line-height:1.68}

/* Process: readable enough to feel like content, not metadata */
.process-head-v23 p{color:#9fb0c4;line-height:1.82}
.process-flow-v23{gap:14px}
.process-node{min-height:178px;padding:20px 19px}
.process-node h3{font-size:1.12rem;line-height:1.34;color:#eef5ff}
.process-node p{font-size:.84rem;line-height:1.68;color:#9aacbf}
.process-node .process-number{color:#8298b4}
.process-cta-v23 span{color:#9fb0c4}

/* FAQ: less "template component", easier to scan */
.faq-head-v23 p{color:#9fb0c4}
.faq-list-v23 .faq-item{background:rgba(9,15,27,.58);border-color:rgba(255,255,255,.055)}
.faq-list-v23 .faq-item summary{color:#dfe8f5}
.faq-list-v23 .faq-item p{color:#99abc0}

/* Contact: plain language, keep the visual finish */
.contact-stage-head p{color:#a4b5c8;max-width:680px}
.contact-console-label span{font-family:"Heebo",sans-serif;letter-spacing:0}
.contact-console-label b{color:#86e2b8}
.contact-footnote{color:#8599b1}
.form-note{color:#8fa2ba}

/* Footer should be readable, not decorative metadata */
.site-footer{padding-top:56px}
.footer-grid p{color:#9cadc1;line-height:1.75}
.footer-contact{color:#aec0d6}
.footer-grid h3{color:#98a9bd}
.footer-grid>div:not(:first-child) a{color:#c1ccd9}
.footer-bottom{color:#71859f}
.footer-legal a{color:#879bb4}

@media(max-width:980px){
  .why-intro-v23 h2{max-width:none}
  .services-grid-v3 .service-card-primary>p{max-width:none}
}

@media(max-width:760px){
  .services-grid-v3 .service-card-primary{padding:22px}
  .why-intro-v23{padding-bottom:22px}
  .process-node h3{font-size:1.08rem}
  .process-node p{font-size:.82rem}
}

/* =========================================================
   WebWork v2.4.1 — natural copy, labels & readability
   ========================================================= */

/* Section labels: keep them compact. Previous rules let the flex item stretch. */
.section-heading .eyebrow,
.why-intro-v23 .eyebrow,
.process-head-v23 .eyebrow,
.faq-head-v23 .eyebrow,
.contact-stage-head .eyebrow{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  align-items:center;
  padding:7px 11px;
  border-radius:999px;
  border:1px solid rgba(123,214,255,.13);
  background:linear-gradient(180deg,rgba(36,70,104,.18),rgba(255,255,255,.015));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  color:#81d4ff;
  line-height:1.25;
  white-space:normal;
}

/* Give headings a clean relationship to their labels instead of a stretched bar. */
.section-heading h2,
.why-intro-v23 h2,
.process-head-v23 h2,
.faq-head-v23 h2{
  margin-top:12px;
}
.section-heading>div,
.process-head-v23>div,
.faq-head-v23>div{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

/* Services: less component noise and more readable prose. */
.services-grid-v3 .service-card-primary>p,
.services-grid-v3 .service-card-secondary p{
  font-size:.95rem;
  line-height:1.78;
}
.services-grid-v3 .service-card-primary h3{
  max-width:17ch;
}
.service-mini-ai{margin-block:18px 15px}
.service-mini-web{margin-block:18px 15px}
.service-mini-flow{margin-block:16px 13px}

/* Compact capability cards are editorial cards now: image + copy, no pill clutter. */
.capability-card--compact .capability-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.capability-card--compact .capability-meta{margin-bottom:8px}
.capability-card--compact .capability-copy p{
  margin-top:7px;
  line-height:1.72;
}
.capability-card--compact .capability-link{margin-top:13px}

/* Why WebWork: remove the dashboard-inside-dashboard effect. */
.principles-v23{
  gap:18px 24px;
}
.principles-v23 .principle{
  min-height:0;
  padding:20px 4px 18px;
  border:0;
  border-top:1px solid rgba(255,255,255,.075);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.principles-v23 .principle:hover{
  border-color:rgba(123,214,255,.16);
  background:transparent;
}
.principles-v23 .principle>span{
  margin-bottom:12px;
  color:#8ba1ba;
}
.principles-v23 .principle h3{
  font-size:1.18rem;
  color:#f1f6fc;
}
.principles-v23 .principle p{
  font-size:.9rem;
  color:#a4b4c6;
  line-height:1.72;
}

/* Process: these are actual instructions, not tiny dashboard metadata. */
.process-node{
  padding:21px 20px;
}
.process-node h3{
  font-size:1.16rem;
  color:#f4f8ff;
}
.process-node p{
  font-size:.9rem;
  color:#a8b8ca;
  line-height:1.72;
}
.process-node .process-number{
  color:#92a7c0;
}

/* FAQ and contact secondary text were too dim on the dark scenes. */
.faq-head-v23 p,
.faq-list-v23 .faq-item p,
.contact-stage-head p,
.contact-footnote,
.form-note{
  color:#a8b8ca;
}
.faq-list-v23 .faq-item summary{
  color:#e7eef8;
}

/* Footer: reduce the visual drop-off after the contact scene. */
.site-footer{
  padding-top:44px;
}
.footer-grid{
  padding-bottom:34px;
}
.footer-grid p{color:#a8b6c8}
.footer-contact{color:#bfd0e2}
.footer-grid h3{color:#aab9cb}
.footer-grid>div:not(:first-child) a{color:#cbd6e2}
.footer-bottom{color:#8296ae}
.footer-legal a{color:#98aac0}

@media(max-width:980px){
  .section-heading .eyebrow,
  .why-intro-v23 .eyebrow,
  .process-head-v23 .eyebrow,
  .faq-head-v23 .eyebrow,
  .contact-stage-head .eyebrow{font-size:.74rem}
}

@media(max-width:760px){
  .section-heading .eyebrow,
  .why-intro-v23 .eyebrow,
  .process-head-v23 .eyebrow,
  .faq-head-v23 .eyebrow,
  .contact-stage-head .eyebrow{
    padding:6px 10px;
  }
  .principles-v23{gap:8px}
  .principles-v23 .principle{padding:18px 2px 16px}
  .process-node p{font-size:.86rem}
}


/* v2.4.2 — hero response alignment + final CTA/readability polish */
.demo-v4-response{
  grid-template-columns:34px minmax(0,1fr);
  gap:12px;
  align-items:center;
}
.demo-v4-response-copy{min-width:0}
.demo-v4-response-copy strong{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  line-height:1.4;
}
.demo-v4-inline-check{
  width:22px;
  height:22px;
  flex:0 0 22px;
  display:inline-grid;
  place-items:center;
  border-radius:50%;
  border:1px solid rgba(75,220,162,.24);
  background:linear-gradient(180deg,rgba(75,220,162,.16),rgba(75,220,162,.08));
  color:#6ee0ad;
  font-size:.72rem;
  font-weight:900;
  line-height:1;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 18px rgba(75,220,162,.09);
}
.demo-v4-check{display:none!important}
.hero-actions-v4 .button:not(.button-secondary){
  background:linear-gradient(135deg,#115bdc 0%,#2077ef 54%,#3597f4 100%);
  border-color:rgba(133,203,255,.26);
  color:#fff;
  text-shadow:0 1px 2px rgba(0,0,0,.42);
  box-shadow:0 16px 38px rgba(17,91,220,.25),inset 0 1px 0 rgba(255,255,255,.13),inset 0 -10px 22px rgba(0,0,0,.16);
}
.hero-actions-v4 .button:not(.button-secondary):hover{
  background:linear-gradient(135deg,#1265ec 0%,#287ff5 55%,#41a0f7 100%);
  box-shadow:0 19px 44px rgba(17,91,220,.3),inset 0 1px 0 rgba(255,255,255,.14),inset 0 -10px 22px rgba(0,0,0,.14);
}
@media(max-width:760px){
  .demo-v4-response{grid-template-columns:30px minmax(0,1fr)}
  .demo-v4-inline-check{width:20px;height:20px;flex-basis:20px;font-size:.66rem}
}


/* =========================================================
   WebWork v2.4.6 — balanced floating contact buttons
   ========================================================= */
.hero-contact-quick{
  max-width:660px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:11px 13px;
  border-radius:15px;
}
.hero-contact-copy{
  min-width:0;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:5px;
  color:#899ab0;
  line-height:1.55;
}
.hero-contact-copy>span{color:#63d4a6;font-weight:900}
.hero-contact-copy strong{color:#b9c8d9;font-weight:800}
.hero-contact-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto;direction:ltr}
.hero-contact-whatsapp,.hero-contact-phone{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.08);
  padding:0 10px;
  font-size:.68rem;
  font-weight:800;
  white-space:nowrap;
}
.hero-contact-whatsapp{background:rgba(42,190,126,.07);border-color:rgba(62,211,148,.16);color:#84e1b7}
.hero-contact-whatsapp-svg{width:14px;height:14px;flex:0 0 auto}
.hero-contact-phone{background:rgba(255,255,255,.025);color:#c8d5e5;font-family:"Inter","Heebo",sans-serif}
.hero-contact-whatsapp:hover,.hero-contact-phone:hover{border-color:rgba(111,211,255,.25);transform:translateY(-1px)}

.capabilities-whatsapp{gap:8px}
.capabilities-whatsapp-svg{width:17px;height:17px;flex:0 0 auto;color:#77dfb0}

.process-contact-v244{
  padding:16px 18px;
  align-items:center;
  background:linear-gradient(145deg,rgba(12,22,37,.78),rgba(8,13,23,.96));
  border-color:rgba(111,211,255,.09);
}
.process-contact-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.process-contact-copy strong{color:#e3edf8;font-size:.84rem}
.process-contact-copy span{color:#899cb4;font-size:.72rem}
.process-contact-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-start;direction:ltr}
.process-contact-actions a{
  min-height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:0 11px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.075);
  white-space:nowrap;
  font-size:.69rem;
  font-weight:800;
}
.process-whatsapp{background:rgba(43,190,126,.07);border-color:rgba(62,211,148,.17)!important;color:#83e1b6!important}
.process-whatsapp-svg{width:14px;height:14px;flex:0 0 auto}
.process-phone{background:rgba(255,255,255,.025);color:#ced9e6!important;font-family:"Inter","Heebo",sans-serif}
.process-form-link{background:rgba(58,133,255,.07);border-color:rgba(86,161,255,.16)!important;color:#9dccff!important;direction:rtl}
.process-contact-actions a:hover{transform:translateY(-1px);border-color:rgba(113,211,255,.26)!important}

@media(max-width:980px){
  .hero-contact-quick{align-items:flex-start;flex-direction:column}
  .hero-contact-actions{width:100%;justify-content:flex-end}
  .process-contact-v244{align-items:flex-start;flex-direction:column}
}
@media(max-width:560px){
  .hero-contact-actions,.process-contact-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;direction:ltr}
  .hero-contact-actions a,.process-contact-actions a{width:100%}
  .process-form-link{grid-column:1/-1}
}

/* =========================================================
   WebWork v2.6 — SEO content blocks (visual continuity only)
   ========================================================= */
.service-seo-section{padding:0 0 112px}
.service-seo-card{
  display:grid;
  grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
  gap:72px;
  padding:42px 44px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:26px;
  background:
    radial-gradient(circle at 12% 20%,rgba(69,142,255,.09),transparent 28%),
    linear-gradient(150deg,rgba(13,22,38,.92),rgba(7,12,22,.98));
  box-shadow:0 24px 70px rgba(0,0,0,.18);
}
.service-seo-heading{min-width:0}
.service-seo-heading h2{margin:12px 0 0;font-size:clamp(2.35rem,4vw,4rem);line-height:1.05;letter-spacing:-.045em;text-wrap:balance}
.service-seo-content{min-width:0}
.service-seo-content p{margin:0 0 15px;color:#a0aec1;line-height:1.86;font-size:.98rem}
.service-seo-content p:last-of-type{margin-bottom:0}
.service-seo-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.service-seo-points span{padding:7px 11px;border:1px solid rgba(123,214,255,.1);border-radius:999px;background:rgba(74,150,255,.045);color:#8fb2d6;font-size:.69rem;font-weight:750}

.service-related-section{padding:0 0 112px}
.service-related-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}
.service-related-heading h2{margin:10px 0 0;font-size:clamp(2rem,3.5vw,3.4rem);line-height:1.05;letter-spacing:-.04em}
.service-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.service-related-card{position:relative;min-width:0;min-height:190px;padding:24px 24px 48px;border:1px solid rgba(255,255,255,.075);border-radius:20px;background:linear-gradient(150deg,rgba(14,24,41,.86),rgba(8,14,24,.98));transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.service-related-card:hover{transform:translateY(-3px);border-color:rgba(105,190,255,.2);box-shadow:0 22px 55px rgba(0,0,0,.2)}
.service-related-card strong{display:block;color:#eaf3ff;font-size:1.08rem;line-height:1.35}
.service-related-card span{display:block;margin-top:10px;color:#8ea0b7;font-size:.88rem;line-height:1.72}
.service-related-card b{position:absolute;right:24px;bottom:20px;color:#72caff;font-size:1rem}
.service-use-card[href]{display:block;color:inherit;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.service-use-card[href]:hover{transform:translateY(-3px);border-color:rgba(105,190,255,.18);box-shadow:0 20px 50px rgba(0,0,0,.18)}
.about-page-hero .signal-core{font-size:1.15rem}

@media(max-width:1120px){
  .service-seo-card{gap:48px;padding:38px}
  .service-related-grid{grid-template-columns:1fr 1fr}
  .service-related-card:last-child{grid-column:1/-1}
}
@media(max-width:980px){
  .service-seo-card{grid-template-columns:1fr;gap:28px}
  .service-related-grid{grid-template-columns:1fr}
  .service-related-card:last-child{grid-column:auto}
}
@media(max-width:760px){
  .service-seo-section,.service-related-section{padding-bottom:82px}
  .service-seo-card{padding:27px 24px;border-radius:20px}
  .service-seo-heading h2{font-size:clamp(2rem,9.6vw,3rem)}
  .service-seo-content p{font-size:.94rem;line-height:1.8}
  .service-related-card{min-height:0;padding:21px 21px 45px}
  .service-related-card b{right:21px;bottom:17px}
}