*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050d14;color:#f5f9ff;font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 40px));margin:auto}.noise{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.page-glow{position:fixed;border-radius:50%;filter:blur(120px);opacity:.14;pointer-events:none;z-index:-1}.page-glow-1{width:520px;height:520px;background:#0d94ff;top:-170px;left:-180px}.page-glow-2{width:580px;height:580px;background:#004e87;right:-190px;top:380px}.site-header{position:sticky;top:0;z-index:50;background:rgba(4,11,17,.84);backdrop-filter:blur(20px);border-bottom:1px solid rgba(82,151,194,.18)}.nav-wrap{height:78px;display:flex;align-items:center;gap:28px}.brand{display:flex;flex-direction:column;min-width:max-content}.brand-main{font-size:26px;font-weight:950;letter-spacing:.2px}.brand-main span,h1 span,h2 span{color:#42b5ff}.brand small{font-size:10px;color:#839bac;margin-top:-4px;letter-spacing:.3px}.main-nav{display:flex;align-items:center;justify-content:center;gap:28px;margin-left:auto}.main-nav a{font-size:14px;color:#afc2cf;position:relative;padding:10px 0;transition:.2s}.main-nav a:hover,.main-nav a.active{color:#fff}.main-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:10px;background:#39aefe;box-shadow:0 0 16px rgba(57,174,254,.7)}.header-cta{border:1px solid rgba(72,180,249,.7);padding:10px 16px;border-radius:10px;font-size:14px;background:linear-gradient(180deg,rgba(18,55,79,.85),rgba(8,27,40,.85));box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:.2s}.header-cta:hover{border-color:#55bcff;transform:translateY(-1px)}.nav-toggle{display:none;margin-left:auto;background:none;border:0;width:38px;height:38px;padding:8px}.nav-toggle span{display:block;height:2px;background:#fff;margin:6px 0;border-radius:4px}.hero{position:relative;border-bottom:1px solid rgba(61,120,157,.2);min-height:660px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 80% 42%,rgba(0,119,204,.11),transparent 34%),linear-gradient(180deg,rgba(5,15,23,.5),rgba(4,12,18,.92))}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(62,134,180,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(62,134,180,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,transparent,black 18%,black 78%,transparent)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.03fr .97fr;gap:44px;align-items:center;padding:72px 0 84px}.hero-kicker,.eyebrow{font-size:11px;letter-spacing:2px;color:#49b8ff;font-weight:900}.hero-kicker{display:flex;align-items:center;gap:9px}.kicker-dot{width:7px;height:7px;border-radius:50%;background:#4cc0ff;box-shadow:0 0 15px #4cc0ff}.hero h1{font-size:88px;line-height:.9;margin:15px 0 15px;letter-spacing:-5px;font-weight:950;text-shadow:0 8px 45px rgba(0,0,0,.35)}.hero h2{font-size:32px;line-height:1.2;margin:0 0 14px;font-weight:650;letter-spacing:-1px}.hero-lead{color:#a9becb;font-size:18px;max-width:620px;margin:0}.hero-actions{display:flex;gap:14px;margin:30px 0 38px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 21px;border-radius:10px;font-weight:850;transition:.22s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#4dbaff,#239cea);color:#041019;box-shadow:0 15px 35px rgba(33,157,234,.22),inset 0 1px 0 rgba(255,255,255,.25)}.btn-primary b{font-size:18px}.btn-outline{border:1px solid rgba(76,181,246,.55);background:rgba(5,18,28,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.btn-outline:hover{border-color:#48b6fb}.hero-stats{display:flex;gap:0;max-width:540px;border-top:1px solid rgba(77,136,173,.14);padding-top:20px}.stat-item{padding:0 30px;border-left:1px solid rgba(75,139,178,.25)}.stat-item:first-child{padding-left:0;border-left:0}.stat-item strong{display:block;color:#42b3ff;font-size:26px;line-height:1.1}.stat-item span{font-size:11px;color:#829aaa;text-transform:uppercase;letter-spacing:.6px}.hero-visual{position:relative;height:470px}.visual-glow{position:absolute;width:390px;height:300px;right:25px;top:65px;background:radial-gradient(circle,rgba(26,160,246,.2),transparent 65%);filter:blur(16px)}.desk-line{position:absolute;left:8%;right:2%;bottom:76px;height:2px;background:linear-gradient(90deg,transparent,#1c4661 18%,#2c6384 65%,transparent);box-shadow:0 18px 34px rgba(0,0,0,.7)}.monitor{position:absolute;background:#07131c;border:1px solid #29465a;border-radius:14px;box-shadow:0 30px 65px rgba(0,0,0,.48),inset 0 0 0 1px rgba(255,255,255,.015);overflow:visible}.monitor:after{content:"";position:absolute;inset:4px;border-radius:10px;box-shadow:inset 0 0 35px rgba(32,155,232,.04);pointer-events:none}.monitor-top{height:30px;background:#0b1923;border-bottom:1px solid #203849;display:flex;align-items:center;gap:6px;padding:0 11px;border-radius:13px 13px 0 0}.monitor-top span{width:6px;height:6px;border-radius:50%;background:#35576c}.monitor-top span:nth-child(1){background:#35637d}.monitor-top span:nth-child(2){background:#2b5169}.monitor-top span:nth-child(3){background:#24475d}.monitor-top em{font-size:9px;color:#67889c;margin-left:auto;font-style:normal}.monitor-left{width:60%;height:55%;left:1%;top:95px;transform:perspective(1000px) rotateY(7deg) rotateZ(-1.4deg)}.monitor-main{width:69%;height:63%;right:1%;top:45px;transform:perspective(1000px) rotateY(-5deg) rotateZ(.8deg)}.monitor-stand{position:absolute;width:72px;height:62px;left:50%;bottom:-58px;transform:translateX(-50%);border-left:10px solid #102330;border-right:10px solid #102330;border-bottom:8px solid #173447;clip-path:polygon(38% 0,62% 0,70% 78%,100% 90%,100% 100%,0 100%,0 90%,30% 78%)}.code-lines{padding:28px 25px}.code-lines i{display:block;height:7px;border-radius:10px;background:#18384d;margin:12px 0}.code-lines .cyan{background:#1d698e}.code-lines .blue{background:#20537b}.w40{width:40%}.w45{width:45%}.w54{width:54%}.w60{width:60%}.w65{width:65%}.w70{width:70%}.w76{width:76%}.w82{width:82%}.brand-screen{height:calc(100% - 30px);padding:33px 38px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 70% 35%,rgba(27,126,185,.12),transparent 45%)}.brand-screen small{font-size:8px;letter-spacing:2.5px;color:#59798c;margin-bottom:12px}.screen-word{font-size:41px;line-height:.88;font-weight:760;color:#d4e6f2}.screen-word.muted{color:#7c97a8}.screen-word.accent{color:#45b7ff;text-shadow:0 0 28px rgba(69,183,255,.18)}.screen-line{height:2px;width:65%;background:linear-gradient(90deg,#3aacfa,transparent);margin-top:20px}.yy-badge{position:absolute;left:32%;bottom:2px;width:104px;height:104px;padding:4px;border-radius:50%;background:linear-gradient(145deg,#286991,#0a1822 72%);border:1px solid #2d5c79;box-shadow:0 22px 45px rgba(0,0,0,.5),0 0 30px rgba(46,163,234,.08)}.yy-inner{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;font-size:34px;font-style:italic;font-weight:950;background:radial-gradient(circle at 34% 26%,#1b5478,#08131c 68%);color:#6cc5ff}.hero-note{position:absolute;right:0;bottom:25px;transform:rotate(-3deg);font-family:"Segoe Script","Bradley Hand",cursive;color:#cfdfeb;font-size:17px;line-height:1.25}.hero-note span,.hero-note strong{display:block}.hero-note strong{font-size:23px;color:#eef8ff}.floating-chip{position:absolute;padding:7px 10px;border-radius:8px;font-size:10px;font-weight:900;letter-spacing:.5px;background:rgba(7,21,31,.94);border:1px solid #254b62;color:#72c8ff;box-shadow:0 10px 20px rgba(0,0,0,.32)}.chip-php{left:1%;top:44px}.chip-mysql{right:8%;top:12px}.chip-js{right:0;top:275px}.hero-orbit{position:absolute;border:1px solid rgba(57,164,232,.08);border-radius:50%}.hero-orbit-a{width:430px;height:430px;right:-210px;top:40px}.hero-orbit-b{width:650px;height:650px;right:-320px;top:-70px}.scroll-indicator{position:absolute;left:50%;bottom:20px;width:24px;height:36px;border:1px solid rgba(102,160,196,.28);border-radius:20px;transform:translateX(-50%)}.scroll-indicator span{position:absolute;left:50%;top:7px;width:3px;height:7px;border-radius:5px;background:#4fb9fb;transform:translateX(-50%);animation:scrollDot 1.6s infinite}@keyframes scrollDot{0%{opacity:0;transform:translate(-50%,0)}30%{opacity:1}100%{opacity:0;transform:translate(-50%,13px)}}.section{padding:76px 0;border-bottom:1px solid #173040}.alt-section{background:linear-gradient(180deg,rgba(10,26,38,.52),rgba(6,17,25,.35))}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section-head h2,.about-copy h2,.contact-section h2{font-size:36px;line-height:1.2;margin:7px 0}.section-head p{color:#9fb3c0;margin:6px 0 0}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.project-card{position:relative;min-height:230px;padding:24px;border-radius:14px;border:1px solid #203a4c;background:linear-gradient(145deg,#0d1a24,#08121a);display:flex;flex-direction:column;justify-content:space-between;transition:.25s}.project-card:hover{transform:translateY(-5px);border-color:#3caaff;box-shadow:0 22px 50px rgba(0,0,0,.25)}.project-icon{font-size:46px}.project-body h3{font-size:20px;margin:0 0 6px}.project-body p{font-size:14px;color:#9fb2bf;margin:0}.card-arrow{position:absolute;right:16px;bottom:16px;width:34px;height:34px;border-radius:50%;border:1px solid #345164;display:grid;place-items:center}
.projects-section{position:relative;background:radial-gradient(circle at 72% 8%,rgba(22,139,217,.08),transparent 30%),#061019}
.project-section-head{align-items:center}
.project-head-note{font-family:"Segoe Script","Bradley Hand",cursive;font-size:18px;line-height:1.25;color:#b9d7ea;transform:rotate(-4deg);text-align:center;margin-right:30px}
.featured-project-grid{grid-template-columns:repeat(4,1fr);gap:16px}
.featured-project-card{padding:0;min-height:0;overflow:hidden;background:linear-gradient(180deg,#081725,#06111a);border-color:#17486d;display:block}
.featured-project-card:hover{transform:translateY(-6px);box-shadow:0 22px 55px rgba(0,0,0,.38),0 0 0 1px rgba(63,177,255,.1);border-color:#2ca8fa}
.project-preview{position:relative;aspect-ratio:16/9;overflow:hidden;background:#07121b;border-bottom:1px solid #193e59}
.project-preview img{width:100%;height:100%;display:block;object-fit:cover;object-position:top center;transition:transform .35s ease}
.featured-project-card:hover .project-preview img{transform:scale(1.025)}
.soon-badge{position:absolute;top:14px;right:14px;padding:7px 10px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:1px;background:rgba(6,18,28,.92);color:#a9bfd0;border:1px solid #526a7c;backdrop-filter:blur(8px)}
.project-card-content{padding:20px}
.project-title-row{display:flex;gap:12px;align-items:center}
.project-title-row .project-icon{width:50px;height:50px;display:grid;place-items:center;flex:0 0 50px;border-radius:15px;font-size:25px;background:linear-gradient(145deg,#123b5a,#0a1e2d);border:1px solid #1c5377}
.project-title-row h3{font-size:18px;line-height:1.1;margin:0 0 4px}
.project-title-row span{font-size:11px;color:#87a4b7}
.project-card-content>p{min-height:68px;margin:16px 0 18px;color:#a8bdca;font-size:13px;line-height:1.5}
.project-button{height:42px;border-radius:999px;border:1px solid #39aefe;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;color:#54bcff;transition:.2s;background:rgba(8,28,42,.6)}
.project-button:hover{background:#36aefe;color:#041019;box-shadow:0 10px 25px rgba(54,174,254,.2)}
.project-button.disabled{border-color:#526779;color:#768b99;background:rgba(47,61,72,.13);cursor:not-allowed}
.project-soon{opacity:.94}
.project-features{display:grid;grid-template-columns:repeat(4,1fr);margin-top:24px;border:1px solid #173b55;border-radius:14px;background:linear-gradient(180deg,#081722,#06111a);overflow:hidden}
.project-feature{display:flex;gap:14px;align-items:center;padding:22px 24px;border-right:1px solid #173547}
.project-feature:last-child{border-right:0}
.project-feature-icon{font-size:31px;color:#47b8ff}
.project-feature strong{display:block;font-size:13px;margin-bottom:3px}
.project-feature small{display:block;color:#8fa7b6;font-size:11px;line-height:1.35}
.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.service-card{border:1px solid #203a4c;border-radius:12px;padding:22px;background:#0a151e}.service-icon{font-size:30px;margin-bottom:12px}.service-card h3{font-size:15px;margin:0 0 6px}.service-card p{font-size:13px;color:#9db0bd;margin:0}.about-grid{display:grid;grid-template-columns:.7fr 1.5fr .9fr;gap:50px;align-items:center}.about-logo{height:230px;border-radius:18px;display:grid;place-items:center;background:radial-gradient(circle at 40% 40%,#1d72ae,#07121b 65%);border:1px solid #1f3b4e;overflow:hidden}.about-logo span{font-size:92px;font-weight:900;font-style:italic;color:#7ecaff;text-shadow:0 0 35px rgba(61,174,255,.35)}.about-copy p{color:#acbeca}.text-link{color:#47b5ff;font-weight:800}blockquote{margin:0;padding-left:30px;border-left:1px solid #2e4b5e;font-size:21px;font-style:italic;color:#d8e8f2}blockquote small{display:block;margin-top:18px;color:#7f9cac;font-size:12px}.contact-section{background:#08131c}.contact-grid{display:grid;grid-template-columns:1.5fr auto .8fr;gap:30px;align-items:center}.contact-grid p{color:#a7bbc8;max-width:680px}.contact-btn{min-width:190px}.contact-card{border:1px solid #203b4e;background:#0b1821;border-radius:12px;padding:18px;display:flex;gap:14px;align-items:center}.contact-card span{font-size:24px}.contact-card small{display:block;color:#8da3b1}.contact-card strong{font-size:14px}.site-footer{padding:28px 0;background:#050d13}.footer-wrap{display:flex;align-items:center;gap:40px}.footer-links{margin-left:auto;display:flex;gap:18px;flex-wrap:wrap}.footer-links a{font-size:12px;color:#9fb3c0}.copyright{font-size:11px;color:#8fa4b1;text-align:right}.copyright small{font-size:10px}@media(max-width:980px){.main-nav,.header-cta{display:none}.nav-toggle{display:block}.main-nav.open{display:flex;position:absolute;left:20px;right:20px;top:76px;flex-direction:column;align-items:stretch;gap:0;background:#08131c;border:1px solid #1c384b;border-radius:12px;padding:10px}.main-nav.open a{padding:12px}.hero-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-visual{height:420px;max-width:700px;width:100%;margin:auto}.project-grid{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr 2fr}.about-grid blockquote{grid-column:1/-1}.contact-grid{grid-template-columns:1fr 1fr}.contact-grid>div:first-child{grid-column:1/-1}}@media(max-width:640px){.container{width:min(100% - 28px,1180px)}.site-header .nav-wrap{height:68px}.hero-grid{padding:52px 0 70px}.hero h1{font-size:58px;letter-spacing:-3px}.hero h2{font-size:25px}.hero-lead{font-size:16px}.hero-actions{flex-direction:column}.btn{width:100%}.hero-stats{justify-content:space-between;gap:8px}.stat-item{padding:0 10px}.stat-item strong{font-size:20px}.stat-item span{font-size:9px}.hero-visual{height:325px;margin-top:10px}.monitor-left{width:65%;height:48%;top:85px}.monitor-main{width:72%;height:56%;top:40px}.brand-screen{padding:22px}.brand-screen small{font-size:6px}.screen-word{font-size:27px}.code-lines{padding:15px}.code-lines i{height:5px;margin:9px 0}.yy-badge{width:75px;height:75px;left:27%;bottom:0}.yy-inner{font-size:25px}.hero-note{font-size:13px;right:0;bottom:16px}.hero-note strong{font-size:17px}.floating-chip{font-size:8px;padding:5px 7px}.chip-php{top:43px}.chip-js{top:210px}.desk-line{bottom:55px}.scroll-indicator{display:none}.section{padding:55px 0}.section-head h2,.about-copy h2,.contact-section h2{font-size:29px}.project-grid,.service-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.project-card{min-height:190px}.about-logo{height:180px}.contact-grid>div:first-child{grid-column:auto}.footer-wrap{flex-direction:column;align-items:flex-start}.footer-links{margin-left:0}.copyright{text-align:left}}
@media(max-width:1100px){
  .featured-project-grid{grid-template-columns:repeat(2,1fr)}
  .project-features{grid-template-columns:repeat(2,1fr)}
  .project-feature:nth-child(2){border-right:0}
  .project-feature:nth-child(-n+2){border-bottom:1px solid #173547}
}
@media(max-width:640px){
  .project-section-head{align-items:flex-start}
  .project-head-note{display:none}
  .featured-project-grid{grid-template-columns:1fr}
  .project-card-content>p{min-height:0}
  .project-features{grid-template-columns:1fr}
  .project-feature{border-right:0;border-bottom:1px solid #173547!important}
  .project-feature:last-child{border-bottom:0!important}
}

.more-projects-cta{margin-top:26px;padding:28px 30px;border:1px solid #1b4765;border-radius:16px;background:linear-gradient(135deg,rgba(13,42,61,.78),rgba(5,17,26,.92));display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.more-projects-cta h3{font-size:24px;line-height:1.2;margin:5px 0 6px}
.more-projects-cta p{margin:0;color:#9fb5c3;font-size:14px}
.more-projects-btn{white-space:nowrap}
@media(max-width:760px){
  .more-projects-cta{flex-direction:column;align-items:flex-start;padding:24px}
  .more-projects-btn{width:100%}
}

.projects-page{background:#050d14}
.projects-page-hero{padding:92px 0 70px;border-bottom:1px solid #173040;background:radial-gradient(circle at 75% 20%,rgba(45,169,245,.12),transparent 32%)}
.projects-page-hero h1{font-size:58px;line-height:1.05;margin:8px 0 18px;letter-spacing:-2px}
.projects-page-hero h1 span{color:#42b5ff}
.projects-page-hero p{max-width:760px;color:#a9bdc9;font-size:17px;margin:0 0 28px}
.projects-list-section{background:linear-gradient(180deg,#061019,#050d14)}
.all-projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.all-project-card{overflow:hidden;border:1px solid #1a405b;border-radius:16px;background:linear-gradient(180deg,#081722,#06111a);transition:.25s}
.all-project-card:hover{transform:translateY(-4px);border-color:#2ca8fa;box-shadow:0 24px 55px rgba(0,0,0,.32)}
.all-project-card.is-muted:hover{border-color:#35546a}
.all-project-image{position:relative;aspect-ratio:16/8.4;background:#07131c;overflow:hidden;border-bottom:1px solid #173b55}
.all-project-image img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.project-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#103a57,#07121b 64%)}
.project-placeholder span{font-size:62px;font-weight:950;font-style:italic;color:#5cbbf5}
.project-placeholder small{margin-top:4px;color:#7f9dad;text-transform:uppercase;letter-spacing:1.4px;font-size:9px}
.all-project-content{padding:24px}
.project-category{display:inline-block;color:#48b7fd;font-size:10px;font-weight:900;letter-spacing:1.1px;text-transform:uppercase;margin-bottom:8px}
.all-project-content h2{font-size:25px;line-height:1.15;margin:0 0 10px}
.all-project-content p{color:#9eb4c1;font-size:14px;min-height:66px;margin:0 0 20px}
.projects-ending{margin-top:42px;padding:42px;border:1px solid #173b55;border-radius:18px;text-align:center;background:linear-gradient(180deg,#081621,#061019)}
.projects-ending h2{font-size:30px;margin:7px 0}
.projects-ending p{margin:0;color:#97adba}
.projects-back{margin-left:auto}
@media(max-width:760px){
  .projects-page-hero{padding:70px 0 52px}
  .projects-page-hero h1{font-size:42px}
  .all-projects-grid{grid-template-columns:1fr}
  .all-project-content p{min-height:0}
  .projects-ending{padding:30px 22px}
  .projects-back{font-size:12px;padding:9px 12px}
}

/* --- További projektek: v2 --- */
.more-projects-cta{
  width:100%;
  margin-top:28px;
  padding:18px 22px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:18px;
  border:1px solid #1a4868;
  border-radius:15px;
  background:
    radial-gradient(circle at 12% 50%,rgba(47,176,255,.12),transparent 25%),
    linear-gradient(135deg,rgba(9,32,47,.92),rgba(5,17,26,.95));
  box-shadow:0 15px 35px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025)
}
.more-projects-icon{
  width:54px;height:54px;border-radius:14px;
  display:grid;place-items:center;
  font-size:27px;font-weight:900;color:#50bbff;
  background:#0a2030;border:1px solid #255b7d
}
.more-projects-copy h3{font-size:20px;margin:2px 0 2px}
.more-projects-copy p{margin:0;color:#91a9b8;font-size:13px}
.more-projects-link{
  min-width:250px;height:44px;padding:0 17px;border-radius:11px;
  display:flex;align-items:center;justify-content:center;gap:13px;
  border:1px solid #35aefe;color:#54bdff;background:rgba(5,26,40,.72);
  font-size:12px;font-weight:900;transition:.2s
}
.more-projects-link:hover{background:#36aefe;color:#041019;transform:translateY(-2px)}
.more-projects-link b{font-size:19px}

.projects-nav{display:flex;align-items:center;justify-content:center;gap:25px;margin-left:auto}
.projects-nav a{font-size:13px;color:#a9bdca;padding:10px 0;position:relative}
.projects-nav a:hover,.projects-nav a.active{color:#fff}
.projects-nav a.active{color:#42b5ff}
.projects-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#3ab1ff}

.projects-page-hero{
  padding:55px 0 26px;
  background:
    radial-gradient(circle at 78% 30%,rgba(32,150,225,.12),transparent 28%),
    linear-gradient(180deg,#06111a,#07131d);
}
.projects-hero-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:30px;align-items:center}
.projects-page-hero h1{font-size:54px;margin:5px 0 9px;letter-spacing:-2px}
.projects-page-hero p{margin:0;color:#a9bdc9;font-size:16px}
.projects-hero-note{text-align:right;font-family:"Segoe Script","Bradley Hand",cursive;color:#a8cde4;font-size:18px;transform:rotate(-2deg)}
.projects-hero-note span{display:block;font-size:20px;color:#cce8f8}
.projects-hero-note small{display:block;margin-top:10px;font-family:Inter,Segoe UI,Arial,sans-serif;color:#7f9eaf;font-size:11px;font-style:italic}

.projects-toolbar{padding:14px 0 0;background:#06111a}
.project-filter-row{display:flex;gap:12px;flex-wrap:wrap}
.filter-pill{
  height:38px;padding:0 17px;border-radius:999px;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid #1b4b6a;background:#071827;color:#a8bfd0;
  font-size:12px;font-weight:700
}
.filter-pill.active{background:linear-gradient(135deg,#1ba6ff,#1389e5);color:#03101a;border-color:#43b7ff}

.projects-list-section{padding-top:22px}
.all-projects-grid.four-per-page{grid-template-columns:repeat(4,1fr);gap:15px}
.all-project-card{border-radius:13px}
.all-project-image{aspect-ratio:16/8.5}
.all-project-content{padding:14px}
.all-project-content h2{font-size:18px;margin:0 0 6px}
.all-project-content p{font-size:12px;line-height:1.45;min-height:54px;margin-bottom:13px}
.card-category-badge{
  position:absolute;top:9px;left:9px;padding:5px 8px;border-radius:999px;
  background:rgba(4,20,31,.88);border:1px solid #2c93cf;color:#4fc1ff;
  font-size:9px;font-weight:900;backdrop-filter:blur(6px)
}
.project-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}
.project-type-chip{
  height:30px;padding:0 10px;border-radius:8px;display:flex;align-items:center;
  border:1px solid #183f5a;color:#9fb7c7;font-size:10px;background:#071927
}
.project-button.compact{height:32px;min-width:118px;padding:0 12px;font-size:10px}
.custom-placeholder{
  background:
    linear-gradient(180deg,rgba(13,34,49,.95),rgba(7,20,30,.98)),
    repeating-linear-gradient(45deg,transparent 0 12px,rgba(78,159,210,.025) 12px 24px);
  border:1px dashed #3c6680;
  margin:9px;width:calc(100% - 18px);height:calc(100% - 18px);border-radius:10px
}
.placeholder-icon{font-size:34px;line-height:1;color:#88b9d8;margin-bottom:10px}
.custom-placeholder strong{font-size:13px;color:#c6d9e6}
.custom-placeholder small{font-size:10px;color:#6f8d9f;margin-top:4px;text-transform:none;letter-spacing:0}
.pagination-wrap{margin-top:18px;display:flex;align-items:center;justify-content:center;position:relative}
.pagination{display:flex;gap:7px;align-items:center}
.pagination a,.disabled-page{
  min-width:34px;height:34px;padding:0 11px;border-radius:8px;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid #1d4c6b;background:#071827;color:#9eb5c5;font-size:11px
}
.pagination a:hover{border-color:#38afff;color:#50bcff}
.pagination a.active{background:#239ff0;color:#041019;border-color:#44b8ff;font-weight:900}
.disabled-page{opacity:.35;cursor:not-allowed}
.projects-count{position:absolute;right:0;color:#819cab;font-size:11px}
.projects-footer{margin-top:0}
.footer-quote{margin-left:auto;color:#7f9caf;font-size:12px;font-style:italic}

@media(max-width:1100px){
  .projects-nav{display:none}
  .all-projects-grid.four-per-page{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .more-projects-cta{grid-template-columns:auto 1fr;padding:16px}
  .more-projects-link{grid-column:1/-1;width:100%;min-width:0}
  .projects-hero-grid{grid-template-columns:1fr}
  .projects-hero-note{display:none}
  .projects-page-hero h1{font-size:40px}
  .project-filter-row{gap:8px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}
  .filter-pill{white-space:nowrap}
  .all-projects-grid.four-per-page{grid-template-columns:1fr}
  .pagination-wrap{flex-direction:column;gap:12px}
  .projects-count{position:static}
  .footer-quote{margin-left:0}
}

/* ===== PROJECTS V3 - unmistakable redesign ===== */
.projects-page{background:#030912!important}
.projects-page .site-header{
  background:rgba(3,9,18,.94)!important;
  border-bottom:1px solid rgba(53,174,255,.22)!important
}
.projects-version-badge{
  position:absolute;
  top:14px;
  right:24px;
  padding:6px 10px;
  border-radius:999px;
  background:#0b2639;
  border:1px solid #2e9bd8;
  color:#5ec5ff;
  font-size:9px;
  font-weight:900;
  letter-spacing:1.4px;
  z-index:3
}
.projects-page-hero{
  position:relative!important;
  padding:70px 0 36px!important;
  background:
    linear-gradient(135deg,rgba(4,16,29,.96),rgba(3,10,18,.98)),
    radial-gradient(circle at 75% 20%,rgba(47,177,255,.22),transparent 28%)!important;
  overflow:hidden
}
.projects-page-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(63,160,220,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(63,160,220,.035) 1px,transparent 1px);
  background-size:38px 38px;
  pointer-events:none
}
.projects-page-hero:after{
  content:"";
  position:absolute;
  width:520px;height:520px;
  border:1px solid rgba(68,183,255,.08);
  border-radius:50%;
  right:-220px;top:-240px
}
.projects-hero-grid{position:relative;z-index:2}
.projects-page-hero h1{
  font-size:64px!important;
  line-height:1!important;
  letter-spacing:-3px!important;
  margin:8px 0 12px!important
}
.projects-page-hero h1 span{
  background:linear-gradient(90deg,#4cbcff,#208eff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important
}
.projects-page-hero p{
  max-width:700px;
  font-size:17px!important;
  color:#9db5c4!important
}
.projects-hero-note{
  padding:18px 20px;
  border:1px solid rgba(52,145,203,.22);
  border-radius:15px;
  background:rgba(5,19,29,.6);
  backdrop-filter:blur(10px)
}

.projects-toolbar{
  padding:18px 0!important;
  border-bottom:1px solid #153348;
  background:#050f18!important
}
.project-filter-row{
  gap:10px!important
}
.filter-pill{
  height:42px!important;
  padding:0 19px!important;
  border:1px solid #1a4866!important;
  background:linear-gradient(180deg,#071927,#05121d)!important;
  color:#a8bdcb!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02)
}
.filter-pill.active{
  background:linear-gradient(135deg,#2cafef,#1687dd)!important;
  color:#031019!important;
  box-shadow:0 10px 24px rgba(37,154,226,.2)!important
}

.projects-list-section{
  padding:34px 0 70px!important;
  background:
    radial-gradient(circle at 12% 20%,rgba(14,98,151,.08),transparent 25%),
    #040c14!important
}
.all-projects-grid.four-per-page{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important
}
.all-project-card{
  overflow:hidden!important;
  border-radius:16px!important;
  border:1px solid #174160!important;
  background:linear-gradient(180deg,#071621 0%,#051019 100%)!important;
  box-shadow:0 20px 40px rgba(0,0,0,.18)!important;
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease!important
}
.all-project-card:hover{
  transform:translateY(-7px)!important;
  border-color:#35adf5!important;
  box-shadow:0 28px 60px rgba(0,0,0,.32),0 0 0 1px rgba(53,173,245,.08)!important
}
.all-project-image{
  position:relative!important;
  aspect-ratio:16/9!important;
  background:#06111a!important;
  overflow:hidden!important
}
.all-project-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:top center!important;
  transition:transform .32s ease!important
}
.all-project-card:hover .all-project-image img{transform:scale(1.03)!important}
.all-project-image:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:45%;
  background:linear-gradient(transparent,rgba(3,9,15,.42));
  pointer-events:none
}
.card-category-badge{
  z-index:2!important;
  top:11px!important;
  left:11px!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  font-size:9px!important;
  letter-spacing:.5px!important;
  background:rgba(3,17,28,.88)!important;
  border:1px solid #2aa2e7!important;
  color:#60c7ff!important
}
.soon-badge{
  z-index:2!important;
  top:11px!important;
  right:11px!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  font-size:9px!important;
  letter-spacing:.8px!important;
  background:rgba(5,14,23,.9)!important;
  border:1px solid #667d8d!important;
  color:#a8bcc8!important
}
.all-project-content{
  padding:17px!important
}
.all-project-content h2{
  font-size:20px!important;
  line-height:1.15!important;
  margin:0 0 8px!important
}
.all-project-content p{
  min-height:70px!important;
  margin:0 0 16px!important;
  color:#9ab0bd!important;
  font-size:12.5px!important
}
.project-card-footer{
  padding-top:12px;
  border-top:1px solid rgba(54,107,141,.18)
}
.project-type-chip{
  height:32px!important;
  border-color:#1d4966!important;
  background:#061825!important;
  color:#9eb7c6!important
}
.project-button.compact{
  height:34px!important;
  min-width:126px!important;
  border-radius:10px!important;
  font-size:10.5px!important
}
.project-button.compact:not(.disabled){
  background:linear-gradient(180deg,rgba(13,48,70,.8),rgba(7,28,42,.8))!important
}
.project-button.compact:not(.disabled):hover{
  background:#35adf5!important
}
.custom-placeholder{
  position:relative!important;
  overflow:hidden!important;
  margin:10px!important;
  width:calc(100% - 20px)!important;
  height:calc(100% - 20px)!important;
  border:1px dashed #3f6f8d!important;
  border-radius:12px!important;
  background:
    radial-gradient(circle at 50% 25%,rgba(61,162,224,.14),transparent 32%),
    linear-gradient(145deg,#0a1b29,#06121c)!important
}
.custom-placeholder:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(82,164,214,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(82,164,214,.035) 1px,transparent 1px);
  background-size:22px 22px
}
.placeholder-icon{
  position:relative;
  z-index:1;
  width:62px;height:62px;
  border-radius:18px;
  display:grid;place-items:center;
  margin:0 0 12px!important;
  font-size:28px!important;
  background:#0b2435;
  border:1px solid #356a8a;
  box-shadow:0 0 28px rgba(53,161,224,.08)
}
.custom-placeholder strong,
.custom-placeholder small{position:relative;z-index:1}
.custom-placeholder strong{font-size:14px!important}
.custom-placeholder small{font-size:10.5px!important;color:#7594a7!important}

.pagination-wrap{
  margin-top:28px!important;
  padding-top:18px;
  border-top:1px solid rgba(37,83,111,.25)
}
.pagination a,.disabled-page{
  height:38px!important;
  min-width:38px!important;
  border-radius:9px!important;
  background:#061724!important;
  border-color:#1b4c6b!important
}
.pagination a.active{
  background:linear-gradient(135deg,#2aa9ef,#167fde)!important;
  color:#031019!important
}
.projects-count{
  color:#7894a4!important
}
.projects-footer{
  border-top:1px solid #16354a!important;
  background:#030a11!important
}

@media(max-width:1200px){
  .all-projects-grid.four-per-page{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  .projects-version-badge{right:14px;top:10px}
  .projects-page-hero{padding:58px 0 30px!important}
  .projects-page-hero h1{font-size:44px!important}
  .all-projects-grid.four-per-page{grid-template-columns:1fr!important}
  .all-project-content p{min-height:0!important}
}

/* ===== WEBOLDALKÉSZÍTÉS V2 ===== */
.webbuild-section{
  position:relative;
  padding:82px 0!important;
  background:
    radial-gradient(circle at 9% 18%,rgba(33,153,225,.08),transparent 27%),
    radial-gradient(circle at 88% 70%,rgba(27,100,164,.08),transparent 28%),
    linear-gradient(180deg,#06111a,#07131c 52%,#061019)!important
}
.webbuild-section:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(60,142,195,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(60,142,195,.025) 1px,transparent 1px);
  background-size:46px 46px;
  mask-image:linear-gradient(to bottom,transparent,black 15%,black 85%,transparent)
}
.webbuild-section .container{position:relative;z-index:2}
.webbuild-head{
  display:grid;
  grid-template-columns:1.35fr .65fr;
  align-items:end;
  gap:50px;
  margin-bottom:34px
}
.webbuild-head h2{
  margin:7px 0 12px;
  font-size:42px;
  line-height:1.08;
  letter-spacing:-1.5px
}
.webbuild-head p{
  max-width:760px;
  margin:0;
  color:#9fb4c1;
  font-size:15px
}
.webbuild-note{
  justify-self:end;
  max-width:340px;
  padding:18px 20px;
  border:1px solid #1b455f;
  border-radius:14px;
  background:rgba(6,21,31,.72);
  transform:rotate(-1.5deg)
}
.webbuild-note span{
  display:block;
  color:#8eabba;
  font-size:12px;
  margin-bottom:5px
}
.webbuild-note strong{
  display:block;
  color:#cfe8f7;
  font-family:"Segoe Script","Bradley Hand",cursive;
  font-size:18px;
  line-height:1.25
}
.webbuild-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px
}
.webbuild-card{
  position:relative;
  min-height:285px;
  padding:18px;
  border:1px solid #193f59;
  border-radius:16px;
  background:
    linear-gradient(180deg,rgba(9,27,39,.95),rgba(5,17,26,.98));
  box-shadow:0 18px 38px rgba(0,0,0,.14);
  overflow:hidden;
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease
}
.webbuild-card:before{
  content:"";
  position:absolute;
  width:150px;
  height:150px;
  border-radius:50%;
  right:-75px;
  top:-75px;
  background:radial-gradient(circle,rgba(48,174,246,.14),transparent 68%)
}
.webbuild-card:hover{
  transform:translateY(-6px);
  border-color:#34adf5;
  box-shadow:0 26px 55px rgba(0,0,0,.28),0 0 0 1px rgba(52,173,245,.05)
}
.webbuild-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:27px
}
.webbuild-number{
  font-size:11px;
  font-weight:900;
  letter-spacing:1px;
  color:#4dbbff
}
.webbuild-tag{
  padding:5px 8px;
  border:1px solid #214b65;
  border-radius:999px;
  color:#7fa2b7;
  background:#071924;
  font-size:8px;
  font-weight:900;
  letter-spacing:.7px
}
.webbuild-icon{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  margin-bottom:18px;
  border-radius:16px;
  border:1px solid #285a78;
  background:linear-gradient(145deg,#0c3149,#081c2a);
  color:#63c7ff;
  font-size:24px;
  font-weight:900;
  box-shadow:0 12px 28px rgba(0,0,0,.18)
}
.webbuild-card h3{
  margin:0 0 9px;
  font-size:17px;
  line-height:1.2
}
.webbuild-card p{
  margin:0;
  color:#91a9b8;
  font-size:12.5px;
  line-height:1.55
}

.webbuild-process{
  margin-top:28px;
  padding:28px;
  border:1px solid #1a425c;
  border-radius:18px;
  background:
    radial-gradient(circle at 15% 50%,rgba(37,151,216,.07),transparent 25%),
    linear-gradient(135deg,#071824,#051019)
}
.process-intro{
  display:grid;
  grid-template-columns:auto 1fr;
  column-gap:28px;
  align-items:end;
  margin-bottom:24px
}
.process-intro .eyebrow{grid-column:1/-1}
.process-intro h3{
  margin:5px 0 0;
  font-size:26px
}
.process-intro p{
  justify-self:end;
  max-width:520px;
  margin:0;
  color:#8ea6b5;
  font-size:13px
}
.process-steps{
  display:grid;
  grid-template-columns:auto 1fr auto 1fr auto 1fr auto;
  align-items:center;
  gap:12px
}
.process-step{
  display:flex;
  gap:13px;
  align-items:flex-start;
  min-width:0
}
.process-step-number{
  flex:0 0 42px;
  height:42px;
  border-radius:12px;
  display:grid;
  place-items:center;
  border:1px solid #2b6a8f;
  background:#092438;
  color:#57c0ff;
  font-size:11px;
  font-weight:900
}
.process-step strong{
  display:block;
  font-size:12px;
  line-height:1.25;
  margin-top:2px
}
.process-step small{
  display:block;
  margin-top:5px;
  color:#7895a6;
  font-size:10px;
  line-height:1.35
}
.process-line{
  width:34px;
  height:1px;
  background:linear-gradient(90deg,#1e5575,#2d85b8)
}
.webbuild-cta{
  margin-top:28px;
  padding:24px 26px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:20px;
  border-radius:17px;
  border:1px solid #1f5272;
  background:
    radial-gradient(circle at 8% 50%,rgba(55,177,248,.12),transparent 20%),
    linear-gradient(135deg,#0a2232,#06131d);
  box-shadow:0 18px 40px rgba(0,0,0,.18)
}
.webbuild-cta-icon{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#1d6b99,#091923 70%);
  border:1px solid #2d6c8f;
  color:#63c9ff;
  font-size:25px
}
.webbuild-cta h3{
  margin:3px 0 4px;
  font-size:20px
}
.webbuild-cta p{
  margin:0;
  color:#91a9b8;
  font-size:12.5px
}

@media(max-width:1100px){
  .webbuild-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .webbuild-grid .webbuild-card:last-child{grid-column:1/-1}
  .process-steps{grid-template-columns:1fr 1fr;gap:18px}
  .process-line{display:none}
}
@media(max-width:760px){
  .webbuild-section{padding:62px 0!important}
  .webbuild-head{grid-template-columns:1fr;gap:20px}
  .webbuild-head h2{font-size:34px}
  .webbuild-note{justify-self:stretch;max-width:none}
  .webbuild-grid{grid-template-columns:1fr}
  .webbuild-grid .webbuild-card:last-child{grid-column:auto}
  .webbuild-card{min-height:0}
  .process-intro{grid-template-columns:1fr;gap:8px}
  .process-intro p{justify-self:start}
  .process-steps{grid-template-columns:1fr}
  .webbuild-cta{grid-template-columns:auto 1fr;padding:20px}
  .webbuild-cta .btn{grid-column:1/-1;width:100%}
}

/* ===== RÓLAM / YYN V2 ===== */
.about-yyn-section{
  position:relative;
  padding:82px 0!important;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 22%,rgba(41,154,224,.09),transparent 27%),
    radial-gradient(circle at 12% 82%,rgba(21,88,145,.08),transparent 25%),
    linear-gradient(180deg,#050e16,#07131d 52%,#050e16)!important
}
.about-yyn-section:before{
  content:"YYN";
  position:absolute;
  right:-25px;
  top:65px;
  font-size:240px;
  line-height:1;
  font-weight:1000;
  letter-spacing:-18px;
  color:rgba(59,167,231,.025);
  pointer-events:none
}
.about-yyn-section .container{position:relative;z-index:2}
.about-yyn-head{
  display:grid;
  grid-template-columns:1.35fr .65fr;
  gap:45px;
  align-items:end;
  margin-bottom:32px
}
.about-yyn-head h2{
  margin:7px 0 12px;
  font-size:43px;
  line-height:1.06;
  letter-spacing:-1.7px
}
.about-yyn-head h2 span{color:#44b6fa}
.about-yyn-head p{
  max-width:780px;
  margin:0;
  color:#9bb2c0;
  font-size:15px;
  line-height:1.65
}
.about-signature{
  justify-self:end;
  min-width:245px;
  padding:17px 20px;
  text-align:right;
  border-right:3px solid #36adf3;
  background:linear-gradient(90deg,transparent,rgba(17,57,82,.35))
}
.about-signature small{
  display:block;
  color:#7797aa;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:1.2px
}
.about-signature strong{
  display:block;
  margin:4px 0 1px;
  color:#d9eef9;
  font-family:"Segoe Script","Bradley Hand",cursive;
  font-size:25px;
  transform:rotate(-2deg)
}
.about-signature span{
  color:#3eb5fa;
  font-size:10px;
  font-weight:900;
  letter-spacing:2px
}

.about-yyn-layout{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:18px
}
.about-story-card{
  overflow:hidden;
  border:1px solid #1b4865;
  border-radius:18px;
  background:linear-gradient(180deg,#071824,#051019);
  box-shadow:0 24px 55px rgba(0,0,0,.18)
}
.about-terminal-top{
  height:43px;
  padding:0 15px;
  display:flex;
  align-items:center;
  gap:13px;
  border-bottom:1px solid #163b54;
  background:#08141e;
  color:#7997aa;
  font:10px ui-monospace,SFMono-Regular,Consolas,monospace
}
.terminal-dots{display:flex;gap:5px}
.terminal-dots i{
  display:block;width:7px;height:7px;border-radius:50%;background:#315368
}
.terminal-dots i:first-child{background:#4e9fcf}
.about-terminal-top b{
  margin-left:auto;
  color:#47bd86;
  font-size:8px;
  letter-spacing:1px
}
.about-terminal-body{
  padding:23px 20px 21px;
  background:
    linear-gradient(rgba(62,151,207,.025) 1px,transparent 1px),
    #06131d;
  background-size:100% 27px;
  font:12px/1.85 ui-monospace,SFMono-Regular,Consolas,monospace
}
.about-code-line{display:flex;gap:16px;color:#a9c3d3}
.about-code-line em{
  width:20px;
  flex:0 0 20px;
  color:#36586c;
  font-style:normal;
  user-select:none
}
.about-code-line b{color:#59bfff;font-weight:600}
.about-code-line q{color:#8bd7aa}
.about-code-line .muted{color:#537487}
.about-story-copy{
  padding:20px 22px 22px;
  border-top:1px solid #15384e
}
.about-story-copy h3{margin:0 0 7px;font-size:20px}
.about-story-copy p{
  margin:0;
  color:#8fa7b6;
  font-size:12.5px;
  line-height:1.6
}
.about-info-stack{display:grid;gap:12px}
.about-info-card{
  min-height:126px;
  padding:18px;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:15px;
  align-items:start;
  border:1px solid #193f59;
  border-radius:15px;
  background:linear-gradient(145deg,#081a27,#05111a);
  transition:.22s ease
}
.about-info-card:hover{
  transform:translateX(5px);
  border-color:#329fdf
}
.about-info-icon{
  width:48px;height:48px;
  display:grid;place-items:center;
  border-radius:13px;
  border:1px solid #285c7b;
  background:#0a2638;
  color:#5cc3ff;
  font-size:21px;
  font-weight:900
}
.about-info-card small{
  color:#48b6f7;
  font-size:8px;
  font-weight:900;
  letter-spacing:1px
}
.about-info-card h3{margin:3px 0 5px;font-size:16px}
.about-info-card p{
  margin:0;
  color:#879fad;
  font-size:11.5px;
  line-height:1.45
}

.about-tech-strip{
  margin-top:18px;
  padding:18px 20px;
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:28px;
  border:1px solid #193e57;
  border-radius:15px;
  background:rgba(5,17,26,.75)
}
.about-tech-title strong{
  display:block;
  margin-top:3px;
  font-size:13px
}
.about-tech-list{
  display:flex;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:8px
}
.about-tech-list span{
  padding:8px 12px;
  border-radius:9px;
  border:1px solid #20506e;
  background:#071b29;
  color:#9fc2d7;
  font:10px ui-monospace,SFMono-Regular,Consolas,monospace;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02)
}
.about-bottom-line{
  margin-top:18px;
  padding:22px 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border-radius:16px;
  border:1px solid #205170;
  background:
    radial-gradient(circle at 12% 50%,rgba(49,169,235,.11),transparent 22%),
    linear-gradient(135deg,#092131,#06121c)
}
.about-bottom-line h3{margin:3px 0 0;font-size:20px}

@media(max-width:900px){
  .about-yyn-head,.about-yyn-layout{grid-template-columns:1fr}
  .about-signature{justify-self:start;text-align:left;border-right:0;border-left:3px solid #36adf3}
  .about-tech-strip{grid-template-columns:1fr}
  .about-tech-list{justify-content:flex-start}
}
@media(max-width:620px){
  .about-yyn-section{padding:62px 0!important}
  .about-yyn-head h2{font-size:34px}
  .about-yyn-section:before{font-size:150px;right:-20px}
  .about-terminal-body{padding:18px 13px;font-size:10px;overflow-x:auto}
  .about-code-line{gap:9px;white-space:nowrap}
  .about-info-card{grid-template-columns:auto 1fr}
  .about-bottom-line{align-items:flex-start;flex-direction:column}
  .about-bottom-line .btn{width:100%}
}

/* ===== KAPCSOLAT + FOOTER V2 ===== */
.contact-yyn-section{
  position:relative;
  padding:76px 0 70px!important;
  background:
    radial-gradient(circle at 76% 35%,rgba(45,163,231,.08),transparent 30%),
    linear-gradient(180deg,#06111a,#050d15)!important;
  overflow:hidden
}
.contact-yyn-section:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(56,145,199,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(56,145,199,.022) 1px,transparent 1px);
  background-size:44px 44px;
  pointer-events:none
}
.contact-yyn-shell{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:55px;
  align-items:center;
  padding:34px;
  border:1px solid #1a4662;
  border-radius:20px;
  background:
    radial-gradient(circle at 10% 45%,rgba(48,176,245,.11),transparent 24%),
    linear-gradient(135deg,rgba(8,29,43,.96),rgba(5,16,25,.98));
  box-shadow:0 25px 65px rgba(0,0,0,.22)
}
.contact-yyn-copy h2{
  margin:7px 0 12px;
  font-size:44px;
  line-height:1.04;
  letter-spacing:-1.8px
}
.contact-yyn-copy h2 span{color:#42b7fb}
.contact-yyn-copy p{
  max-width:650px;
  margin:0;
  color:#9eb4c1;
  font-size:14px;
  line-height:1.65
}
.contact-mini-points{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:20px
}
.contact-mini-points span{
  padding:7px 10px;
  border:1px solid #1d4966;
  border-radius:999px;
  background:#071a27;
  color:#83a8bd;
  font-size:9px;
  font-weight:800
}
.contact-yyn-actions{
  display:grid;
  grid-template-columns:1fr;
  gap:12px
}
.contact-main-btn,
.contact-mail-card{
  text-decoration:none
}
.contact-main-btn{
  min-height:82px;
  padding:0 20px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:15px;
  align-items:center;
  border-radius:15px;
  border:1px solid #42b9ff;
  background:
    linear-gradient(135deg,#34b5fb,#2199e9);
  color:#03111b;
  box-shadow:0 16px 35px rgba(33,154,232,.18);
  transition:.22s ease
}
.contact-main-btn:hover{
  transform:translateY(-3px);
  box-shadow:0 20px 42px rgba(33,154,232,.28)
}
.contact-btn-icon{
  width:44px;height:44px;
  display:grid;place-items:center;
  border-radius:12px;
  background:rgba(1,18,29,.12);
  border:1px solid rgba(3,17,27,.16);
  font-size:20px
}
.contact-main-btn small{
  display:block;
  margin-bottom:2px;
  font-size:8px;
  font-weight:900;
  letter-spacing:1px;
  opacity:.72
}
.contact-main-btn strong{
  display:block;
  font-size:16px
}
.contact-main-btn b{font-size:23px}
.contact-mail-card{
  min-height:74px;
  padding:0 18px;
  display:flex;
  align-items:center;
  gap:14px;
  border:1px solid #204b66;
  border-radius:14px;
  background:linear-gradient(145deg,#081b28,#06121c);
  color:#d7e8f2;
  transition:.22s ease
}
.contact-mail-card:hover{
  border-color:#37aef0;
  transform:translateY(-2px)
}
.contact-mail-icon{
  width:43px;height:43px;
  display:grid;place-items:center;
  border-radius:11px;
  border:1px solid #275978;
  background:#092336;
  color:#5bc3ff;
  font-size:19px
}
.contact-mail-card small{
  display:block;
  color:#6f92a7;
  font-size:8px;
  font-weight:900;
  letter-spacing:1px
}
.contact-mail-card strong{
  display:block;
  margin-top:3px;
  font-size:14px
}

/* footer */
.yyn-footer{
  padding:0!important;
  border-top:1px solid #15374d!important;
  background:#030a11!important
}
.yyn-footer-main{
  min-height:130px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:30px;
  align-items:center
}
.footer-brand{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none
}
.footer-brand-mark{
  font-size:34px;
  line-height:1;
  font-weight:1000;
  font-style:italic;
  letter-spacing:-4px;
  color:#2faeff
}
.footer-brand strong{
  display:block;
  color:#e8f4fa;
  font-size:20px;
  line-height:1
}
.footer-brand strong span{color:#38b4fb}
.footer-brand small{
  display:block;
  margin-top:5px;
  color:#668697;
  font-size:9px
}
.footer-center-note{
  text-align:center;
  padding:0 28px;
  border-left:1px solid #18384c;
  border-right:1px solid #18384c
}
.footer-center-note span{
  display:block;
  color:#9cb9ca;
  font-family:"Segoe Script","Bradley Hand",cursive;
  font-size:15px
}
.footer-center-note small{
  display:block;
  margin-top:5px;
  color:#4a7087;
  font-size:8px;
  letter-spacing:1px
}
.footer-nav{
  justify-self:end;
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:14px
}
.footer-nav a{
  color:#7895a6;
  font-size:10px;
  text-decoration:none;
  transition:.2s
}
.footer-nav a:hover{color:#4dbdff}
.yyn-footer-bottom{
  min-height:45px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border-top:1px solid #102a3a;
  color:#587687;
  font-size:9px
}
.footer-status{
  display:flex;
  align-items:center;
  gap:7px;
  color:#66889a
}
.footer-status i{
  width:7px;height:7px;
  display:block;
  border-radius:50%;
  background:#42bf85;
  box-shadow:0 0 10px rgba(66,191,133,.45)
}

@media(max-width:900px){
  .contact-yyn-shell{grid-template-columns:1fr;gap:28px}
  .yyn-footer-main{grid-template-columns:1fr;text-align:center;padding:28px 0}
  .footer-brand{justify-content:center}
  .footer-center-note{border:0;padding:0}
  .footer-nav{justify-self:center;justify-content:center}
}
@media(max-width:620px){
  .contact-yyn-section{padding:58px 0!important}
  .contact-yyn-shell{padding:22px}
  .contact-yyn-copy h2{font-size:36px}
  .contact-mini-points{gap:6px}
  .yyn-footer-bottom{flex-direction:column;justify-content:center;padding:12px 0;text-align:center}
}

/* ===== KAPCSOLAT OLDAL + TELEFON ===== */
.contact-phone-card{cursor:default}

.contact-page{
  background:#030a11;
  color:#e8f4fa
}
.contact-page-main{
  min-height:calc(100vh - 180px)
}
.contact-page-hero{
  position:relative;
  padding:72px 0 38px;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 22%,rgba(40,160,230,.13),transparent 27%),
    linear-gradient(180deg,#06131d,#051019)
}
.contact-page-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(59,151,205,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(59,151,205,.03) 1px,transparent 1px);
  background-size:42px 42px;
  pointer-events:none
}
.contact-page-heading{position:relative;z-index:2;max-width:820px}
.contact-page-heading h1{
  margin:7px 0 13px;
  font-size:56px;
  line-height:1.02;
  letter-spacing:-2.4px
}
.contact-page-heading h1 span{color:#43b8fb}
.contact-page-heading p{
  margin:0;
  max-width:760px;
  color:#9eb4c1;
  font-size:15px;
  line-height:1.65
}
.contact-page-content{
  padding:32px 0 72px;
  background:
    radial-gradient(circle at 15% 40%,rgba(24,105,160,.07),transparent 28%),
    #040c14
}
.contact-page-grid{
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:18px;
  align-items:start
}
.contact-side-card,
.contact-form-card{
  border:1px solid #1a4662;
  border-radius:18px;
  background:linear-gradient(180deg,#071824,#051019);
  box-shadow:0 24px 55px rgba(0,0,0,.2)
}
.contact-side-card{padding:23px}
.contact-side-top h2,
.contact-form-head h2{
  margin:5px 0 7px;
  font-size:25px
}
.contact-side-top p{
  margin:0 0 21px;
  color:#8fa8b7;
  font-size:12.5px;
  line-height:1.55
}
.contact-detail-card{
  min-height:72px;
  margin-top:10px;
  padding:0 15px;
  display:flex;
  align-items:center;
  gap:13px;
  border:1px solid #1f4a65;
  border-radius:13px;
  background:#061724;
  color:#dcecf5;
  text-decoration:none;
  transition:.2s
}
a.contact-detail-card:hover{
  transform:translateX(4px);
  border-color:#36acf0
}
.contact-detail-icon{
  width:42px;height:42px;
  display:grid;place-items:center;
  border-radius:11px;
  background:#0a2537;
  border:1px solid #2a5e7c;
  color:#59c2ff;
  font-size:18px
}
.contact-detail-card small{
  display:block;
  color:#6f90a3;
  font-size:8px;
  font-weight:900;
  letter-spacing:1px
}
.contact-detail-card strong{
  display:block;
  margin-top:3px;
  font-size:14px
}
.contact-side-note{
  margin-top:18px;
  padding:16px;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px;
  border-radius:13px;
  border:1px solid #1a4662;
  background:
    radial-gradient(circle at 10% 30%,rgba(55,179,245,.1),transparent 35%),
    #071722
}
.contact-side-note>span{
  color:#50bdff;
  font-size:21px
}
.contact-side-note strong{font-size:12px}
.contact-side-note p{
  margin:4px 0 0;
  color:#7996a8;
  font-size:10.5px;
  line-height:1.45
}

.contact-form-card{padding:24px}
.contact-form-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  padding-bottom:18px;
  margin-bottom:19px;
  border-bottom:1px solid #17394f
}
.contact-form-status{
  display:flex;
  align-items:center;
  gap:7px;
  color:#7394a7;
  font-size:9px
}
.contact-form-status i{
  width:7px;height:7px;border-radius:50%;
  background:#41bd85;
  box-shadow:0 0 10px rgba(65,189,133,.42)
}
.yyn-contact-form{display:grid;gap:14px}
.form-grid-2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:13px
}
.form-field{display:grid;gap:7px}
.form-field>span{
  color:#8ca8b8;
  font-size:10px;
  font-weight:800
}
.form-field>span b{color:#45b9fc}
.form-field input,
.form-field textarea{
  width:100%;
  border:1px solid #1e4b67;
  border-radius:11px;
  outline:0;
  background:#061622;
  color:#e7f4fa;
  font:inherit;
  font-size:12px;
  transition:.2s
}
.form-field input{height:46px;padding:0 13px}
.form-field textarea{
  padding:13px;
  resize:vertical;
  min-height:160px;
  line-height:1.5
}
.form-field input::placeholder,
.form-field textarea::placeholder{color:#486a7e}
.form-field input:focus,
.form-field textarea:focus{
  border-color:#38aff5;
  box-shadow:0 0 0 3px rgba(56,175,245,.08)
}
.form-consent{
  display:flex;
  gap:9px;
  align-items:flex-start;
  color:#748fa0;
  font-size:9.5px;
  line-height:1.45
}
.form-consent input{
  margin-top:2px;
  accent-color:#2daaf1
}
.contact-submit{
  height:50px;
  padding:0 18px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:11px;
  align-items:center;
  border:1px solid #4bc1ff;
  border-radius:12px;
  background:linear-gradient(135deg,#38b8fb,#1c92e4);
  color:#03111a;
  cursor:pointer;
  font:inherit;
  font-size:12px;
  box-shadow:0 14px 30px rgba(34,154,232,.16);
  transition:.2s
}
.contact-submit:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 38px rgba(34,154,232,.25)
}
.contact-submit b{font-size:18px}
.form-message{
  margin-bottom:16px;
  padding:13px 15px;
  border-radius:11px;
  display:grid;
  gap:3px;
  font-size:11px
}
.form-message.success{
  border:1px solid rgba(65,189,133,.45);
  background:rgba(65,189,133,.08);
  color:#9be2bd
}
.form-message.error{
  border:1px solid rgba(230,101,101,.42);
  background:rgba(230,101,101,.07);
  color:#edaaaa
}
.form-honeypot{
  position:absolute!important;
  left:-10000px!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important
}

@media(max-width:900px){
  .contact-page-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .contact-page-hero{padding:55px 0 30px}
  .contact-page-heading h1{font-size:39px}
  .contact-form-card,.contact-side-card{padding:19px}
  .form-grid-2{grid-template-columns:1fr}
  .contact-form-head{flex-direction:column}
}

/* Kapcsolat - témaválasztó */
.form-field select{
  width:100%;
  height:46px;
  padding:0 42px 0 13px;
  border:1px solid #1e4b67;
  border-radius:11px;
  outline:0;
  background-color:#061622;
  color:#e7f4fa;
  font:inherit;
  font-size:12px;
  cursor:pointer;
  transition:.2s;
  appearance:none;
  -webkit-appearance:none;
  background-image:
    linear-gradient(45deg,transparent 50%,#4ebcff 50%),
    linear-gradient(135deg,#4ebcff 50%,transparent 50%);
  background-position:
    calc(100% - 18px) 19px,
    calc(100% - 13px) 19px;
  background-size:5px 5px,5px 5px;
  background-repeat:no-repeat
}
.form-field select:focus{
  border-color:#38aff5;
  box-shadow:0 0 0 3px rgba(56,175,245,.08)
}
.form-field select option{
  background:#071824;
  color:#e7f4fa
}

/* ===== HERO: YzarcYmot logó a YY jelvény helyén ===== */
.yy-badge.yzarcymot-hero-logo{
  width:122px!important;
  height:122px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:50%!important;
  overflow:visible!important;
  display:grid!important;
  place-items:center!important;
}
.yy-badge.yzarcymot-hero-logo::before,
.yy-badge.yzarcymot-hero-logo::after{
  display:none!important;
}
.yzarcymot-hero-logo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:50%;
  filter:drop-shadow(0 0 18px rgba(34,166,255,.30));
  transition:transform .25s ease,filter .25s ease;
}
.yzarcymot-hero-logo:hover img{
  transform:scale(1.045);
  filter:drop-shadow(0 0 24px rgba(34,166,255,.45));
}
@media(max-width:760px){
  .yy-badge.yzarcymot-hero-logo{
    width:94px!important;
    height:94px!important;
  }
}

/* ===== LAP TETEJÉRE + GÖRGETÉSI SZÁZALÉK ===== */
.scroll-top-progress{
  --scroll-progress:0deg;
  position:fixed;
  right:24px;
  bottom:24px;
  width:64px;
  height:64px;
  padding:0;
  border:0;
  border-radius:50%;
  display:grid;
  place-items:center;
  z-index:999;
  cursor:pointer;
  background:conic-gradient(#3ab7ff var(--scroll-progress), #123247 0deg);
  box-shadow:
    0 12px 30px rgba(0,0,0,.35),
    0 0 0 1px rgba(67,183,251,.16),
    0 0 24px rgba(45,169,241,.12);
  opacity:0;
  visibility:hidden;
  transform:translateY(12px) scale(.92);
  transition:opacity .22s ease,transform .22s ease,visibility .22s ease,box-shadow .22s ease
}
.scroll-top-progress.is-visible{
  opacity:1;
  visibility:visible;
  transform:translateY(0) scale(1)
}
.scroll-top-progress:hover{
  box-shadow:
    0 15px 34px rgba(0,0,0,.42),
    0 0 0 1px rgba(75,190,255,.28),
    0 0 30px rgba(45,169,241,.22)
}
.scroll-top-progress:active{transform:scale(.96)}
.scroll-top-progress::before{
  content:"";
  position:absolute;
  inset:4px;
  border-radius:50%;
  background:
    radial-gradient(circle at 35% 28%,rgba(50,134,180,.22),transparent 34%),
    #06131d;
  border:1px solid #1c4b67;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)
}
.scroll-progress-ring{
  position:absolute;
  inset:0;
  border-radius:50%;
  pointer-events:none
}
.scroll-progress-content{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:auto auto;
  align-items:end;
  justify-content:center;
  line-height:1
}
.scroll-progress-content b{
  color:#e8f7ff;
  font-size:17px;
  font-weight:900;
  letter-spacing:-.5px
}
.scroll-progress-content small{
  margin:0 0 1px 1px;
  color:#66c8ff;
  font-size:8px;
  font-weight:900
}
.scroll-progress-content i{
  grid-column:1/-1;
  margin-top:3px;
  color:#4ebeff;
  font-size:14px;
  font-style:normal;
  font-weight:900
}
@media(max-width:760px){
  .scroll-top-progress{
    right:14px;
    bottom:14px;
    width:56px;
    height:56px
  }
  .scroll-progress-content b{font-size:15px}
}

/* Görgetésjelző: csak nyíl a kör közepén */
.scroll-progress-content{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
}
.scroll-progress-content i{
  grid-column:auto!important;
  margin:0!important;
  color:#55c1ff!important;
  font-size:24px!important;
  line-height:1!important;
  font-style:normal!important;
  font-weight:900!important;
}


/* ===== RÓLAM MONDTÁK / ÜGYFÉLVÉLEMÉNYEK ===== */
.testimonials-section{
  position:relative;
  overflow:hidden;
  padding:76px 0 72px;
  border-top:1px solid rgba(39,92,126,.28);
  background:
    radial-gradient(circle at 12% 35%,rgba(45,168,235,.08),transparent 26%),
    radial-gradient(circle at 88% 72%,rgba(32,102,162,.07),transparent 24%),
    linear-gradient(180deg,#050e16 0%,#06131d 100%);
}
.testimonials-section::after{
  content:"“";
  position:absolute;
  right:4%;
  top:-82px;
  color:rgba(77,190,251,.035);
  font:340px/1 Georgia,serif;
  pointer-events:none;
}
.testimonials-section .container{position:relative;z-index:1}
.testimonials-head{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr);
  gap:42px;
  align-items:end;
  margin-bottom:28px;
}
.testimonials-head h2{
  margin:7px 0 11px;
  max-width:760px;
  font-size:clamp(32px,4vw,43px);
  line-height:1.06;
  letter-spacing:-1.6px;
}
.testimonials-head h2 span{color:#43b9fc}
.testimonials-head p{
  max-width:720px;
  margin:0;
  color:#8fa9b8;
  font-size:14px;
  line-height:1.65;
}
.testimonials-handnote{
  justify-self:end;
  padding:15px 18px;
  border:1px solid #1d4b67;
  border-radius:14px;
  background:rgba(6,21,31,.74);
  color:#7897a9;
  font-size:10px;
  line-height:1.5;
  transform:rotate(-1.3deg);
}
.testimonials-handnote strong{
  color:#cce9f7;
  font-family:"Segoe Script","Bradley Hand",cursive;
  font-size:17px;
  font-weight:500;
}
.testimonials-coming{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:24px;
  align-items:center;
  min-height:188px;
  padding:29px 31px;
  border:1px solid #1c4d69;
  border-radius:18px;
  background:
    radial-gradient(circle at 8% 50%,rgba(55,181,247,.12),transparent 22%),
    linear-gradient(135deg,#092232,#06131c);
  box-shadow:0 22px 52px rgba(0,0,0,.18);
}
.testimonials-coming-icon{
  width:68px;
  height:68px;
  display:grid;
  place-items:center;
  border:1px solid #2b698d;
  border-radius:18px;
  background:linear-gradient(145deg,#0c3047,#081b28);
  color:#55c1ff;
  font:46px/1 Georgia,serif;
  box-shadow:0 0 26px rgba(45,165,234,.11);
}
.testimonials-coming-text h3{
  margin:4px 0 7px;
  color:#e5f5fd;
  font-size:21px;
}
.testimonials-coming-text p{
  max-width:690px;
  margin:0;
  color:#829eae;
  font-size:12px;
  line-height:1.6;
}
.testimonials-trust{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
}
.testimonials-trust span{
  padding:7px 11px;
  border:1px solid #214e69;
  border-radius:999px;
  background:#071b28;
  color:#8eafc0;
  font-size:9px;
  font-weight:800;
  white-space:nowrap;
}

/* A későbbi valódi vélemények kártyáihoz */
.testimonials-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.testimonial-card{
  padding:23px;
  border:1px solid #1a4561;
  border-radius:16px;
  background:linear-gradient(145deg,#081b28,#051019);
  box-shadow:0 18px 42px rgba(0,0,0,.17);
}
.testimonial-stars{
  margin-bottom:15px;
  color:#4dbdff;
  font-size:12px;
  letter-spacing:3px;
}
.testimonial-card blockquote{
  margin:0;
  min-height:100px;
  color:#b5cad6;
  font-size:13px;
  line-height:1.7;
}
.testimonial-person{
  display:flex;
  gap:11px;
  align-items:center;
  margin-top:19px;
  padding-top:16px;
  border-top:1px solid rgba(40,88,116,.32);
}
.testimonial-avatar{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border:1px solid #2c6688;
  border-radius:50%;
  background:#0a2738;
  color:#5cc4ff;
  font-size:14px;
  font-weight:900;
}
.testimonial-person strong{display:block;font-size:12px}
.testimonial-person small{display:block;margin-top:3px;color:#718fa1;font-size:9px}

@media(max-width:900px){
  .testimonials-head{grid-template-columns:1fr;gap:20px}
  .testimonials-handnote{justify-self:start}
  .testimonials-coming{grid-template-columns:auto 1fr}
  .testimonials-trust{grid-column:1/-1;flex-direction:row;flex-wrap:wrap}
  .testimonials-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .testimonials-section{padding:58px 0 56px}
  .testimonials-coming{grid-template-columns:1fr;padding:22px}
  .testimonials-coming-icon{width:58px;height:58px}
  .testimonials-trust{grid-column:auto}
}


/* ===== WEBOLDALKÉSZÍTÉS – EGYSÉGES SVG IKONOK ===== */
.webbuild-svg-icon{
  position:relative;
  display:grid!important;
  place-items:center!important;
  overflow:hidden;
}
.webbuild-svg-icon::after{
  content:"";
  position:absolute;
  width:34px;
  height:34px;
  border-radius:50%;
  background:rgba(58,183,255,.09);
  filter:blur(10px);
  pointer-events:none;
}
.webbuild-svg-icon svg{
  position:relative;
  z-index:1;
  width:29px;
  height:29px;
  fill:none;
  stroke:#55c3ff;
  stroke-width:2.15;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 7px rgba(65,187,255,.28));
  transition:transform .22s ease,filter .22s ease;
}
.webbuild-card:hover .webbuild-svg-icon svg{
  transform:scale(1.08);
  filter:drop-shadow(0 0 10px rgba(65,187,255,.42));
}


/* ===== YYN.HU LOGÓ – FEJLÉC + LÁBLÉC, MINDEN OLDAL ===== */
.header-yyn-logo{
  display:block;
  width:auto;
  height:42px;
  max-width:190px;
  object-fit:contain;
  object-position:left center;
  filter:drop-shadow(0 0 7px rgba(45,185,255,.16));
}
.footer-yyn-logo{
  display:block;
  width:auto;
  height:38px;
  max-width:175px;
  object-fit:contain;
  object-position:left center;
  filter:drop-shadow(0 0 7px rgba(45,185,255,.13));
}
@media(max-width:760px){
  .header-yyn-logo{
    height:34px;
    max-width:155px;
  }
  .footer-yyn-logo{
    height:32px;
    max-width:145px;
  }
}