/* ===================================================================
   FlowExto Design System v3 — flowexto.com
   Forrás-design: FlowExto Landing v3.dc.html (Claude Design handoff, 2026-07-30)

   Ez a fájl a Customizer Additional CSS TELJES cseréje.
   Publikálás előtt: wp_css_get_global → backup fájlba → utána wp_css_set_global.
   Minden szabály .fx-landing prefixszel — ne törd meg a névteret.
   =================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap');

/* ---- Front-page chrome neutralizer: Twenty Sixteen (home only) ---- */
body.home{background:#0A1322;overflow-x:hidden}
.home #masthead,.home .site-header,.home #colophon,.home .site-footer,.home #secondary,.home .sidebar,.home .entry-header,.home .entry-title,.home .post-thumbnail,.home .navigation,.home .post-navigation{display:none!important}
.home #page,.home .site{max-width:none!important;margin:0!important;background:#0A1322!important}
.home .site-inner{max-width:none!important;margin:0!important;padding:0!important}
.home .site-content{padding:0!important;margin:0!important}
.home #primary,.home .content-area{max-width:none!important;width:100%!important;margin:0!important;padding:0!important;float:none!important}
.home #main,.home .site-main{margin:0!important;padding:0!important}
.home .entry-content{margin:0!important;max-width:none!important}
.home article,.home .hentry{margin:0!important;padding:0!important;border:0!important}

/* ---- root ---- */
.fx-landing{--bg:#0A1322;--panel:#0F1B2D;--panel2:#111D30;--line:#223752;--t1:#E8EEF7;--t2:#8FA0B5;--t3:#5F718A;--link:#8FA0FF;--accent:#16C79A;--accent2:#3D5AFE;width:100vw;position:relative;left:50%;margin-left:-50vw;margin-right:-50vw;color:var(--t1);font-family:'Inter',system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-x:clip;background-color:var(--bg);background-image:radial-gradient(1px 1px at 40px 60px,rgba(220,230,242,.22) 50%,transparent 52%),radial-gradient(1px 1px at 190px 140px,rgba(220,230,242,.14) 50%,transparent 52%),radial-gradient(1.4px 1.4px at 320px 40px,rgba(220,230,242,.18) 50%,transparent 52%),radial-gradient(1px 1px at 470px 210px,rgba(220,230,242,.12) 50%,transparent 52%),radial-gradient(1200px 700px at 50% 0%,rgba(61,90,254,.07),transparent 70%),radial-gradient(1000px 900px at 90% 60%,rgba(22,199,154,.05),transparent 70%);background-size:560px 280px,560px 280px,560px 280px,560px 280px,100% 100%,100% 100%;background-repeat:repeat,repeat,repeat,repeat,no-repeat,no-repeat}
.fx-landing a{text-decoration:none;color:var(--link)}
.fx-landing a:hover{color:#FFFFFF}
.fx-landing a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
.fx-landing h1,.fx-landing h2,.fx-landing h3,.fx-landing h4,.fx-landing p{margin:0}
.fx-landing .fx-wrap{max-width:1160px;margin:0 auto;padding:0 32px}

/* gradient text (fallback: teal) */
.fx-landing .fx-grad{color:var(--accent)}
@supports ((-webkit-background-clip:text) or (background-clip:text)){.fx-landing .fx-grad{background:linear-gradient(100deg,#3D5AFE 0%,#16C79A 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}}

/* ---- keyframes ---- */
@keyframes fx3drift{to{background-position:-1120px 0}}
@keyframes fx3skydrift{to{background-position:-560px 0,-280px 0}}
@keyframes fx3expand{from{background-size:96% 96%}to{background-size:118% 118%}}
@keyframes fx3rotate{to{transform:rotate(360deg)}}
@keyframes fx3twinkle{0%,100%{opacity:.9}50%{opacity:.35}}
@keyframes fx3pathflow{to{background-position:15px 0,0 0}}
@keyframes fx3rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}

/* scroll-reveal (progressive enhancement; visible if unsupported) */
@supports (animation-timeline: view()){.fx-landing .fx-reveal{animation:fx3rise .7s cubic-bezier(.22,.61,.36,1) both;animation-timeline:view();animation-range:entry 0% entry 38%}}

/* ambient: far star layer + expanding nebula per section */
.fx-landing .fx-skyfar{position:absolute;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(1px 1px at 90px 120px,rgba(220,230,242,.16) 50%,transparent 52%),radial-gradient(1px 1px at 260px 40px,rgba(220,230,242,.11) 50%,transparent 52%);background-size:420px 300px,300px 220px;animation:fx3skydrift 300s linear infinite}
.fx-landing .fx-nebula{position:absolute;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(closest-side,rgba(61,90,254,.10),transparent 72%),radial-gradient(closest-side,rgba(22,199,154,.07),transparent 72%);background-position:18% 12%,88% 74%;background-repeat:no-repeat,no-repeat;background-size:100% 100%,100% 100%}
@supports (animation-timeline: view()){.fx-landing .fx-nebula{animation:fx3expand linear both;animation-timeline:view();animation-range:cover 0% cover 100%}}

/* section-boundary orbit arc */
.fx-landing .fx-orbit{position:relative;height:56px;overflow:hidden;pointer-events:none}
.fx-landing .fx-orbit:before{content:"";position:absolute;left:50%;top:14px;width:900px;height:900px;margin-left:-450px;border-radius:50%;border:1px dashed rgba(143,160,255,.16);animation:fx3rotate 200s linear infinite}
.fx-landing .fx-orbit:after{content:"\2726";position:absolute;left:50%;top:5px;margin-left:-7px;color:var(--link);font-size:13px;line-height:1;opacity:.7}

/* ---- buttons ---- */
.fx-landing .fx-btn{display:inline-flex;align-items:center;justify-content:center;font-family:'Inter',sans-serif;font-size:15px;font-weight:600;border-radius:12px;height:40px;padding:0 20px;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}
.fx-landing .fx-btn-primary{background:linear-gradient(100deg,#3D5AFE 0%,#16C79A 100%);color:#FFFFFF}
.fx-landing .fx-btn-primary:hover{color:#FFFFFF;transform:translateY(-2px);box-shadow:0 12px 34px rgba(61,90,254,.35)}
.fx-landing .fx-btn-ghost{background:transparent;color:#FFFFFF;border:1px solid var(--line)}
.fx-landing .fx-btn-ghost:hover{background:rgba(255,255,255,.06);color:#FFFFFF}
.fx-landing .fx-btn-lg{height:54px;padding:0 30px;font-size:16px}
.fx-landing .fx-btn-lg.fx-btn-primary{box-shadow:0 10px 30px rgba(61,90,254,.25)}

/* ---- header / nav ---- */
.fx-landing .fx-head{position:sticky;top:0;z-index:50;background:rgba(10,19,34,.88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.fx-landing .fx-nav{max-width:1160px;margin:0 auto;padding:16px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.fx-landing .fx-brand{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:22px;letter-spacing:-.02em;color:#FFFFFF}
.fx-landing .fx-brand:hover{color:#FFFFFF}
.fx-landing .fx-navlinks{display:flex;align-items:center;gap:34px}
.fx-landing .fx-navlinks a{color:var(--t2);font-size:15px;font-weight:500}
.fx-landing .fx-navlinks a:hover{color:#FFFFFF}
.fx-landing .fx-navlinks .fx-btn-primary{color:#FFFFFF}

/* mobile menu: <details> — no JS on WordPress.com */
.fx-landing .fx-mnav{display:none;position:static}
.fx-landing .fx-mnav summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;cursor:pointer}
.fx-landing .fx-mnav summary::-webkit-details-marker{display:none}
.fx-landing .fx-burger{width:18px;height:12px;background:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-size:18px 1.8px;background-position:0 2px,0 9px;background-repeat:no-repeat}
.fx-landing .fx-mnav-panel{position:absolute;left:0;right:0;top:100%;display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:8px 20px 20px;background:rgba(10,19,34,.97);border-bottom:1px solid var(--line)}
.fx-landing .fx-mnav-panel a{color:var(--t1);font-size:16px;font-weight:500;padding:14px 8px;border-bottom:1px solid var(--line)}
.fx-landing .fx-mnav-panel .fx-btn-primary{margin-top:10px;height:48px;border-bottom:none;padding:0;color:#FFFFFF}

/* ---- hero ---- */
.fx-landing .fx-hero{position:relative;background:linear-gradient(180deg,#0B1526 0%,#0E1B30 100%);color:#FFFFFF;overflow:hidden;border-bottom:1px solid var(--line)}
.fx-landing .fx-stars1{position:absolute;inset:0;pointer-events:none;background-repeat:repeat;background-image:radial-gradient(1px 1px at 25px 35px,rgba(220,230,242,.70) 50%,transparent 52%),radial-gradient(1px 1px at 120px 92px,rgba(220,230,242,.40) 50%,transparent 52%),radial-gradient(1px 1px at 210px 150px,rgba(220,230,242,.55) 50%,transparent 52%),radial-gradient(1px 1px at 300px 58px,rgba(220,230,242,.30) 50%,transparent 52%),radial-gradient(1px 1px at 350px 190px,rgba(220,230,242,.45) 50%,transparent 52%);background-size:380px 240px;animation:fx3drift 160s linear infinite}
.fx-landing .fx-stars2{position:absolute;inset:0;pointer-events:none;background-repeat:repeat;background-image:radial-gradient(1.6px 1.6px at 60px 40px,rgba(220,230,242,.80) 50%,transparent 52%),radial-gradient(1.4px 1.4px at 220px 130px,rgba(220,230,242,.55) 50%,transparent 52%),radial-gradient(1.8px 1.8px at 400px 80px,rgba(220,230,242,.65) 50%,transparent 52%),radial-gradient(1.4px 1.4px at 500px 200px,rgba(220,230,242,.40) 50%,transparent 52%);background-size:560px 260px;animation:fx3drift 90s linear infinite}
.fx-landing .fx-tw{position:absolute;color:#FFFFFF;line-height:1;pointer-events:none;animation:fx3twinkle 4s ease-in-out infinite}
.fx-landing .fx-tw1{left:78%;top:18%;font-size:18px}
.fx-landing .fx-tw2{left:5%;top:76%;font-size:12px;opacity:.55;animation-delay:2s}
.fx-landing .fx-flightpath{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.85;background:repeating-linear-gradient(80deg,transparent 0 5px,#0D1929 5px 15px),linear-gradient(90deg,#16C79A,#3D5AFE 72%,#8b5cf6);background-size:15px 100%,100% 100%;background-repeat:repeat-x,no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201440%20600'%20preserveAspectRatio='none'%3E%3Cpath%20d='M-50%20430%20C%20220%20430%20300%20250%20560%20250%20S%20900%20470%201160%20360%20S%201480%20200%201520%20200'%20fill='none'%20stroke='%23000'%20stroke-width='3'/%3E%3C/svg%3E") no-repeat center / 100% 100%;mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201440%20600'%20preserveAspectRatio='none'%3E%3Cpath%20d='M-50%20430%20C%20220%20430%20300%20250%20560%20250%20S%20900%20470%201160%20360%20S%201480%20200%201520%20200'%20fill='none'%20stroke='%23000'%20stroke-width='3'/%3E%3C/svg%3E") no-repeat center / 100% 100%;animation:fx3pathflow 1s linear infinite}
.fx-landing .fx-hero-inner{position:relative;max-width:1160px;margin:0 auto;padding:128px 32px 132px}
.fx-landing .fx-pill{display:inline-flex;align-items:center;gap:9px;padding:7px 15px;border:1px solid var(--line);border-radius:999px;font-size:13px;font-weight:500;color:var(--t2);margin-bottom:30px}
.fx-landing .fx-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(22,199,154,.18)}
.fx-landing .fx-hero h1{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(44px,7vw,84px);line-height:1.02;letter-spacing:-.035em;margin:0 0 26px;max-width:14ch;color:#FFFFFF}
.fx-landing .fx-sub{font-size:clamp(17px,2vw,21px);line-height:1.6;color:var(--t2);max-width:56ch;margin:0 0 36px}
.fx-landing .fx-cta{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:40px}
.fx-landing .fx-trust{display:flex;align-items:center;gap:16px;padding-top:26px;border-top:1px solid var(--line);max-width:560px}
.fx-landing .fx-trust span{font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:600;letter-spacing:.22em;color:var(--t3);text-transform:uppercase}

/* ---- sections shared ---- */
.fx-landing .fx-sec{position:relative;max-width:1160px;margin:0 auto;padding:110px 32px 80px;scroll-margin-top:84px}
.fx-landing .fx-sec-tight{padding-top:56px}
.fx-landing .fx-eyebrow{font-size:11.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--link);margin:0 0 10px}
.fx-landing .fx-h2{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:clamp(30px,4vw,44px);letter-spacing:-.03em;margin:0;color:#FFFFFF}
.fx-landing .fx-sechead{position:relative;display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:52px}
.fx-landing .fx-sechead .fx-lead{color:var(--t2);font-size:16px;max-width:38ch;margin:0}

/* ---- services ---- */
.fx-landing .fx-grid-s{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(244px,1fr));gap:24px}
.fx-landing .fx-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:34px 30px}
.fx-landing .fx-ico{width:48px;height:48px;border-radius:12px;border:1px solid var(--line);background:var(--panel2);margin-bottom:22px;background-position:center;background-repeat:no-repeat;background-size:24px 24px}
.fx-landing .fx-ico-web{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%2316C79A'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolyline%20points='8%207%203%2012%208%2017'/%3E%3Cpolyline%20points='16%207%2021%2012%2016%2017'/%3E%3C/svg%3E")}
.fx-landing .fx-ico-auto{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%2316C79A'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='5'%20cy='6'%20r='1.8'/%3E%3Ccircle%20cx='5'%20cy='18'%20r='1.8'/%3E%3Ccircle%20cx='18.5'%20cy='12'%20r='1.8'/%3E%3Cpath%20d='M6.6%206.8%2016.7%2011.3'/%3E%3Cpath%20d='M6.6%2017.2%2016.7%2012.7'/%3E%3C/svg%3E")}
.fx-landing .fx-ico-event{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%2316C79A'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='1.8'/%3E%3Cpath%20d='M8.2%208.2a5.4%205.4%200%200%200%200%207.6'/%3E%3Cpath%20d='M15.8%208.2a5.4%205.4%200%200%201%200%207.6'/%3E%3Cpath%20d='M5.4%205.4a9.3%209.3%200%200%200%200%2013.2'/%3E%3Cpath%20d='M18.6%205.4a9.3%209.3%200%200%201%200%2013.2'/%3E%3C/svg%3E")}
.fx-landing .fx-ico-mobile{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%2316C79A'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='7'%20y='2.5'%20width='10'%20height='19'%20rx='2.2'/%3E%3Cline%20x1='10.6'%20y1='5.4'%20x2='13.4'%20y2='5.4'/%3E%3Ccircle%20cx='12'%20cy='18.2'%20r='0.9'/%3E%3C/svg%3E")}
.fx-landing .fx-card h3{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:21px;letter-spacing:-.01em;margin:0 0 10px;color:#FFFFFF}
.fx-landing .fx-card p{color:var(--t2);font-size:15.5px;line-height:1.6}

/* ---- work: featured ---- */
.fx-landing .fx-workhead{position:relative;margin-bottom:44px}
.fx-landing .fx-workhead .fx-h2{margin-bottom:12px}
.fx-landing .fx-workhead .fx-lead{color:var(--t2);font-size:16px;max-width:46ch;margin:0}
.fx-landing .fx-grid-2{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px}
.fx-landing .fx-wk{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.fx-landing .fx-wk-art{position:relative;aspect-ratio:16/10;background:linear-gradient(180deg,#0B1526 0%,#101E33 100%);background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.045) 0 12px,transparent 12px 24px);display:flex;align-items:flex-end;padding:22px;border-bottom:1px solid var(--line)}
.fx-landing .fx-wk-art .fx-shotlabel{font-size:12px;letter-spacing:.04em;color:var(--t3);font-family:monospace}
.fx-landing .fx-badge{position:absolute;top:18px;left:18px;padding:6px 12px;font-size:12px;font-weight:600;border-radius:999px}
.fx-landing .fx-badge-teal{background:rgba(22,199,154,.16);color:#4FE0B5}
.fx-landing .fx-badge-blue{background:rgba(61,90,254,.22);color:#A9B7FF;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.fx-landing .fx-wk-img{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;border-bottom:1px solid var(--line);cursor:zoom-in}
.fx-landing .fx-wk-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;display:block}
.fx-landing .fx-imgshade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,19,34,.15) 0%,rgba(10,19,34,.25) 55%,rgba(10,19,34,.92) 100%)}
.fx-landing .fx-wk-art-img{padding:0;overflow:hidden}
.fx-landing .fx-wk-art-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;display:block}
.fx-landing .fx-wk-art-img .fx-imgshade{background:linear-gradient(180deg,rgba(10,19,34,.05) 0%,rgba(10,19,34,.12) 60%,rgba(10,19,34,.45) 100%)}
.fx-landing .fx-pc-art{overflow:hidden}
.fx-landing .fx-pc-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;display:block}
.fx-landing .fx-wk-imgrow{position:absolute;left:22px;right:22px;bottom:20px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.fx-landing .fx-wk-imgrow .fx-imgcap{font-size:13px;line-height:1.45;color:#C7D3E2;max-width:30ch}
.fx-landing .fx-zoom{display:inline-flex;align-items:center;gap:7px;flex:none;padding:6px 12px 6px 31px;border:1px solid var(--line);border-radius:999px;background:rgba(15,27,45,.7);color:var(--link);font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%238FA0FF'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='11'%20cy='11'%20r='7'/%3E%3Cline%20x1='16.5'%20y1='16.5'%20x2='21'%20y2='21'/%3E%3Cline%20x1='11'%20y1='8'%20x2='11'%20y2='14'/%3E%3Cline%20x1='8'%20y1='11'%20x2='14'%20y2='11'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px center;background-size:13px 13px}
.fx-landing .fx-wk-bd{padding:28px 30px 32px}
.fx-landing .fx-wk-bd h3{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:22px;letter-spacing:-.01em;margin:0 0 8px;color:#FFFFFF}
.fx-landing .fx-wk-bd p{color:var(--t2);font-size:15.5px;line-height:1.6;margin:0 0 18px}
.fx-landing .fx-tags{display:flex;flex-wrap:wrap;gap:8px}
.fx-landing .fx-tag{font-size:12.5px;font-weight:500;color:var(--t2);padding:5px 11px;background:var(--panel2);border:1px solid var(--line);border-radius:999px}

/* ---- work: automation-in-practice band ---- */
.fx-landing .fx-ba{position:relative;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--accent2);border-radius:12px;padding:36px 40px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}
.fx-landing .fx-ba .fx-eyebrow{margin-bottom:12px}
.fx-landing .fx-ba-quote{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:clamp(19px,2.4vw,24px);line-height:1.4;letter-spacing:-.015em;margin:0;max-width:42ch;color:var(--t1)}
.fx-landing .fx-ba-stats{display:flex;align-items:center;gap:22px;white-space:nowrap}
.fx-landing .fx-stat{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:14px 18px;text-align:center}
.fx-landing .fx-stat-label{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--t2)}
.fx-landing .fx-stat-val{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:26px;color:var(--t2);margin-top:6px}
.fx-landing .fx-stat-val small{font-size:15px;font-weight:500}
.fx-landing .fx-stat-val.fx-grad{margin-top:6px}
.fx-landing .fx-ba-arrow{width:34px;height:20px;background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2034%2020'%20fill='none'%20stroke='%2316C79A'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cline%20x1='2'%20y1='10'%20x2='30'%20y2='10'/%3E%3Cpolyline%20points='23%203%2031%2010%2023%2017'/%3E%3C/svg%3E") center/contain no-repeat}

/* ---- work: portfolio ---- */
.fx-landing .fx-morehead{position:relative;margin:60px 0 26px}
.fx-landing .fx-h3{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:clamp(24px,3vw,32px);letter-spacing:-.02em;margin:0 0 12px;color:#FFFFFF}
.fx-landing .fx-morehead p{color:var(--t2);font-size:15.5px;line-height:1.6;max-width:62ch;margin:0}
.fx-landing .fx-morehead b{color:var(--t1)}
.fx-landing .fx-grid-port{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.fx-landing .fx-pc{display:block;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:border-color .2s}
.fx-landing .fx-pc:hover{border-color:var(--link)}
.fx-landing .fx-pc-wide{order:-1;grid-column:span 2}
.fx-landing .fx-pc-art{position:relative;aspect-ratio:16/10;background-color:#0B1526;display:flex;align-items:flex-end;padding:16px;border-bottom:1px solid var(--line)}
.fx-landing .fx-pc-art-teal{background-image:repeating-linear-gradient(135deg,rgba(22,199,154,.07) 0 12px,transparent 12px 24px)}
.fx-landing .fx-pc-art-blue{background-image:repeating-linear-gradient(135deg,rgba(61,90,254,.10) 0 12px,transparent 12px 24px)}
.fx-landing .fx-pc-art .fx-shotlabel{font-size:11px;letter-spacing:.04em;color:var(--t3);font-family:monospace}
.fx-landing .fx-pc-bd{padding:20px 22px 22px}
.fx-landing .fx-pc-bd h4{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:17px;line-height:1.25;min-height:42px;letter-spacing:-.01em;margin:0 0 8px;color:#FFFFFF;overflow-wrap:anywhere}
.fx-landing .fx-pc-bd h4 .fx-ext{color:var(--link);font-size:14px}
.fx-landing .fx-pc-bd h4 .fx-nowrap{white-space:nowrap}
.fx-landing .fx-pc-bd p{color:var(--t2);font-size:14.5px;line-height:1.55;margin:0 0 14px}
.fx-landing .fx-pc-bd .fx-pc-widep{max-width:62ch}
.fx-landing .fx-tags-sm{display:flex;flex-wrap:wrap;gap:7px}
.fx-landing .fx-tags-sm .fx-tag{font-size:12px;padding:4px 10px}
.fx-landing .fx-brands{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}
.fx-landing .fx-brands .fx-tag{font-size:12px;padding:4px 10px;color:#C7D3E2}
.fx-landing .fx-brands .fx-tag-more{color:var(--link);background:rgba(61,90,254,.14)}

/* ---- why ---- */
.fx-landing .fx-whysec{position:relative;max-width:1160px;margin:0 auto;padding:24px 32px 100px}
.fx-landing .fx-why{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:64px 56px;display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center}
.fx-landing .fx-why .fx-eyebrow{margin-bottom:18px}
.fx-landing .fx-why-quote{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:clamp(24px,3vw,34px);line-height:1.32;letter-spacing:-.02em;margin:0;text-wrap:balance;color:#FFFFFF}
.fx-landing .fx-why-quote .fx-dim{color:var(--t2)}
.fx-landing .fx-why-list{display:grid;gap:22px}
.fx-landing .fx-why-row{display:flex;gap:20px;align-items:baseline}
.fx-landing .fx-why-num{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:38px;color:#FFFFFF;letter-spacing:-.02em}
.fx-landing .fx-why-row span:last-child{color:var(--t2);font-size:15.5px;line-height:1.55}
.fx-landing .fx-why-div{height:1px;background:var(--line)}

/* ---- contact ---- */
.fx-landing .fx-contact{position:relative;background:linear-gradient(180deg,#0B1526 0%,#0E1B30 100%);color:#FFFFFF;overflow:hidden;border-top:1px solid var(--line)}
.fx-landing .fx-contact:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;background-repeat:repeat;background-image:radial-gradient(1px 1px at 25px 35px,rgba(220,230,242,.70) 50%,transparent 52%),radial-gradient(1px 1px at 120px 92px,rgba(220,230,242,.40) 50%,transparent 52%),radial-gradient(1px 1px at 210px 150px,rgba(220,230,242,.55) 50%,transparent 52%),radial-gradient(1px 1px at 300px 58px,rgba(220,230,242,.30) 50%,transparent 52%),radial-gradient(1px 1px at 350px 190px,rgba(220,230,242,.45) 50%,transparent 52%);background-size:380px 240px}
.fx-landing .fx-contact-row{position:relative;max-width:1080px;margin:0 auto;padding:110px 32px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.fx-landing .fx-contact .fx-eyebrow{margin-bottom:14px}
.fx-landing .fx-contact h2{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(32px,4.5vw,52px);line-height:1.08;letter-spacing:-.03em;margin:0 0 20px;text-wrap:balance;color:#FFFFFF}
.fx-landing .fx-contact-sub{font-size:17px;line-height:1.6;color:var(--t2);margin:0 0 30px;max-width:42ch}
.fx-landing .fx-steps{display:grid;gap:16px;max-width:40ch}
.fx-landing .fx-step{display:flex;gap:14px;align-items:flex-start}
.fx-landing .fx-step-num{flex:none;width:26px;height:26px;border-radius:999px;background:rgba(22,199,154,.14);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;font-family:'Space Grotesk',sans-serif}
.fx-landing .fx-step span:last-child{font-size:15px;line-height:1.5;color:var(--t2)}
.fx-landing .fx-contact-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:40px 30px;text-align:center}
.fx-landing .fx-mailico{width:52px;height:52px;margin:0 auto 20px;border-radius:999px;background-color:rgba(22,199,154,.14);background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%2316C79A'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3'%20y='5'%20width='18'%20height='14'%20rx='2.5'/%3E%3Cpath%20d='M3.5%206.5%2012%2013%2020.5%206.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:24px 24px}
.fx-landing .fx-contact-card h3{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:22px;letter-spacing:-.01em;margin:0 0 10px;color:#FFFFFF}
.fx-landing .fx-contact-card p{font-size:15px;line-height:1.6;color:var(--t2);margin:0 0 24px}
.fx-landing .fx-contact-card .fx-btn{width:100%;height:52px;font-size:16px}
.fx-landing .fx-contact-card .fx-btn-primary{box-shadow:0 10px 30px rgba(61,90,254,.25);color:#FFFFFF}
.fx-landing .fx-contact-note{display:block;font-size:13px;color:var(--t3);margin-top:14px}
.fx-landing .fx-contact-note a{color:var(--link)}
.fx-landing .fx-mail-big{display:inline-block;font-family:'Space Grotesk',sans-serif;font-size:18px;color:var(--accent);margin-bottom:24px}
.fx-landing .fx-mail-big:hover{color:#FFFFFF}

/* ---- lightbox (:target, no JS) ---- */
.fx-landing .fx-shot{display:none}
.fx-landing .fx-shot:target{display:block}
.fx-landing .fx-shot-inner{position:fixed;inset:0;z-index:200;background:rgba(6,12,22,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:40px 28px;cursor:zoom-out}
.fx-landing .fx-shot-inner img{max-width:100%;max-height:78vh;border-radius:12px;border:1px solid var(--line);box-shadow:0 30px 80px rgba(0,0,0,.6);display:block;pointer-events:none}
.fx-landing .fx-shot-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:center;pointer-events:none}
.fx-landing .fx-shot-row .fx-shot-cap{font-size:13.5px;color:var(--t2);text-align:center;max-width:60ch}
.fx-landing .fx-shot-row .fx-shot-hint{font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--t3);border:1px solid var(--line);border-radius:999px;padding:6px 13px}

/* ---- footer ---- */
.fx-landing .fx-foot{background:var(--bg);border-top:1px solid var(--line)}
.fx-landing .fx-foot-inner{max-width:1160px;margin:0 auto;padding:38px 32px 46px;display:flex;flex-direction:column;align-items:center;gap:14px}
.fx-landing .fx-foot .fx-brand{font-size:18px}
.fx-landing .fx-foot-motto{font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:var(--t2)}
.fx-landing .fx-foot-copy{color:var(--t3);font-size:14px}

/* ---- responsive ---- */
@media (max-width:760px){
.fx-landing .fx-navlinks{display:none}
.fx-landing .fx-mnav{display:block}
.fx-landing .fx-hero-inner{padding:104px 24px 110px}
.fx-landing .fx-grid-s{grid-template-columns:1fr}
.fx-landing .fx-grid-2{grid-template-columns:1fr}
.fx-landing .fx-grid-port{grid-template-columns:1fr}
.fx-landing .fx-pc-wide{grid-column:auto}
.fx-landing .fx-ba{grid-template-columns:1fr}
.fx-landing .fx-why{grid-template-columns:1fr;padding:40px 28px}
.fx-landing .fx-contact-row{grid-template-columns:1fr}
}

/* ---- reduced motion ---- */
@media (prefers-reduced-motion:reduce){
.fx-landing .fx-reveal{animation:none!important}
.fx-landing .fx-skyfar,.fx-landing .fx-nebula,.fx-landing .fx-stars1,.fx-landing .fx-stars2,.fx-landing .fx-tw,.fx-landing .fx-flightpath{animation:none!important}
.fx-landing .fx-orbit:before{animation:none!important}
.fx-landing .fx-btn{transition:none}
}

/* ---- v3.1 (2026-07-30): colour-coded capability chips + clickable featured card ---- */
.fx-landing .fx-tag-c1{color:#4FE0B5;background:rgba(22,199,154,.13);border-color:rgba(22,199,154,.45)}
.fx-landing .fx-tag-c2{color:#A9B7FF;background:rgba(61,90,254,.17);border-color:rgba(61,90,254,.50)}
.fx-landing .fx-tag-c3{color:#C9B0FF;background:rgba(139,92,246,.17);border-color:rgba(139,92,246,.48)}
.fx-landing .fx-wk-link{display:block;transition:border-color .2s}
.fx-landing .fx-wk-link:hover{border-color:var(--link)}
.fx-landing .fx-wk-bd h3 .fx-ext{color:var(--link);font-size:17px}

/* ---- v3.2 (2026-08-21): salgotarjan.shop brand-logo showcase ---- */
.fx-landing .fx-pc-wide{order:-3}
.fx-landing .fx-grid-port .fx-pc:nth-child(1){order:-2}
.fx-landing .fx-brandbar{order:-1;grid-column:1/-1;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px 26px 26px}
.fx-landing .fx-brandbar .fx-eyebrow{margin:0 0 16px}
.fx-landing .fx-brandrail{display:flex;align-items:stretch;flex-wrap:wrap;gap:10px}
.fx-landing .fx-bl{display:inline-flex;align-items:center;justify-content:center;height:60px;padding:0 18px;background:#FFFFFF;border:1px solid var(--line);border-radius:8px;transition:transform .2s,border-color .2s}
.fx-landing .fx-bl:hover{border-color:var(--link);transform:translateY(-2px)}
.fx-landing .fx-bl img{display:block;width:auto}
.fx-landing .fx-bl-tesco img{height:26px}
.fx-landing .fx-bl-lidl img{height:38px}
.fx-landing .fx-bl-spar img{height:17px}
.fx-landing .fx-bl-aldi img{height:42px}
.fx-landing .fx-bl-penny img{height:38px}
.fx-landing .fx-bl-mm img{height:22px}
.fx-landing .fx-bl-obi img{height:22px}
.fx-landing .fx-bl-jysk img{height:32px}
.fx-landing .fx-bl-dm img{height:32px}
.fx-landing .fx-bl-rossmann img{height:15px}
.fx-landing .fx-bl-more{display:inline-flex;align-items:center;gap:8px;height:60px;padding:0 20px;margin-left:auto;background:rgba(61,90,254,.14);border:1px solid rgba(61,90,254,.50);border-radius:8px;color:var(--link);font-size:13.5px;font-weight:600;letter-spacing:.02em;white-space:nowrap;transition:transform .2s,border-color .2s}
.fx-landing .fx-bl-more:hover{color:#FFFFFF;border-color:var(--link);transform:translateY(-2px)}
.fx-landing .fx-bl-more .fx-ext{font-size:13px}
@media (max-width:760px){
.fx-landing .fx-brandbar{padding:18px 16px 16px}
.fx-landing .fx-brandrail{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.fx-landing .fx-brandrail::-webkit-scrollbar{display:none}
.fx-landing .fx-bl{flex:none;height:54px;padding:0 16px}
.fx-landing .fx-bl-more{flex:none;margin-left:0;height:54px}
}
@media (prefers-reduced-motion:reduce){
.fx-landing .fx-bl,.fx-landing .fx-bl-more{transition:none}
}

/* ---- v3.2b (2026-08-21): brandbar finomítás — a CTA a fejléc-sorba került, a rail egysoros, faltól falig ---- */
.fx-landing .fx-brandhead{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.fx-landing .fx-brandhead .fx-eyebrow{margin:0}
.fx-landing .fx-brandrail{gap:8px}
.fx-landing .fx-bl{flex:1 0 auto;padding:0 12px}
.fx-landing .fx-bl-more{height:34px;padding:0 16px;margin-left:0;border-radius:999px;font-size:13px}
.fx-landing .fx-bl-more .fx-ext{font-size:12px}
@media (max-width:760px){
.fx-landing .fx-brandbar{padding:16px 16px 14px}
.fx-landing .fx-bl-more{height:32px}
}

/* ---- v3.2c (2026-08-21): a brandbar felirat (eyebrow) törölve — a CTA jobbra zárva ---- */
.fx-landing .fx-brandhead{justify-content:flex-end;margin-bottom:14px}

/* ---- v3.3 (2026-08-21): FlowExto product family sáv — 5 kártya, link nélkül ---- */
/* A termék-akcent CSAK 3 helyen él: 3px felső él · ikon-csempe · státusz-pill (Brand 3.1) */
.fx-landing .fx-prodgrid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.fx-landing .fx-prod{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:26px 24px 24px;overflow:hidden}
.fx-landing .fx-prod:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--line)}
.fx-landing .fx-prod-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.fx-landing .fx-prod-ico{display:inline-flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;border-radius:9px;border:1px solid var(--line);background:var(--panel2);font-size:16px;line-height:1;color:var(--t2)}
.fx-landing .fx-prod-ico-empty{border-style:dashed}
.fx-landing .fx-prod-status{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border:1px solid var(--line);border-radius:999px;background:var(--panel2);font-size:11.5px;font-weight:600;letter-spacing:.04em;color:var(--t2);white-space:nowrap}
.fx-landing .fx-prod-dot{flex:none;width:6px;height:6px;border-radius:50%;background:var(--t3)}
.fx-landing .fx-prod h3{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:19px;line-height:1.3;letter-spacing:-.01em;margin:0 0 10px;color:#FFFFFF}
.fx-landing .fx-prod h3 .fx-prod-fam{color:var(--t3);font-weight:500}
.fx-landing .fx-prod p{color:var(--t2);font-size:14.5px;line-height:1.6;margin:0}

/* Lingexto — világoskék */
.fx-landing .fx-prod-ling:before{background:#5DCAF0}
.fx-landing .fx-prod-ling .fx-prod-ico{color:#5DCAF0;background:rgba(93,202,240,.12);border-color:rgba(93,202,240,.45)}
.fx-landing .fx-prod-ling .fx-prod-live{color:#5DCAF0;background:rgba(93,202,240,.10);border-color:rgba(93,202,240,.45)}
.fx-landing .fx-prod-ling .fx-prod-live .fx-prod-dot{background:#5DCAF0;box-shadow:0 0 0 3px rgba(93,202,240,.18)}
/* Searchexto — teal */
.fx-landing .fx-prod-search:before{background:#16C79A}
.fx-landing .fx-prod-search .fx-prod-ico{color:#16C79A;background:rgba(22,199,154,.12);border-color:rgba(22,199,154,.45)}
/* Bookexto — kék (szöveg világoskék) */
.fx-landing .fx-prod-book:before{background:#3D5AFE}
.fx-landing .fx-prod-book .fx-prod-ico{color:#8FA0FF;background:rgba(61,90,254,.14);border-color:rgba(61,90,254,.50)}
.fx-landing .fx-prod-book .fx-prod-live{color:#8FA0FF;background:rgba(61,90,254,.12);border-color:rgba(61,90,254,.50)}
.fx-landing .fx-prod-book .fx-prod-live .fx-prod-dot{background:#3D5AFE;box-shadow:0 0 0 3px rgba(61,90,254,.20)}
/* TudásRadar — arany (kizárólag itt) */
.fx-landing .fx-prod-radar:before{background:#C8B560}
.fx-landing .fx-prod-radar .fx-prod-ico{color:#C8B560;background:rgba(200,181,96,.12);border-color:rgba(200,181,96,.45)}
.fx-landing .fx-prod-radar .fx-prod-live{color:#C8B560;background:rgba(200,181,96,.10);border-color:rgba(200,181,96,.45)}
.fx-landing .fx-prod-radar .fx-prod-live .fx-prod-dot{background:#C8B560;box-shadow:0 0 0 3px rgba(200,181,96,.18)}
/* Mediaexto — nincs még dokumentált akcent/glyph: semleges marad */

@media (max-width:760px){
.fx-landing .fx-prodgrid{grid-template-columns:1fr}
.fx-landing .fx-prod{padding:22px 20px 20px}
}

/* ---- v3.4 (2026-10-06): új orbit logó (jóváhagyva 2026-10-04) a wordmark előtt — fejléc + lábléc ---- */
.fx-landing .fx-brand{display:inline-block;white-space:nowrap;line-height:34px}
.fx-landing .fx-brand:before{content:"";display:inline-block;vertical-align:top;margin-right:11px;width:34px;height:34px;background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%20fill='none'%3E%3Cstyle%3E.orbit-dot%7Btransform-origin:32px%2032px%3Banimation:orbit%2018s%20linear%20infinite%7D%40keyframes%20orbit%7Bto%7Btransform:rotate(360deg)%7D%7D%40media(prefers-reduced-motion:reduce)%7B.orbit-dot%7Banimation:none%7D%7D%3C/style%3E%3Crect%20x='.5'%20y='.5'%20width='63'%20height='63'%20rx='16'%20fill='%23172B46'%20stroke='%23365578'/%3E%3Ccircle%20cx='32'%20cy='32'%20r='23'%20fill='%23111D30'%20stroke='%235F718A'%20stroke-dasharray='1.7%201.7'/%3E%3Cpath%20d='M23%2019H41V24H29V30H39V35H29V46H23Z'%20fill='%23E8EEF7'/%3E%3Cg%20class='orbit-dot'%3E%3Ccircle%20cx='43.5'%20cy='12.08'%20r='3.5'%20fill='%2316C79A'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
.fx-landing .fx-foot .fx-brand{line-height:28px}
.fx-landing .fx-foot .fx-brand:before{width:28px;height:28px;margin-right:9px}
@media (prefers-reduced-motion:reduce){
.fx-landing .fx-brand:before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%20fill='none'%3E%3Crect%20x='.5'%20y='.5'%20width='63'%20height='63'%20rx='16'%20fill='%23172B46'%20stroke='%23365578'/%3E%3Ccircle%20cx='32'%20cy='32'%20r='23'%20fill='%23111D30'%20stroke='%235F718A'%20stroke-dasharray='1.7%201.7'/%3E%3Cpath%20d='M23%2019H41V24H29V30H39V35H29V46H23Z'%20fill='%23E8EEF7'/%3E%3Ccircle%20cx='43.5'%20cy='12.08'%20r='3.5'%20fill='%2316C79A'/%3E%3C/svg%3E")}
}

/* ---- v3.4b (2026-10-06): a Twenty Sixteen link-aláhúzása (box-shadow) ne fusson a logó és a menülinkek alatt ---- */
.fx-landing .fx-brand,.fx-landing .fx-navlinks a:not(.fx-btn),.fx-landing .fx-mnav-panel a:not(.fx-btn){box-shadow:none}