*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b1420;color:#f8fafc;font-family:Manrope,Arial,sans-serif;line-height:1.6}.container{width:min(1160px,calc(100% - 40px));margin:auto}.nav-wrap{position:sticky;top:0;z-index:50;background:rgba(11,20,32,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.07)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-weight:800;font-size:19px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#65c5ef,#1d4f91);font-size:21px}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a,footer a{color:#cbd5e1;text-decoration:none}.nav-links a:hover,footer a:hover{color:#fff}.menu-btn{display:none;background:none;border:0;color:#fff;font-size:26px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:14px 22px;border-radius:12px;background:#2b79ff;color:white!important;text-decoration:none;font-weight:800;border:1px solid #2b79ff;cursor:pointer;font:inherit}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn-small{padding:10px 16px}.btn-ghost{background:transparent;border-color:#334155}.hero{min-height:720px;display:grid;grid-template-columns:1.08fr .92fr;gap:58px;align-items:center;padding-top:75px;padding-bottom:75px}.badge,.eyebrow{display:inline-block;color:#74b8ff;font-size:12px;letter-spacing:.14em;font-weight:800}.badge{padding:8px 12px;border:1px solid rgba(116,184,255,.25);border-radius:999px;background:rgba(43,121,255,.08)}h1{font-size:clamp(44px,6vw,77px);line-height:1.04;letter-spacing:-.055em;margin:20px 0}h1 span{color:#74b8ff}.hero-copy>p{font-size:19px;color:#aebdce;max-width:650px}.hero-actions{display:flex;gap:12px;margin:31px 0}.hero-points{display:flex;flex-wrap:wrap;gap:18px;color:#9fb0c4;font-size:13px}.hero-card{position:relative}.hero-card:before{content:"";position:absolute;inset:15% -5%;background:#2b79ff;filter:blur(110px);opacity:.24}.browser{position:relative;border-radius:20px;overflow:hidden;background:#f8fafc;color:#0f172a;border:1px solid rgba(255,255,255,.15);box-shadow:0 30px 80px rgba(0,0,0,.42);transform:rotate(2deg)}.browser-top{height:46px;background:#e7edf4;display:flex;align-items:center;gap:7px;padding:0 14px;color:#64748b;font-size:11px}.browser-top i{width:9px;height:9px;background:#94a3b8;border-radius:50%}.browser-top span{margin-left:8px}.browser-content{padding:58px 42px 44px;background:linear-gradient(145deg,#fff,#e8f4ff)}.mini-badge{font-size:10px;font-weight:800;color:#2563eb}.browser-content h2{font-size:40px;line-height:1.05;letter-spacing:-.04em;margin:13px 0}.browser-content p{color:#64748b}.mock-button{width:135px;height:39px;background:#2563eb;border-radius:9px;margin:25px 0}.mock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mock-grid div{height:90px;border-radius:12px;background:#cbdff4}.section{padding:115px 0}.alt{background:#0e1a28;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.section-head{max-width:760px;margin-bottom:48px}.section-head h2,.cta h2{font-size:clamp(34px,4.5vw,56px);line-height:1.08;letter-spacing:-.04em;margin:13px 0}.section-head p,.cta p{color:#9fb0c4}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:31px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.025)}.card:hover{transform:translateY(-5px);border-color:rgba(116,184,255,.35)}.card-icon{color:#74b8ff;font-weight:800;margin-bottom:48px}.card h3{font-size:22px}.card p,.step p,.project-info p,.benefit span,footer p{color:#94a3b8}.portfolio{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project{overflow:hidden;border-radius:18px;background:#101f30;border:1px solid rgba(255,255,255,.08)}.project-visual{height:300px;display:grid;place-items:center;font-weight:800;font-size:38px;letter-spacing:.05em}.garage{background:linear-gradient(135deg,#13263b,#367bb4)}.barber{background:linear-gradient(135deg,#261d18,#9a6f49)}.restaurant{background:linear-gradient(135deg,#301b22,#ba5a78)}.project-info{padding:22px}.project-info h3{margin:0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.step{padding:25px;border-top:1px solid #38506a}.step b{color:#74b8ff;font-size:13px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.benefit{padding:26px;border-radius:16px;background:#132337;display:flex;flex-direction:column;gap:8px}.benefit strong{font-size:20px}.faq{max-width:860px}.faq details{border-bottom:1px solid #26384d;padding:22px 0}.faq summary{cursor:pointer;font-weight:700;font-size:18px}.faq p{color:#9fb0c4}.cta{margin-top:70px;margin-bottom:100px;padding:60px;border-radius:24px;background:linear-gradient(135deg,#12253b,#0e1a28);border:1px solid rgba(116,184,255,.2);display:grid;grid-template-columns:1fr .8fr;gap:50px}.contact-form{display:grid;gap:15px}.contact-form label{display:grid;gap:7px;font-size:13px;color:#cbd5e1}.contact-form input,.contact-form textarea{width:100%;border:1px solid #334a64;background:#0b1420;color:white;border-radius:10px;padding:13px;font:inherit}.contact-form small{color:#718399}footer{padding:45px 0;border-top:1px solid rgba(255,255,255,.08)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:30px}.footer-grid>div:nth-child(2){display:flex;flex-direction:column;gap:8px}.reveal{opacity:0;transform:translateY(22px);transition:.65s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:850px){.menu-btn{display:block}.nav-links{display:none;position:absolute;top:76px;left:20px;right:20px;padding:20px;background:#101f30;border:1px solid #26384d;border-radius:15px;flex-direction:column}.nav-links.open{display:flex}.hero{grid-template-columns:1fr;min-height:auto;padding-top:65px}.hero-card{max-width:600px}.cards,.portfolio{grid-template-columns:1fr}.steps,.benefits{grid-template-columns:repeat(2,1fr)}.cta{grid-template-columns:1fr;padding:35px}.footer-grid{grid-template-columns:1fr}}@media(max-width:520px){.container{width:min(100% - 26px,1160px)}h1{font-size:43px}.hero-actions{flex-direction:column}.hero-points{flex-direction:column;gap:8px}.browser-content{padding:38px 24px}.browser-content h2{font-size:31px}.steps,.benefits{grid-template-columns:1fr}.section{padding:80px 0}.cta{margin-bottom:60px}}

.contact-form select{width:100%;border:1px solid #334a64;background:#0b1420;color:white;border-radius:10px;padding:13px;font:inherit}
.hidden-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.consent{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:10px!important}
.consent input{width:auto!important;margin-top:4px}
.consent span{color:#9fb0c4;font-size:12px}

.thanks-page{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at top,#152b43,#0b1420 60%)}
.thanks-card{width:min(620px,100%);padding:55px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:rgba(16,31,48,.85);text-align:center;box-shadow:0 30px 90px rgba(0,0,0,.35)}
.thanks-card .brand{justify-content:center;margin-bottom:35px}
.thanks-icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:0 auto 25px;background:#2b79ff;font-size:34px;font-weight:800}
.thanks-card h1{font-size:clamp(38px,7vw,62px);margin:0 0 18px}
.thanks-card p{color:#9fb0c4;margin-bottom:30px}


.form-submit:disabled {
  opacity: .65;
  cursor: wait;
  transform: none;
}

.form-status {
  display: none;
  gap: 5px;
  padding: 15px 17px;
  border-radius: 12px;
  font-size: 14px;
  line-height: 1.5;
}

.form-status strong,
.form-status span {
  display: block;
}

.form-status.success {
  display: block;
  border: 1px solid rgba(52, 211, 153, .35);
  background: rgba(52, 211, 153, .1);
  color: #d1fae5;
  animation: status-in .3s ease;
}

.form-status.error {
  display: block;
  border: 1px solid rgba(248, 113, 113, .35);
  background: rgba(248, 113, 113, .1);
  color: #fee2e2;
  animation: status-in .3s ease;
}

@keyframes status-in {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.project{overflow:hidden}
.project-link{display:block;color:inherit;text-decoration:none;height:100%}
.project-visual{position:relative;min-height:245px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:28px;overflow:hidden}
.project-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(3,8,15,.82));z-index:0}
.project-visual>*{position:relative;z-index:1}
.project-visual strong{font-size:clamp(34px,5vw,54px);letter-spacing:-2px;line-height:1}
.project-visual small{margin-top:8px;color:rgba(255,255,255,.75)}
.project-badge{margin-bottom:auto;padding:7px 10px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(5,10,18,.28);backdrop-filter:blur(8px);font-size:10px;font-weight:800;letter-spacing:1.5px}
.project-info{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.project-info h3{margin-bottom:7px}
.project-info p{margin:0}
.project-button{font-size:13px;font-weight:800;color:#8bb7ff}
.project-link:hover .project-button{color:white}
.project-link:hover .project-visual{transform:scale(1.015)}
.project-visual{transition:transform .35s ease}
.garage{background:
radial-gradient(circle at 82% 18%,rgba(255,91,62,.55),transparent 28%),
linear-gradient(135deg,#111827,#26384e)}
.barber{background:
linear-gradient(115deg,rgba(212,175,55,.16),transparent 42%),
repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 2px,transparent 2px 12px),
#17130f}
.restaurant{background:
radial-gradient(circle at 76% 22%,rgba(196,132,72,.42),transparent 27%),
linear-gradient(135deg,#18352b,#0d1915)}

/* Czytelniejsze kafelki realizacji */
.project{background:#ffffff!important;border:1px solid #dfe3e8!important}
.project-info{background:#ffffff!important;color:#111827!important}
.project-info h3{color:#111827!important}
.project-info p{color:#4b5563!important}
.project-button{color:#2563eb!important}
.project-visual{min-height:220px!important}
.project-visual::after{background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.65))!important}
.project-badge{background:rgba(255,255,255,.92)!important;color:#111827!important;border-color:rgba(255,255,255,.95)!important}

/* Trzy wyraźnie różne realizacje */
.hotel-demo{background:linear-gradient(180deg,rgba(16,34,29,.08),rgba(16,34,29,.78)),linear-gradient(135deg,#9f8c72,#27473c)!important}
.mechanic-demo{background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.85)),linear-gradient(135deg,#3a3a3a,#0b0b0b)!important}
.mechanic-demo strong{color:#fff!important}.mechanic-demo .project-badge{background:#e30613!important;color:#fff!important;border-color:#e30613!important}
.beauty-demo{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(78,47,54,.65)),linear-gradient(135deg,#efd8d4,#a9747e)!important}
.hotel-demo strong{font-family:Georgia,serif!important;font-weight:400!important}
.beauty-demo strong{font-family:Georgia,serif!important;font-weight:400!important}


/* Rozbudowany formularz */
.form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px;
}
.optional {
  color: #7b879d;
  font-size: 12px;
  font-weight: 500;
}
.contact-form select,
.contact-form input,
.contact-form textarea {
  width: 100%;
}
.form-submit[disabled] {
  opacity: .65;
  cursor: wait;
}
.ticket-success {
  background: linear-gradient(145deg, #f7fbff, #edf5ff);
  border: 1px solid #cfe2ff;
  border-radius: 18px;
  padding: 25px;
  text-align: center;
  box-shadow: 0 18px 45px rgba(21, 95, 232, .09);
}
.ticket-success .success-check {
  width: 54px;
  height: 54px;
  margin: 0 auto 13px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #135fe8;
  color: white;
  font-size: 25px;
  font-weight: 800;
}
.ticket-success h3 {
  margin: 0 0 8px;
  font-size: 23px;
}
.ticket-success p {
  margin: 7px 0;
}
.ticket-number {
  display: inline-block;
  margin: 16px 0;
  padding: 12px 18px;
  background: white;
  border: 1px dashed #135fe8;
  border-radius: 10px;
  color: #135fe8;
  font-weight: 800;
  letter-spacing: 1px;
}

/* Asystent Aevixo */
.assistant-widget {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 1000;
  font-family: Manrope, Arial, sans-serif;
}
.assistant-launcher {
  border: 0;
  background: #135fe8;
  color: #fff;
  min-height: 58px;
  padding: 8px 18px 8px 9px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 16px 40px rgba(19,95,232,.34);
  cursor: pointer;
  font: inherit;
  font-weight: 800;
  position: relative;
}
.assistant-icon {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #fff;
  color: #135fe8;
  font-size: 20px;
  font-weight: 900;
}
.assistant-pulse {
  position: absolute;
  width: 12px;
  height: 12px;
  left: 39px;
  top: 7px;
  background: #34d399;
  border: 2px solid white;
  border-radius: 50%;
}
.assistant-panel {
  display: none;
  position: absolute;
  right: 0;
  bottom: 72px;
  width: min(385px, calc(100vw - 28px));
  max-height: min(610px, calc(100vh - 110px));
  background: #fff;
  border: 1px solid #dfe7f5;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 24px 70px rgba(20, 48, 96, .24);
}
.assistant-panel.open {
  display: flex;
  flex-direction: column;
  animation: assistantIn .22s ease-out;
}
@keyframes assistantIn {
  from { opacity: 0; transform: translateY(12px) scale(.98); }
  to { opacity: 1; transform: none; }
}
.assistant-header {
  padding: 18px 19px;
  background: linear-gradient(135deg, #135fe8, #083eaa);
  color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.assistant-header strong { display: block; font-size: 16px; }
.assistant-header span { display: block; font-size: 11px; margin-top: 3px; opacity: .9; }
.assistant-header i {
  display: inline-block;
  width: 7px; height: 7px; border-radius: 50%; background: #4ade80;
  margin-right: 5px;
}
.assistant-close {
  border: 0; background: transparent; color: white; font-size: 27px; cursor: pointer;
}
.assistant-messages {
  min-height: 190px;
  max-height: 310px;
  overflow-y: auto;
  padding: 18px;
  background: #f6f9ff;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.assistant-message {
  max-width: 88%;
  padding: 11px 13px;
  border-radius: 14px;
  line-height: 1.5;
  font-size: 13px;
}
.assistant-message.bot {
  align-self: flex-start;
  background: white;
  color: #293650;
  border: 1px solid #e1e9f6;
  border-bottom-left-radius: 4px;
}
.assistant-message.user {
  align-self: flex-end;
  color: white;
  background: #135fe8;
  border-bottom-right-radius: 4px;
}
.assistant-suggestions {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  padding: 13px 15px 5px;
  background: white;
}
.assistant-suggestions button {
  background: #f1f6ff;
  color: #135fe8;
  border: 1px solid #d8e6ff;
  border-radius: 999px;
  padding: 8px 10px;
  font: inherit;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
}
.assistant-form {
  display: grid;
  grid-template-columns: 1fr 42px;
  gap: 8px;
  padding: 12px 15px;
  background: white;
}
.assistant-form input {
  border: 1px solid #dce5f2;
  border-radius: 10px;
  padding: 11px 12px;
  font: inherit;
  font-size: 13px;
  outline: none;
}
.assistant-form input:focus { border-color: #135fe8; box-shadow: 0 0 0 3px rgba(19,95,232,.10); }
.assistant-form button {
  border: 0;
  border-radius: 10px;
  background: #135fe8;
  color: white;
  font-size: 18px;
  cursor: pointer;
}
.assistant-note {
  padding: 0 15px 12px;
  background: white;
  color: #8993a7;
  font-size: 9px;
  text-align: center;
}

@media (max-width: 720px) {
  .form-grid { grid-template-columns: 1fr; }
  .assistant-widget { right: 12px; bottom: 12px; }
  .assistant-launcher-text { display: none; }
  .assistant-launcher { padding-right: 9px; }
}

/* Premium portfolio */
.portfolio-section{position:relative;overflow:hidden}.portfolio-container{position:relative;z-index:2}.portfolio-glow{position:absolute;width:430px;height:430px;border-radius:50%;filter:blur(120px);opacity:.12;pointer-events:none}.portfolio-glow-one{background:#2b79ff;top:80px;right:-180px}.portfolio-glow-two{background:#8b5cf6;bottom:120px;left:-220px}.portfolio-heading{max-width:none;display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.portfolio-heading>div:first-child{max-width:760px}.portfolio-note{display:flex;align-items:center;gap:15px;padding:18px 22px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);border-radius:17px}.portfolio-note strong{font-size:40px;line-height:1;color:#74b8ff}.portfolio-note span{font-size:12px;line-height:1.45;color:#9fb0c4}.portfolio-filters{display:flex;flex-wrap:wrap;gap:10px;margin:-10px 0 30px}.portfolio-filter{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025);color:#aebdce;padding:10px 15px;border-radius:999px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:.25s ease}.portfolio-filter:hover,.portfolio-filter.active{background:#fff;color:#0b1420;border-color:#fff}.portfolio-premium{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.portfolio-premium .project{display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(145deg,rgba(21,38,58,.98),rgba(13,27,42,.98));border-radius:24px;transition:transform .4s ease,border-color .4s ease,box-shadow .4s ease}.portfolio-premium .project:hover{transform:translateY(-7px);border-color:rgba(116,184,255,.34);box-shadow:0 28px 65px rgba(0,0,0,.25)}.portfolio-premium .project.hidden{display:none}.project-featured{grid-column:1/-1;display:grid!important;grid-template-columns:1.35fr .65fr!important}.project-browser{position:relative;overflow:hidden;background:#e6edf4;min-height:355px}.project-browser-bar{height:38px;display:flex;align-items:center;gap:6px;padding:0 13px;background:#dce4ed;color:#64748b;font-size:10px}.project-browser-bar i{width:8px;height:8px;border-radius:50%;background:#94a3b8}.project-browser-bar span{margin-left:5px}.project-shot{height:317px;overflow:hidden;background:#fff}.project-shot img{width:100%;height:auto;min-height:100%;object-fit:cover;object-position:top;display:block;transition:transform 4.5s cubic-bezier(.2,.7,.2,1),filter .4s ease}.project:hover .project-shot img{transform:translateY(calc(-100% + 317px));filter:saturate(1.08)}.project-overlay{position:absolute;inset:38px 0 0;display:grid;place-items:center;background:rgba(5,12,22,.15);opacity:0;transition:.35s ease;pointer-events:none}.project-overlay span{padding:10px 15px;border-radius:999px;background:rgba(8,17,29,.86);border:1px solid rgba(255,255,255,.18);font-size:12px;font-weight:800}.project:hover .project-overlay{opacity:1}.project-copy{padding:28px;display:flex;flex-direction:column;flex:1}.project-meta{display:flex;justify-content:space-between;color:#74b8ff;font-size:10px;letter-spacing:.13em;font-weight:800}.project-copy h3{font-size:27px;letter-spacing:-.03em;margin:13px 0 8px}.project-copy p{color:#94a3b8;margin:0}.project-tags{display:flex;flex-wrap:wrap;gap:7px;margin:19px 0}.project-tags span{font-size:10px;font-weight:700;color:#b8c7d8;padding:6px 9px;border-radius:7px;background:rgba(255,255,255,.055)}.project-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;padding-top:4px}.project-actions a{color:#cbd5e1;text-decoration:none;font-size:12px;font-weight:700}.project-actions a:hover{color:#fff}.project-details{border:0;background:none;color:#74b8ff;padding:0;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.project-details:hover{color:#fff}.portfolio-cta{margin-top:25px;padding:32px 36px;border:1px solid rgba(116,184,255,.22);border-radius:22px;background:linear-gradient(110deg,rgba(43,121,255,.1),rgba(255,255,255,.025));display:flex;align-items:center;justify-content:space-between;gap:30px}.portfolio-cta h3{font-size:28px;margin:7px 0}.portfolio-cta p{color:#94a3b8;max-width:720px;margin:0}.portfolio-cta .btn{white-space:nowrap}
.project-modal{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:24px}.project-modal.open{display:flex}.project-modal-backdrop{position:absolute;inset:0;background:rgba(2,8,16,.82);backdrop-filter:blur(10px)}.project-modal-card{position:relative;z-index:1;width:min(1040px,100%);max-height:90vh;overflow:auto;background:#101f30;border:1px solid rgba(255,255,255,.12);border-radius:25px;box-shadow:0 40px 110px rgba(0,0,0,.55);display:grid;grid-template-columns:1.15fr .85fr}.project-modal-close{position:absolute;top:14px;right:14px;z-index:3;width:39px;height:39px;border:1px solid rgba(255,255,255,.17);border-radius:50%;background:rgba(7,14,24,.78);color:#fff;font-size:25px;cursor:pointer}.project-modal-preview{min-height:590px;overflow:hidden;background:#e9eff5;border-radius:25px 0 0 25px}.project-modal-preview img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.project-modal-content{padding:54px 38px}.project-modal-content h2{font-size:38px;line-height:1.08;letter-spacing:-.04em;margin:12px 0}.project-modal-description{color:#9fb0c4}.project-modal-content h3{margin-top:30px}.project-modal-features{padding:0;list-style:none;display:grid;gap:10px;margin:16px 0 30px}.project-modal-features li{color:#cbd5e1;padding-left:25px;position:relative}.project-modal-features li:before{content:'✓';position:absolute;left:0;color:#74b8ff;font-weight:800}body.modal-open{overflow:hidden}
@media(max-width:850px){.portfolio-heading{align-items:flex-start}.portfolio-note{display:none}.portfolio-premium{grid-template-columns:1fr}.project-featured{grid-column:auto;display:flex!important}.project-browser{min-height:320px}.project-shot{height:282px}.project:hover .project-shot img{transform:none}.portfolio-cta{align-items:flex-start;flex-direction:column}.project-modal-card{grid-template-columns:1fr}.project-modal-preview{min-height:300px;max-height:380px;border-radius:25px 25px 0 0}.project-modal-content{padding:32px 25px}.project-modal-content h2{font-size:31px}}@media(max-width:520px){.portfolio-filter{font-size:11px;padding:9px 11px}.project-browser{min-height:280px}.project-shot{height:242px}.project-copy{padding:23px}.project-copy h3{font-size:24px}.project-actions{align-items:flex-start;flex-direction:column}.portfolio-cta{padding:26px}.project-modal{padding:10px}.project-modal-card{max-height:95vh}.project-modal-preview{min-height:230px;max-height:270px}}

/* 2026 portfolio refresh: varied styles + about */
.about-section{padding-top:110px;padding-bottom:110px}.about-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:42px;align-items:stretch}.about-copy,.about-panel{border:1px solid rgba(255,255,255,.1);border-radius:30px;padding:48px;background:rgba(255,255,255,.035)}.about-copy h2{font-size:clamp(2rem,4vw,4rem);line-height:1.02;margin:14px 0 24px}.about-copy p{color:var(--muted);font-size:1.06rem;line-height:1.8;max-width:760px}.about-panel{background:linear-gradient(145deg,rgba(218,183,69,.14),rgba(255,255,255,.025));display:flex;flex-direction:column;justify-content:flex-end}.about-number{font-size:5rem;font-weight:800;color:rgba(218,183,69,.35);line-height:1}.about-panel h3{font-size:1.7rem;margin:18px 0 12px}.about-panel p{color:var(--muted);line-height:1.7}.about-list{display:grid;gap:11px;margin-top:28px}.about-list span:before{content:'✓';color:#e2c35b;margin-right:10px}
.portfolio-varied{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-varied .project{overflow:hidden;border-radius:28px}.portfolio-varied .project-featured{grid-column:1/-1;display:grid;grid-template-columns:1.25fr .75fr}.project-visual{height:360px;position:relative;overflow:hidden;background:#111}.project-featured .project-visual{height:100%;min-height:520px}.project-visual img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s}.project:hover .project-visual img{transform:scale(1.07)}.visual-label{position:absolute;top:18px;left:18px;padding:8px 12px;font-size:.68rem;font-weight:800;letter-spacing:.16em;background:rgba(0,0,0,.68);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.22);border-radius:999px}.portfolio-varied .project-copy{padding:30px}.project-auto{background:#111!important;border-color:rgba(255,49,49,.34)!important}.project-auto .project-meta,.project-auto h3{color:#fff}.project-auto .project-meta span:first-child{color:#ff4040}.project-food{background:#2c1710!important;border-color:#8f6038!important}.project-food h3{font-family:Georgia,serif;font-style:italic;color:#f5ddbd}.project-food .project-meta span:first-child{color:#d8a96f}.project-beauty{background:#f3eae7!important;color:#382f30!important;border-color:#e0cbc5!important}.project-beauty p,.project-beauty .project-meta{color:#746467!important}.project-beauty h3{font-family:Georgia,serif;color:#7d5b60}.project-beauty .project-tags span{background:#fff;color:#795e63}.project-beauty .project-actions a{color:#7d5b60}.project-barber{background:#f0d93b!important;color:#0b0b0b!important;border:3px solid #0b0b0b!important;border-radius:0!important;box-shadow:10px 10px 0 #0b0b0b}.project-barber h3{font-size:2.5rem;text-transform:uppercase;line-height:.9;letter-spacing:-.06em;color:#0b0b0b}.project-barber p,.project-barber .project-meta{color:#191919!important}.project-barber .project-tags span{background:#0b0b0b;color:#f0d93b;border-radius:0}.project-barber .project-actions a{color:#0b0b0b}.project-law{background:#e8e0cf!important;color:#14243e!important;border-color:#bea979!important}.project-law h3{font-family:Georgia,serif;color:#14243e}.project-law p,.project-law .project-meta{color:#536078!important}.project-law .project-tags span{background:#14243e;color:#e8e0cf}.project-law .project-actions a{color:#14243e}.project-overlay{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.48);opacity:0;transition:.35s}.project:hover .project-overlay{opacity:1}.project-overlay span{padding:12px 18px;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:rgba(0,0,0,.35);font-weight:700}
@media(max-width:900px){.about-grid,.portfolio-varied{grid-template-columns:1fr}.portfolio-varied .project-featured{grid-column:auto;display:block}.project-featured .project-visual{min-height:360px}.about-copy,.about-panel{padding:32px}.project-barber{box-shadow:6px 6px 0 #0b0b0b}}
/* Każda karta portfolio ma własny charakter */
.portfolio-varied .project-auto{border-radius:2px;transform:skewY(-.5deg);background:linear-gradient(135deg,#151515,#080808);border-left:5px solid #ff4b2b}.portfolio-varied .project-auto .project-visual{clip-path:polygon(0 0,100% 0,92% 100%,0 100%)}
.portfolio-varied .project-food{border-radius:140px 140px 24px 24px;background:#2b1711;border-color:#b58a5a55}.portfolio-varied .project-food .project-visual{border-radius:120px 120px 0 0}.portfolio-varied .project-food h3{font-family:Georgia,serif;font-style:italic}
.portfolio-varied .project-beauty{border-radius:40px;background:linear-gradient(145deg,#f4e9ef,#e6efe8);color:#43383d}.portfolio-varied .project-beauty .project-copy p,.portfolio-varied .project-beauty .project-meta{color:#6f6167}.portfolio-varied .project-beauty .project-tags span{background:#fff9;color:#594b51}.portfolio-varied .project-beauty .project-visual{border-radius:34px 34px 48% 48%}
.portfolio-varied .project-barber{border:4px solid #0b0b0b;border-radius:0;background:#ffe600;color:#080808;box-shadow:12px 12px 0 #ff3d8d}.portfolio-varied .project-barber .project-copy p,.portfolio-varied .project-barber .project-meta{color:#242424}.portfolio-varied .project-barber .project-tags span{border:2px solid #000;background:#00f0ff;color:#000;border-radius:0}.portfolio-varied .project-barber h3{text-transform:uppercase;letter-spacing:-.04em}
@media(max-width:800px){.portfolio-varied .project-auto{transform:none}.portfolio-varied .project-food{border-radius:70px 70px 22px 22px}}

/* === Aevixo visual upgrade: logo, imagery and motion === */
:root{--aevixo-cyan:#12b8e8;--aevixo-blue:#1778a4;--aevixo-ink:#111c23}
body{overflow-x:hidden;background:
radial-gradient(circle at 15% 8%,rgba(18,184,232,.08),transparent 28%),
radial-gradient(circle at 88% 28%,rgba(43,121,255,.07),transparent 30%),#0b1420}
.brand{height:52px;min-width:180px}
.brand-logo{display:block;width:178px;height:auto;max-height:48px;object-fit:contain;object-position:left center;filter:drop-shadow(0 7px 18px rgba(18,184,232,.16))}
.footer-logo{width:210px;max-height:58px}
.nav-wrap{background:rgba(11,20,32,.72);box-shadow:0 10px 35px rgba(0,0,0,.14)}
.nav-links a{position:relative}
.nav-links a:not(.btn)::after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:linear-gradient(90deg,var(--aevixo-cyan),#5a8cff);transition:right .28s ease}
.nav-links a:not(.btn):hover::after{right:0}
.hero{position:relative;isolation:isolate}
.hero:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.035);border-radius:50%;left:-350px;top:60px;box-shadow:0 0 0 80px rgba(255,255,255,.012),0 0 0 160px rgba(255,255,255,.008);z-index:-1}
.hero-copy h1 span{background:linear-gradient(90deg,#68d8ff,#72a8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-showcase{position:relative;min-height:590px;perspective:1200px;transform-style:preserve-3d}
.hero-showcase:before{content:"";position:absolute;inset:10% 4%;background:radial-gradient(circle,rgba(18,184,232,.24),transparent 64%);filter:blur(35px);animation:breatheGlow 5s ease-in-out infinite}
.showcase-logo{position:absolute;z-index:8;top:18px;left:3%;width:285px;padding:17px 20px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(12,24,35,.72);backdrop-filter:blur(18px);box-shadow:0 22px 60px rgba(0,0,0,.32);animation:floatLogo 5s ease-in-out infinite}
.showcase-logo img{display:block;width:100%}
.showcase-photo{position:absolute;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 70px rgba(0,0,0,.4);background:#132337}
.showcase-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .6s ease}
.showcase-photo:hover img{transform:scale(1.08);filter:saturate(1.12) contrast(1.03)}
.showcase-main{width:76%;height:370px;right:3%;top:128px;border-radius:28px;transform:rotate(2deg)}
.showcase-main:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(4,10,17,.92))}
.showcase-main figcaption{position:absolute;z-index:2;left:25px;bottom:23px;color:#fff;font-weight:700;display:flex;align-items:center;gap:10px}
.showcase-main figcaption span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--aevixo-cyan);color:#041019}
.showcase-small{width:190px;height:145px;border-radius:18px;z-index:5}
.showcase-top{right:-12px;top:55px;transform:rotate(6deg);animation:floatCard 6s ease-in-out infinite}
.showcase-bottom{left:-10px;bottom:5px;transform:rotate(-7deg);animation:floatCard 6s ease-in-out infinite reverse}
.showcase-chip{position:absolute;z-index:9;padding:11px 15px;border-radius:999px;background:rgba(240,248,255,.95);color:#101820;font-size:12px;font-weight:800;box-shadow:0 15px 38px rgba(0,0,0,.28);animation:chipFloat 4s ease-in-out infinite}
.showcase-chip strong{color:#078bb4}
.chip-speed{right:4%;bottom:42px}.chip-mobile{left:18%;top:105px;animation-delay:-1.5s}
.showcase-orbit{position:absolute;border:1px solid rgba(78,201,255,.14);border-radius:50%;animation:orbitSpin 16s linear infinite}
.orbit-one{width:420px;height:420px;right:4%;top:88px}.orbit-two{width:280px;height:280px;left:2%;bottom:10px;animation-direction:reverse;animation-duration:11s}
.orbit-one:before,.orbit-two:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#55d6ff;top:-5px;left:50%;box-shadow:0 0 22px #55d6ff}
.about-section{position:relative}
.about-grid{grid-template-columns:.9fr 1.1fr!important;align-items:center}
.about-panel{position:relative;overflow:visible!important;padding-top:300px!important;background:linear-gradient(155deg,rgba(20,43,61,.8),rgba(15,28,42,.85))!important}
.about-collage{position:absolute;left:24px;right:24px;top:-70px;height:330px;transform-style:preserve-3d}
.about-img{position:absolute;object-fit:cover;border-radius:20px;border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 55px rgba(0,0,0,.38)}
.about-img-main{inset:20px 90px 20px 0;width:70%;height:290px;transform:rotate(-3deg)}
.about-img-secondary{width:44%;height:205px;right:0;bottom:0;transform:rotate(5deg)}
.about-stamp{position:absolute;right:18px;top:4px;z-index:4;width:140px;height:140px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#eafaff;color:#0d2732;border:8px solid rgba(18,184,232,.18);box-shadow:0 20px 45px rgba(0,0,0,.28);animation:stampPulse 4s ease-in-out infinite}
.about-stamp strong{font-size:15px}.about-stamp span{font-size:10px;line-height:1.25;text-transform:uppercase;letter-spacing:.12em;margin-top:5px}
.project-visual img{transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .5s ease}
.project:hover .project-visual img{transform:scale(1.08)}
.project{transform-style:preserve-3d;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.project:hover{box-shadow:0 25px 60px rgba(0,0,0,.35);border-color:rgba(92,200,255,.28)}
.project-overlay{transition:opacity .35s ease,transform .35s ease;transform:translateY(8px)}
.project:hover .project-overlay{transform:none}
.visual-break{overflow:hidden;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);background:#08111b;transform:rotate(-1deg);margin:-18px 0 25px}
.visual-break-track{width:max-content;display:flex;align-items:center;gap:32px;padding:19px 0;font-size:13px;font-weight:900;letter-spacing:.2em;color:#d5f4ff;animation:marquee 22s linear infinite}
.visual-break-track i{width:7px;height:7px;border-radius:50%;background:var(--aevixo-cyan);box-shadow:0 0 16px var(--aevixo-cyan)}
.tilt-card{will-change:transform;transition:transform .18s ease-out}
@keyframes floatLogo{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(-1deg)}}
@keyframes floatCard{0%,100%{translate:0 0}50%{translate:0 -12px}}
@keyframes chipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes breatheGlow{0%,100%{opacity:.55;transform:scale(.95)}50%{opacity:1;transform:scale(1.06)}}
@keyframes orbitSpin{to{transform:rotate(360deg)}}
@keyframes stampPulse{0%,100%{transform:rotate(5deg) scale(1)}50%{transform:rotate(1deg) scale(1.04)}}
@keyframes marquee{to{transform:translateX(-35%)}}
@media(max-width:850px){.brand-logo{width:150px}.hero-showcase{min-height:520px;margin-top:5px}.showcase-main{width:80%;height:330px}.showcase-logo{width:245px}.about-grid{grid-template-columns:1fr!important}.about-panel{margin-top:80px}.visual-break{transform:none}}
@media(max-width:520px){.brand{min-width:140px}.brand-logo{width:138px}.hero-showcase{min-height:455px}.showcase-logo{width:205px;top:0}.showcase-main{width:88%;height:285px;top:105px}.showcase-small{width:130px;height:105px}.showcase-top{right:-8px;top:68px}.showcase-bottom{left:-3px;bottom:0}.chip-mobile{left:5%;top:85px}.chip-speed{right:2%;bottom:8px}.about-panel{padding-top:250px!important}.about-collage{height:270px}.about-img-main{height:240px}.about-img-secondary{height:165px}.about-stamp{width:105px;height:105px;right:4px}.about-stamp strong{font-size:12px}.about-stamp span{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.tilt-card{transform:none!important}}

/* Asystent wyboru + Instagram */
.assistant-panel{width:min(390px,calc(100vw - 24px));overflow:hidden}
.assistant-content{padding:0 14px 12px}.assistant-messages{padding:14px 0 9px;max-height:175px;min-height:86px;background:transparent}.assistant-progress-wrap{padding:12px 14px 7px;border-bottom:1px solid rgba(15,43,70,.08);background:#f8fbff}.assistant-progress-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.assistant-step-label{font-size:11px;font-weight:800;color:#135fe8;letter-spacing:.04em}.assistant-reset{border:0;background:none;padding:0;color:#728196;font:inherit;font-size:10px;font-weight:700;cursor:pointer}.assistant-reset:hover{color:#135fe8}.assistant-progress{height:5px;border-radius:999px;background:#dfe9f5;overflow:hidden}.assistant-progress span{display:block;width:25%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#135fe8,#1bc4ee);transition:width .35s ease}.assistant-options{display:grid;gap:8px;padding-bottom:4px}.assistant-choice{--choice-delay:0ms;width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border:1px solid #dce7f3;border-radius:13px;background:#fff;color:#152638;text-align:left;font:inherit;font-size:12px;font-weight:750;cursor:pointer;box-shadow:0 6px 18px rgba(14,49,84,.045);animation:choiceIn .35s both;animation-delay:var(--choice-delay);transition:.22s ease}.assistant-choice:hover{transform:translateX(4px);border-color:#77aef8;background:#f4f9ff;color:#135fe8;box-shadow:0 10px 24px rgba(19,95,232,.10)}.assistant-choice b{font-size:16px;transition:transform .2s}.assistant-choice:hover b{transform:translateX(3px)}@keyframes choiceIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.assistant-summary{padding:3px 0 5px}.assistant-summary-head{display:flex;gap:10px;align-items:center;padding:12px;border-radius:14px;background:linear-gradient(135deg,#eaf4ff,#edfaff);border:1px solid #d8ebff}.assistant-summary-head>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#135fe8;color:#fff;font-weight:900}.assistant-summary-head strong,.assistant-summary-head small{display:block}.assistant-summary-head strong{font-size:13px;color:#10253c}.assistant-summary-head small{font-size:10px;color:#66778b;margin-top:2px}.assistant-summary dl{margin:10px 0;display:grid;gap:6px}.assistant-summary dl div{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:10px;background:#f7f9fc}.assistant-summary dt{font-size:10px;color:#728196}.assistant-summary dd{margin:0;font-size:10px;font-weight:800;color:#1a3048;text-align:right}.assistant-to-form{width:100%;padding:12px;border:0;border-radius:12px;background:linear-gradient(135deg,#135fe8,#168bdc);color:#fff;font:inherit;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 10px 22px rgba(19,95,232,.2);transition:.2s}.assistant-to-form:hover{transform:translateY(-2px);box-shadow:0 14px 27px rgba(19,95,232,.28)}.assistant-instagram-link{display:block;text-align:center;margin-top:9px;color:#596b80;text-decoration:none;font-size:10px;font-weight:700}.assistant-instagram-link:hover{color:#135fe8}.assistant-note{font-size:9px;padding:9px 14px}
.footer-instagram{display:flex!important;align-items:center;gap:8px}.footer-instagram svg,.instagram-float svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.instagram-float{position:fixed;right:28px;bottom:90px;z-index:85;display:flex;align-items:center;gap:8px;padding:10px 13px;border-radius:999px;color:#fff;text-decoration:none;font-size:11px;font-weight:800;background:linear-gradient(135deg,#6b48ff,#d62976 55%,#fa7e1e);box-shadow:0 12px 30px rgba(180,34,113,.28);transition:.25s ease}.instagram-float:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 17px 34px rgba(180,34,113,.38)}
@media(max-width:600px){.instagram-float{right:13px;bottom:78px;width:42px;height:42px;padding:0;justify-content:center}.instagram-float span{display:none}.assistant-content{padding-left:12px;padding-right:12px}.assistant-messages{max-height:145px}}
