/* BILETER24 / MAKIETA 01 — style demonstracyjne */
:root{--ink:#0b1623;--ink2:#101d2e;--chalk:#f6f6f0;--paper:#eff1f4;--white:#fff;--muted:#77848b;--brand-orange:#F7941D;--brand-sky:#62A9EE;--brand-blue:#0059AC;--brand-navy:#082447;--line:#d7dbe0;--soft:#e5e8ec;--orange:#e9b89a;--radius:18px}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--chalk);font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:var(--brand-orange);color:var(--ink)}
a{color:inherit;text-decoration:none}a:hover{color:inherit}button{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #4074a9;outline-offset:3px}
.container-wide{max-width:1392px;padding-left:clamp(22px,4.2vw,58px);padding-right:clamp(22px,4.2vw,58px)}
.skip-link{position:absolute;top:-100px;left:18px;z-index:4000;background:var(--brand-orange);padding:12px 20px;font-weight:800}.skip-link:focus{top:10px}
/* Navigation */
.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;transition:background .25s,border-color .25s;background:rgba(7,23,31,.78);border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.site-header.scrolled{background:rgba(8,22,30,.96);border-color:rgba(255,255,255,.16)}
.navbar{min-height:84px;padding:8px 0}.navbar .container{display:flex;align-items:center;justify-content:space-between}
.brand{display:inline-flex;align-items:center;gap:13px;padding:0;margin:0;color:#fff}.brand:hover{color:#fff}
.brand-symbol{position:relative;display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border:1.5px solid var(--brand-orange);border-radius:12px;transform:rotate(-8deg)}.brand-symbol i{position:absolute;width:7px;height:7px;background:var(--brand-orange);border-radius:2px;transform:rotate(8deg)}.brand-symbol i:nth-child(1){top:8px;left:9px}.brand-symbol i:nth-child(2){top:16px;left:17px}.brand-symbol i:nth-child(3){bottom:8px;left:9px}
.brand-type{font-size:29px;font-weight:850;letter-spacing:-1.5px;line-height:1}.brand-type span{color:var(--brand-orange)}.brand-type sup{position:relative;top:-7px;font-size:8px;letter-spacing:0;font-weight:600;color:rgba(255,255,255,.5);margin-left:1px}
.nav-center{gap:28px;margin-left:auto;margin-right:auto}.nav-center a{font-size:13px;color:#c3cad1;transition:color .2s;white-space:nowrap}.nav-center a:hover{color:var(--brand-orange)}
.nav-actions{align-items:center;gap:19px}.prototype-pill{font-size:9px;letter-spacing:1.25px;color:#97b0cb;font-weight:800;white-space:nowrap}.prototype-dot{width:6px;height:6px;background:var(--brand-orange);border-radius:50%;display:inline-block;vertical-align:middle;margin-right:7px;box-shadow:0 0 10px rgba(216,255,104,.8)}
.btn-nav{background:var(--brand-orange);color:var(--ink);font-size:12px;font-weight:800;padding:13px 19px;border-radius:50px;border:1px solid var(--brand-orange)}.btn-nav span{margin-left:16px}.btn-nav:hover{background:white;color:var(--ink);border-color:white}
.navbar-toggler{border:0;box-shadow:none!important;display:inline-flex;flex-direction:column;justify-content:center;gap:7px;padding:8px;background:transparent}.navbar-toggler span{width:25px;height:2px;background:var(--brand-orange);display:block;border-radius:3px}.navbar-toggler:focus-visible{outline:2px solid var(--brand-orange)}
.mobile-nav{position:absolute;top:100%;left:0;right:0;background:#0c192a;padding:0 24px;border-bottom:1px solid #25364a}.mobile-nav a{display:block;font-weight:700;padding:10px;color:#fff}.mobile-nav small{color:#7193b7;font-size:10px;letter-spacing:1px}
/* Global typography */
.section{padding:122px 0 132px;position:relative;overflow:hidden}.section-topline{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #c2c9d1;padding-top:15px;padding-bottom:76px;font-size:10px;color:#6b7a7b;letter-spacing:1.6px;font-weight:800}.top-line-dark{border-color:rgba(255,255,255,.17);color:#8faac6}.eyebrow{font-size:11px;letter-spacing:2.1px;text-transform:uppercase;font-weight:850;color:#48637f;margin:0 0 24px}.eyebrow-light{color:var(--brand-orange)}.mini-line{display:inline-block;width:18px;height:1px;vertical-align:middle;background:var(--brand-orange);margin-right:12px}
h1,h2,h3,p{margin-top:0}h2{font-weight:780;font-size:clamp(38px,4.7vw,69px);line-height:1.09;letter-spacing:-3.8px;margin:0 0 29px;max-width:760px}.italic-accent{font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-3px;color:#557596}.section-lead{color:#33475b;font-size:clamp(17px,1.45vw,21px);line-height:1.62;letter-spacing:-.4px;max-width:570px;margin:0 0 26px}.body-muted{font-size:14px;color:#7b8989;line-height:1.9;max-width:480px;margin:0 0 32px}.text-link{display:inline-flex;align-items:center;gap:24px;font-size:13px;font-weight:800;border-bottom:1px solid var(--ink);padding-bottom:11px;transition:gap .2s}.text-link:hover{gap:33px;color:var(--ink)}
/* Hero */
.hero{min-height:856px;background:radial-gradient(ellipse 680px 720px at 88% 38%,rgba(33,100,95,.2),transparent 66%),linear-gradient(142deg,#0d1a29 4%,#07111d 70%);position:relative;overflow:hidden;color:#fff;padding-top:154px}
.hero-noise{position:absolute;inset:0;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.1'/%3E%3C/svg%3E");pointer-events:none}
.hero-grid{position:absolute;inset:0;opacity:.3;background-image:linear-gradient(to right,transparent calc(100% - 1px),rgba(130,228,203,.1) calc(100% - 1px)),linear-gradient(to bottom,transparent calc(100% - 1px),rgba(130,228,203,.08) calc(100% - 1px));background-size:72px 72px;mask-image:linear-gradient(to right,transparent 22%,#000 100%);pointer-events:none}
.hero-inner{padding-bottom:107px;position:relative;z-index:1}.hero-copy{padding-top:17px}.hero h1{font-size:clamp(49px,5.4vw,84px);line-height:1.062;letter-spacing:-5.5px;font-weight:790;margin:0 0 27px;color:#fff}.hero h1 .highlight-ink{font-family:Georgia,serif;font-style:italic;letter-spacing:-6px;color:var(--brand-orange);font-weight:400}.hero h1 .period{color:var(--brand-orange)}.hero-intro{max-width:530px;font-size:19px;line-height:1.6;color:#aec1d6;margin-bottom:18px;letter-spacing:-.22px}.hero-note{max-width:445px;color:#5f85ae;font-size:13px;line-height:1.8;margin-bottom:34px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn-accent{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;background:var(--brand-orange);padding:9px 10px 9px 24px;min-height:53px;border:1px solid var(--brand-orange);border-radius:50px;font-size:13px;color:#071720;font-weight:800;white-space:nowrap}.btn-accent:hover{background:#cfd8e3;color:#071720;border-color:#cfd8e3}.arrow-circle{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--ink);color:#fff;font-size:16px}.btn-outline-hero{display:inline-flex;align-items:center;gap:20px;border:1px solid #374c62;color:#d3d9df;border-radius:50px;padding:0 23px;min-height:53px;font-size:13px;font-weight:700}.btn-outline-hero:hover{border-color:var(--brand-orange);color:var(--brand-orange)}.hero-footnote{display:flex;align-items:center;gap:11px;color:#5e81a5;letter-spacing:1.1px;font-size:9px;font-weight:800;margin-top:48px}.tiny-symbol{font-size:25px;color:var(--brand-orange)}
.hero-bottom-strip{position:absolute;left:0;right:0;bottom:0;border-top:1px solid rgba(255,255,255,.14);z-index:5;padding:17px 0;color:#7596b9;font-weight:700;font-size:10px;letter-spacing:1.25px}.hero-bottom-strip strong{color:var(--brand-orange)}.strip-mid{color:#adc0d5}.strip-mid i{font-style:normal;color:var(--brand-orange);margin:0 10px}.hero-bottom-strip a{color:#d9e0e8;font-size:10px}
/* Hero CSS infographic */
.hero-illustration{position:relative;width:100%;aspect-ratio:1.04;max-width:620px;min-height:500px;margin-left:auto;isolation:isolate}.hero-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:1}.hero-lines path{fill:none;stroke:#425b74;stroke-width:1.4;stroke-dasharray:4 7}.hero-lines path.trail{stroke:#86b0dc;stroke-width:2;stroke-dasharray:8 19;animation:moveDash 15s linear infinite}.hero-lines path.delayed{animation-duration:12s}.hero-lines path.delayed2{animation-duration:17s}.hero-lines circle{fill:var(--brand-orange);stroke:#12263f;stroke-width:5}@keyframes moveDash{to{stroke-dashoffset:-220}}
.diagram-glow{position:absolute;left:21%;top:16%;width:62%;height:70%;border-radius:50%;background:radial-gradient(circle,rgba(93,204,174,.12) 0%,transparent 64%);filter:blur(10px)}.core-circle{width:224px;height:224px;border-radius:50%;position:absolute;top:51%;left:51%;transform:translate(-50%,-50%);display:grid;place-items:center;z-index:4;background:#142130;box-shadow:0 0 0 1px rgba(151,244,207,.4),0 0 0 23px rgba(91,180,153,.065),0 0 0 53px rgba(91,180,153,.035),0 32px 100px rgba(0,0,0,.38)}.core-orbit{position:absolute;inset:-20px;border-radius:50%;border:1px solid rgba(132,247,187,.18)}.orbit-1::after{content:"";display:block;position:absolute;width:9px;height:9px;border-radius:50%;background:var(--brand-orange);top:8px;left:24px;box-shadow:0 0 20px var(--brand-orange)}.orbit-2{inset:-46px;border-style:dashed;opacity:.28}.core-inner{height:100%;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.core-mark{font-size:42px;color:var(--brand-orange);line-height:1.1;margin-bottom:11px}.core-inner strong{font-size:14px;letter-spacing:2px;color:#edf1f5}.core-inner b{font-size:23px;letter-spacing:-.8px}.core-inner em{font-style:normal;letter-spacing:1.3px;color:#6489b1;font-size:9px;margin-top:7px}
.diagram-card{position:absolute;z-index:5;background:#eff2f5;color:var(--ink);box-shadow:0 24px 65px rgba(0,0,0,.25);border-radius:12px;padding:15px 16px;width:200px;min-height:122px}.diagram-card strong{display:block;line-height:1.3;font-size:12px;letter-spacing:-.25px;margin:11px 0 12px}.card-overline{display:block;font-weight:850;letter-spacing:1px;font-size:8px;color:#547494}.card-meta{font-size:10px;color:#8e9b94}.card-offer{left:-2%;top:14%;transform:rotate(-5deg)}.card-front-a{right:-2%;top:11%;transform:rotate(5deg)}.card-front-b{right:-4%;bottom:5%;transform:rotate(-4deg)}.card-rows{display:flex;gap:4px;margin:11px 0 6px}.card-rows i{height:8px;background:#d0d9e4;border-radius:5px}.card-rows i:first-child{width:46%}.card-rows i:nth-child(2){width:29%}.card-rows i:nth-child(3){width:15%;background:var(--brand-orange)}.mini-window{display:flex;gap:5px;margin:11px 0 7px}.mini-window span{width:28%;height:21px;border-radius:3px;background:#d8dee5}.mini-window span:nth-child(2){background:#becbd9}.mini-window span:nth-child(3){background:#9ebfe3}.mini-pills{display:flex;gap:4px;margin:12px 0}.mini-pills i{border:1px solid #a5bbd2;border-radius:5px;width:38px;height:20px}.mini-pills i:nth-child(2){background:#a7c5e5;border-color:#6397ce}.visual-corner{position:absolute;z-index:2;font-size:9px;letter-spacing:1.3px;color:#415a74;font-weight:800}.corner-a{left:4%;top:1%}.corner-b{right:1%;bottom:0}.diagram-label{position:absolute;z-index:4;border:1px solid #25364a;padding:10px 13px;border-radius:50px;color:#9fbcda;font-weight:800;font-size:8px;letter-spacing:1px;background:#122337}.float-label{left:0;bottom:17%;transform:rotate(3deg)}.float-label span{display:inline-block;width:6px;height:6px;background:var(--brand-orange);border-radius:50%;margin-right:7px;box-shadow:0 0 8px var(--brand-orange)}
/* System diagram */
.section-system{background:#f1f3f6}.system-diagram{background:#e6e9ed;border-radius:17px;padding:24px;box-shadow:inset 0 0 0 1px #dce0e4}.system-diagram-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#506f8e;font-size:9px;font-weight:850;letter-spacing:1.2px;margin-bottom:24px}.diagram-status{color:#3f5f80}.diagram-status i{width:6px;height:6px;background:#3a6998;border-radius:50%;display:inline-block;margin-right:6px}.brain-panel{background:#0c192a;color:#f4f6f9;border-radius:14px;padding:25px 27px;box-shadow:0 15px 33px #293c3121}.brain-title{display:flex;gap:14px;align-items:center;margin-bottom:24px}.brain-icon{width:47px;height:47px;border-radius:12px;border:1px solid #3f5871;display:grid;place-items:center;color:var(--brand-orange);font-size:28px}.brain-title small{display:block;font-size:9px;letter-spacing:1.25px;color:#7b9bbd;font-weight:800;margin-bottom:4px}.brain-title strong{font-size:18px;letter-spacing:-.4px}.brain-badge{margin-left:auto;color:var(--brand-orange);border:1px solid #455f7a;border-radius:30px;padding:6px 11px;font-size:8px;letter-spacing:1px}.capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.capabilities span{border:1px solid #34485d;background:#1b2839;border-radius:7px;text-align:center;padding:12px 4px;font-size:11px;color:#d6dce2}.capabilities span:last-child{color:var(--brand-orange);border-color:#47637f}.connector-center{display:flex;justify-content:center;align-items:center;flex-direction:column;height:77px;color:#557698;font-size:9px;letter-spacing:1px}.connector-center span:first-child{height:24px;width:1px;background:#8ca8c5}.connector-center span:last-child{height:24px;width:1px;background:#8ca8c5}.connector-center b{background:#d1dae4;padding:5px 11px;border-radius:20px}.output-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.output-box{background:#f8f9fb;border:1px solid #c6ced8;border-radius:10px;padding:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px}.output-icon{font-size:26px;color:#597b9e;line-height:1}.output-box strong{font-size:15px}.output-box small{font-size:11px;text-align:center;color:#81918c}.small-disclaimer{color:#6c8fb5;font-size:9px;margin:16px 0 0}
/* Elastic UI */
.section-flex{color:white;background:radial-gradient(circle at 86% 44%,rgba(30,110,94,.26),transparent 35%),#0b192b}.section-flex h2,.section-benefits h2{color:#f5f7fa}.section-flex .italic-accent{color:var(--brand-orange)}.section-flex .section-lead,.section-benefits .section-lead{color:#abbfd4}.scenario-tabs{border-top:1px solid #374c61;margin-top:42px;max-width:465px}.scenario-tab{width:100%;color:#89a6c4;border:0;background:transparent;border-bottom:1px solid #374c61;padding:19px 0;display:flex;align-items:center;text-align:left;gap:16px;letter-spacing:-.2px;font-size:15px;transition:color .2s,padding-left .2s}.scenario-tab span{font-size:10px;letter-spacing:1px;color:#5c80a4}.scenario-tab b{font-size:18px;font-weight:400;margin-left:auto;color:#517191}.scenario-tab:hover,.scenario-tab.active{color:var(--brand-orange);padding-left:8px}.scenario-tab.active b{color:var(--brand-orange)}.concept-warning{color:#57799c;margin:22px 0 0;font-size:11px;line-height:1.7;max-width:360px}
.preview-stage{position:relative;min-height:555px;border:1px solid #35495d;border-radius:21px;padding:22px;background:linear-gradient(144deg,#142a44,#0b1a2c 55%);box-shadow:0 25px 70px rgba(0,0,0,.14)}.preview-stage:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#405972 1px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(130deg,transparent,#000);opacity:.23;pointer-events:none}.preview-stage-top{display:flex;justify-content:space-between;color:#7999bc;font-size:9px;font-weight:800;letter-spacing:1.35px}.preview-stage-top i{width:6px;height:6px;background:var(--brand-orange);display:inline-block;border-radius:50%;margin-right:7px}.preview-back-plate{background:var(--brand-orange);position:absolute;left:16%;right:10%;top:19%;bottom:8%;border-radius:15px;transform:rotate(6deg);opacity:.94}.preview-window{position:relative;background:#f6f8fa;border-radius:14px;z-index:2;max-width:490px;width:91%;min-height:424px;box-shadow:0 20px 55px rgba(0,0,0,.25);margin:39px auto 0;color:var(--ink);overflow:hidden;transform:rotate(-3deg);transition:filter .15s,transform .24s}.preview-window.is-switching{filter:blur(3px);transform:rotate(-3deg) scale(.988)}.preview-window.pulse-preview{box-shadow:0 0 0 6px rgba(216,255,104,.55),0 20px 55px rgba(0,0,0,.25)}.preview-browser{height:32px;background:#e6e9ec;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#7f9ebf;font-size:9px}.browser-dots{display:flex;gap:4px}.browser-dots i{display:block;height:6px;width:6px;border-radius:50%;background:#c2c9c2}.browser-dots i:first-child{background:#e6a49c}.browser-dots i:nth-child(2){background:#ebd79c}.browser-dots i:nth-child(3){background:#b0c3d7}.preview-body{padding:23px 26px 25px}.preview-logo{display:flex;gap:7px;align-items:center;font-weight:900;font-size:10px;letter-spacing:.6px}.preview-logo small{margin-left:auto;font-size:8px;font-weight:700;color:#91abc7}.preview-identity{color:#3b6c9d;font-size:18px}.preview-heading{margin-top:35px}.preview-heading small{font-size:9px;letter-spacing:1px;color:#5a7c9f;font-weight:850}.preview-heading h3{font-size:27px;letter-spacing:-1px;line-height:1.2;font-weight:850;margin:8px 0}.preview-heading p{font-size:11px;color:#6d90b6;margin-bottom:22px}.preview-fields{display:grid;grid-template-columns:1fr 1fr;gap:11px}.mock-field{border:1px solid #d6dbe0;background:#fff;border-radius:7px;padding:14px}.mock-field small{display:block;font-size:8px;color:#6a8eb4;letter-spacing:1px;margin-bottom:8px}.mock-field strong{font-size:11px;font-weight:750;display:flex;justify-content:space-between}.mock-field strong span{font-size:16px;color:#698db3}.mock-meta{font-size:9px;color:#7294b8;display:flex;justify-content:space-between;gap:5px;margin:15px 0 23px}.preview-bottom{border-top:1px solid #e1e5e9;padding-top:17px;display:flex;justify-content:space-between;align-items:center;gap:9px}.preview-bottom span{font-size:8px;color:#83a1c1}.preview-bottom button{background:#142130;border:0;color:#fff;font-size:10px;font-weight:750;border-radius:40px;padding:13px 18px;white-space:nowrap}.preview-bottom button:hover{background:#33475c}.floating-preview-tag{position:absolute;z-index:3;right:-10px;bottom:39px;background:var(--brand-orange);color:var(--ink);padding:16px 20px;border-radius:9px;font-weight:800;font-size:9px;line-height:1.6;letter-spacing:1px;transform:rotate(6deg);box-shadow:0 14px 30px rgba(0,0,0,.2)}.floating-preview-tag b{font-size:12px}
/* Process */
.section-process{background:#f6f6f0}.process-flow{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #d7dbe0;border-radius:17px;overflow:hidden;background:#fff}.process-card{position:relative;padding:26px 27px 31px;border-right:1px solid #e0e3e7;min-height:375px;display:flex;flex-direction:column}.process-card:last-child{border-right:0}.step-head{display:flex;justify-content:space-between;align-items:center;color:#7e8d84;font-size:9px;letter-spacing:1.2px;font-weight:800}.step-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;border:1px solid #d4d9df;color:#567799;font-size:18px}.step-glyph{height:138px;position:relative;display:flex;align-items:center;justify-content:center;margin:15px 0 11px}.step-glyph:before{content:"";position:absolute;width:100px;height:100px;background:#edf0f4;border-radius:50%}.step-glyph>*{position:relative;z-index:1;display:block}.glyph-one span{width:45px;height:55px;border:2px solid #7395b9;border-radius:5px;transform:rotate(-8deg);margin-right:-25px;background:#e8ecf1}.glyph-one span:nth-child(2){transform:rotate(8deg);border-color:#4b6886}.glyph-one span:nth-child(3){transform:rotate(17deg);background:var(--brand-orange);border-color:#5c84ae}.glyph-two span{width:29px;height:44px;background:#a6bbd2;border-radius:4px;transform:rotate(-12deg);margin-right:-6px}.glyph-two span:nth-child(2){height:62px;width:42px;background:#21354e;border:5px solid #557697;transform:rotate(4deg)}.glyph-two span:nth-child(3){transform:rotate(17deg);background:var(--brand-orange)}.glyph-three span{width:47px;height:32px;border:2px solid #7999bb;border-radius:5px;transform:rotate(-24deg);margin-right:-14px;background:#dee5ec}.glyph-three span:nth-child(2){transform:rotate(10deg);background:#192f49}.glyph-three span:nth-child(3){transform:rotate(29deg);background:var(--brand-orange)}.glyph-four span{width:63px;height:70px;border-radius:7px;border:2px solid #7a9abc;background:#f1f4f7;transform:rotate(-9deg)}.glyph-four span:first-child:after{content:"✓";font-size:30px;color:#4c7197;display:grid;place-items:center;height:100%}.glyph-four span:last-child{width:45px;height:12px;border:0;background:var(--brand-orange);margin-left:-43px;transform:rotate(0deg)}.process-card h3{font-size:18px;letter-spacing:-.6px;line-height:1.3;font-weight:850;margin:0 0 12px}.process-card p{font-size:13px;color:#72817b;line-height:1.7;margin:0}.process-note{text-align:center;color:#8b9a90;font-size:11px;margin:23px 0 0}
/* Integrations */
.section-integrations{background:#e8ecf0}.integration-layout{display:grid;grid-template-columns:.79fr 1.65fr;gap:20px;align-items:stretch}.integration-center{background:#0c1a2b;position:relative;border-radius:17px;min-height:485px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;overflow:hidden}.integration-center:before,.integration-center:after{content:"";position:absolute;border:1px solid rgba(216,255,104,.14);border-radius:50%;width:400px;height:400px}.integration-center:after{width:570px;height:570px}.integration-core-halo{width:190px;height:190px;border-radius:50%;border:1px solid #4c6a88;background:#152539;box-shadow:0 0 0 22px rgba(97,185,133,.05),0 0 0 47px rgba(97,185,133,.035);position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:7px}.integration-core-halo span{font-size:37px;color:var(--brand-orange);line-height:1}.integration-core-halo strong{font-size:18px;line-height:1.1;letter-spacing:.8px}.integration-core-halo small{font-size:8px;letter-spacing:1.25px;color:#7294b8}.integration-center-caption{position:absolute;bottom:25px;letter-spacing:1.5px;font-size:9px;color:#6284a7;font-weight:800}.integrations-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.integration-card{background:#f9fafb;padding:23px 26px;border-radius:15px;min-height:240px;display:flex;flex-direction:column;border:1px solid #dde2e7;transition:transform .25s,box-shadow .25s}.integration-card:hover{transform:translateY(-4px);box-shadow:0 12px 35px #496c4b15}.integration-card-top{display:flex;justify-content:space-between;align-items:center}.integration-number{font-size:9px;letter-spacing:1.25px;color:#82a0c0;font-weight:800}.integration-icon{font-size:20px;color:#688cb3}.fake-logo{font-size:31px;font-weight:900;letter-spacing:-1.7px;line-height:1.2;margin:21px 0 16px;white-space:nowrap}.fake-logo.p24{color:#ed3d46}.fake-logo.p24 span{color:#223844}.fake-logo.sms{color:#2065aa}.fake-logo.sms span{color:#1d314c}.fake-logo.sms small{display:block;letter-spacing:1px;font-size:9px;font-weight:500;color:#678bb2}.fake-logo.ep{color:#344f6b;font-size:28px}.fake-logo.ep span{color:#608bb9}.fake-logo.ep b{color:#5e81a5;font-size:17px}.fake-logo.sub{color:#174f90;font-size:29px}.fake-logo.sub span{color:#679cc7}.integration-card h3{font-size:15px;letter-spacing:-.3px;font-weight:820;margin:0 0 8px}.integration-card p{font-size:12px;line-height:1.62;color:#84928c;margin-bottom:16px}.card-tag{margin-top:auto;color:#4f6e8d;font-size:8px;letter-spacing:1.4px;font-weight:850}.logos-note{font-size:11px;color:#6a8eb4;margin:23px 0 0}
/* Benefits */
.section-benefits{background:#101f27;color:#fff}.section-benefits .italic-accent{color:var(--brand-orange)}.benefit-card{position:relative;height:100%;min-height:326px;border:1px solid #344650;border-radius:13px;padding:25px;background:linear-gradient(152deg,#172434,#101f27);transition:transform .2s,border-color .2s}.benefit-card:hover{border-color:#8aa6c4;transform:translateY(-4px)}.benefit-no{font-size:10px;letter-spacing:1px;color:#87a4c2}.benefit-card h3{font-size:20px;line-height:1.2;letter-spacing:-.7px;font-weight:800;margin:0 0 10px}.benefit-card p{font-size:13px;color:#7d9cbd;line-height:1.65;max-width:230px}.benefit-spark{position:absolute;right:22px;bottom:20px;color:var(--brand-orange)}.benefit-art{height:132px;width:100%;display:flex;align-items:center;justify-content:center;position:relative}.benefit-art i{position:relative;display:block;border:2px solid #a2bfdd;box-shadow:0 0 23px #7ee4b012}.art-fit i{width:55px;height:60px;border-radius:11px;transform:rotate(-10deg);margin-right:-22px}.art-fit i:nth-child(2){background:#2c4661;transform:rotate(11deg);border-color:var(--brand-orange)}.art-fit i:nth-child(3){height:30px;width:30px;transform:rotate(30deg);background:var(--brand-orange)}.art-central i{width:15px;height:15px;border-radius:50%;margin-right:13px;background:#82abd7}.art-central i:nth-child(2){width:35px;height:35px;background:var(--brand-orange)}.art-central i:last-child{margin-right:0}.art-flow i{width:34px;height:34px;border-radius:8px;transform:rotate(25deg);margin-right:6px;background:#233c56}.art-flow i:last-child{background:var(--brand-orange);border-color:var(--brand-orange)}.art-grow i{height:25px;width:16px;border-radius:3px;align-self:center;margin:0 3px;background:#253f5a}.art-grow i:nth-child(2){height:44px}.art-grow i:nth-child(3){height:65px;background:var(--brand-orange);border-color:var(--brand-orange)}
/* Implementation */
.section-implementation{background:#f6f6f0}.implementation-steps{border-top:1px solid #aec1d6}.impl-step{display:grid;grid-template-columns:65px 1fr 34px;column-gap:10px;align-items:center;border-bottom:1px solid #c7cdd4;padding:22px 7px;transition:background .2s,padding-left .2s}.impl-step:hover{background:#e9edf1;padding-left:16px}.impl-step span{grid-row:1 / span 2;font-size:12px;color:#7c9bbd;font-weight:800}.impl-step strong{font-size:18px;letter-spacing:-.5px}.impl-step small{font-size:12px;color:#5d84ae;margin-top:6px}.impl-step i{grid-column:3;grid-row:1 / span 2;font-style:normal;font-size:21px;color:#577b9f}
/* CTA */
.cta-section{background:#94b9e0;color:#101a27;padding:110px 0;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;left:-7%;bottom:-90%;width:850px;height:850px;border:1px solid #638ebc;border-radius:50%;opacity:.4}.cta-section:after{content:"";position:absolute;right:-12%;top:-200px;width:700px;height:700px;border:1px solid #6796c9;border-radius:50%;opacity:.6}.cta-grain{position:absolute;inset:0;background-image:radial-gradient(#658fbc 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(to right,transparent 20%,#000);opacity:.11}.cta-box{position:relative;z-index:1;text-align:center}.cta-box .eyebrow{color:#3f576f}.cta-box h2{font-size:clamp(42px,6.6vw,94px);margin:0 auto 27px;max-width:950px;line-height:1.05;letter-spacing:-5px}.cta-box h2 em{font-family:Georgia,serif;font-style:italic;font-weight:400;color:#48637f}.cta-box p:not(.eyebrow){max-width:490px;margin:0 auto 29px;font-size:16px;line-height:1.7;color:#45607c}.cta-asterisk{position:absolute;right:7%;top:4%;font-size:75px;color:#4b80b6;transform:rotate(19deg)}.btn-cta{background:#101c2a;color:#fff;display:inline-flex;align-items:center;gap:50px;justify-content:space-between;padding:19px 23px;border:0;border-radius:50px;font-weight:800;font-size:14px;transition:background .2s}.btn-cta:hover{background:#2e4155;color:#fff}.btn-cta span{font-size:20px}
/* Footer */
.footer{background:#0c1826;color:#e9edf2;padding:67px 0 0}.footer-brand{margin-bottom:24px}.footer p{color:#84a1c1;font-size:13px;line-height:1.75}.footer p small{color:#506f8e}.footer-nav{display:flex;gap:16px 24px;flex-wrap:wrap;justify-content:flex-end}.footer-nav a{font-size:13px;color:#a5bad1}.footer-nav a:hover{color:var(--brand-orange)}.footer-bottom{border-top:1px solid #26364a;padding:25px 0;margin-top:68px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;font-size:9px;letter-spacing:1px;color:#5e81a4;font-weight:800}.footer-bottom a{color:#d3dce6}
/* Modal */
.contact-modal{background:#f3f5f8;border:0;border-radius:20px;color:var(--ink);padding:27px}.contact-modal .modal-title{font-size:43px;letter-spacing:-2px;font-weight:800}.contact-modal .modal-body>p{color:#80908a;font-size:13px;margin-bottom:26px}.contact-modal .form-label{font-size:12px;font-weight:700}.contact-modal .form-control{padding:14px 16px;border-radius:8px;background:#fff;border:1px solid #d4d9df;font-size:14px}.contact-modal textarea{resize:vertical}.contact-modal .btn-accent{justify-content:center}.contact-modal .was-validated .form-control:invalid{border-color:#ca7269}.demo-response{margin-top:17px;padding:14px 17px;border-radius:8px;border:1px solid #9bb3cd;background:#e8ecf1;color:#233950;font-weight:700;font-size:12px}
/* Reveal progressive enhancement */
.reveal-ready{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.reveal-ready.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.09s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.23s}
/* Responsive — using original Bootstrap breakpoints */
@media(max-width:1199.98px){.hero h1{font-size:clamp(48px,5.4vw,70px);letter-spacing:-3.8px}.hero h1 .highlight-ink{letter-spacing:-4px}.diagram-card{width:170px;min-height:113px}.diagram-card strong{font-size:10px}.core-circle{width:190px;height:190px}.card-front-a{right:0}.card-front-b{right:0}.integration-layout{grid-template-columns:.7fr 1.5fr}.integration-card{padding:18px 20px}.fake-logo{font-size:25px}}
@media(max-width:991.98px){.navbar{min-height:70px}.mobile-nav{display:block}.navbar-collapse:not(.show){display:none!important}.hero{padding-top:124px;min-height:auto}.hero-inner{padding-bottom:108px}.hero h1{font-size:clamp(48px,8vw,79px)}.hero-intro{font-size:17px}.hero-illustration{max-width:670px;min-height:530px;margin:10px auto 0}.diagram-card{width:200px}.diagram-card strong{font-size:12px}.core-circle{width:225px;height:225px}.section{padding:89px 0 99px}.section-topline{padding-bottom:55px}.section-flex .scenario-tabs{max-width:none}.preview-stage{max-width:660px;margin:0 auto}.integration-layout{grid-template-columns:1fr}.integration-center{min-height:310px}.integration-center:before{width:340px;height:340px}.integration-center:after{width:500px;height:500px}.integration-core-halo{width:160px;height:160px}.integrations-grid{grid-template-columns:repeat(2,1fr)}.process-flow{grid-template-columns:repeat(2,1fr)}.process-card:nth-child(2){border-right:0}.process-card:nth-child(-n+2){border-bottom:1px solid #e0e3e7}.process-card{min-height:355px}.footer-nav{justify-content:flex-start}}
@media(max-width:767.98px){.section{padding:70px 0 82px}.section-topline{padding-bottom:42px;font-size:9px}.section-topline span:last-child{display:none}.hero{padding-top:113px}.hero-inner{padding-bottom:104px}.hero h1{font-size:clamp(46px,9.2vw,69px);letter-spacing:-3.1px}.hero h1 .highlight-ink{letter-spacing:-3px}.hero-intro{font-size:16px}.hero-footnote{margin-top:29px}.hero-illustration{width:min(100%,570px);min-height:400px;margin-top:8px}.core-circle{width:185px;height:185px}.core-mark{font-size:32px}.core-inner b{font-size:19px}.core-inner strong{font-size:12px}.card-offer{left:1%;top:14%}.card-front-a{right:1%}.card-front-b{right:0%;bottom:4%}.diagram-card{width:175px}.hero-bottom-strip{font-size:9px}.strip-mid{display:none}.section h2{font-size:clamp(39px,8.5vw,54px);letter-spacing:-2.7px}.process-flow{grid-template-columns:repeat(2,1fr)}.process-card{padding:20px 19px}.process-card h3{font-size:16px}.process-card p{font-size:12px}.preview-stage{min-height:490px}.preview-window{width:93%;margin-top:33px}.integration-card{min-height:240px}.cta-section{padding:82px 0}.cta-box h2{letter-spacing:-3px}.footer-bottom{margin-top:44px}}
@media(max-width:575.98px){.brand-type{font-size:26px}.brand-symbol{width:34px;height:34px}.container-wide{padding-left:20px;padding-right:20px}.hero{padding-top:110px}.hero-copy{padding-top:0}.hero h1{font-size:clamp(42px,10.8vw,58px);letter-spacing:-2.9px;margin-bottom:22px}.hero h1 .highlight-ink{letter-spacing:-3px}.hero-intro{font-size:15px;line-height:1.66}.hero-note{font-size:12px}.hero-buttons{gap:10px}.btn-accent{font-size:12px;gap:10px;padding-left:16px}.btn-outline-hero{font-size:12px;padding:0 16px;gap:9px}.hero-footnote{font-size:8px;letter-spacing:.6px}.hero-illustration{min-height:350px;max-width:440px}.core-circle{width:146px;height:146px;left:50%;top:53%;box-shadow:0 0 0 1px rgba(151,244,207,.4),0 0 0 15px rgba(91,180,153,.065),0 0 0 33px rgba(91,180,153,.035)}.core-orbit{inset:-11px}.orbit-2{inset:-24px}.core-mark{font-size:27px;margin-bottom:5px}.core-inner strong{font-size:10px;letter-spacing:1px}.core-inner b{font-size:15px}.core-inner em{font-size:7px}.diagram-card{width:131px;min-height:97px;padding:9px 10px;border-radius:8px}.diagram-card strong{font-size:9px;margin:7px 0}.card-overline{font-size:6px}.card-meta{font-size:7px}.card-rows{margin:7px 0 2px}.card-rows i{height:5px}.mini-window{margin:7px 0 4px}.mini-window span{height:14px}.mini-pills{margin:7px 0}.mini-pills i{width:26px;height:13px}.card-offer{top:6%;left:0}.card-front-a{right:-1%;top:3%}.card-front-b{right:-1%;bottom:2%}.diagram-label{padding:8px;font-size:6px}.float-label{left:-1%;bottom:13%}.visual-corner{font-size:7px}.hero-inner{padding-bottom:106px}.hero-bottom-strip .container{justify-content:space-between}.hero-bottom-strip{padding:15px 0}.section h2{font-size:clamp(37px,10vw,49px);letter-spacing:-2.2px}.italic-accent{letter-spacing:-1.7px}.eyebrow{font-size:10px;letter-spacing:1.6px}.section-lead{font-size:16px}.system-diagram{padding:13px}.system-diagram-top{font-size:7px}.brain-panel{padding:18px}.brain-title strong{font-size:15px}.brain-icon{width:39px;height:39px}.brain-title small{font-size:7px}.brain-badge{font-size:7px}.capabilities{grid-template-columns:repeat(2,1fr);gap:6px}.capabilities span{font-size:10px;padding:10px 2px}.output-box{padding:16px 9px}.output-box strong{font-size:12px}.output-box small{font-size:9px}.scenario-tab{font-size:14px}.preview-stage{min-height:435px;padding:15px}.preview-stage-top{font-size:8px}.preview-back-plate{top:18%;left:10%;right:9%;bottom:8%}.preview-window{width:95%;margin-top:33px;min-height:360px}.preview-body{padding:17px}.preview-browser{height:27px}.preview-heading{margin-top:24px}.preview-heading h3{font-size:23px}.preview-heading p{font-size:10px}.preview-fields{gap:7px}.mock-field{padding:10px 8px}.mock-field strong{font-size:9px}.mock-field small{font-size:7px}.mock-meta{font-size:7px}.preview-bottom{gap:5px}.preview-bottom span{font-size:7px}.preview-bottom button{font-size:8px;padding:11px 10px}.floating-preview-tag{right:-7px;bottom:10px;padding:10px;font-size:7px}.process-flow{grid-template-columns:1fr}.process-card{border-right:0;border-bottom:1px solid #e0e3e7;min-height:unset;padding:24px}.process-card:last-child{border-bottom:0}.step-glyph{height:95px;margin:4px 0 12px}.step-glyph:before{width:78px;height:78px}.process-card h3{font-size:18px}.process-card p{font-size:13px}.integrations-grid{grid-template-columns:1fr;gap:12px}.integration-center{min-height:250px}.integration-card{min-height:215px;padding:23px}.fake-logo{font-size:29px}.integration-card p{font-size:12px}.section-benefits .row{--bs-gutter-y:1rem}.benefit-card{min-height:270px}.benefit-art{height:96px}.impl-step{grid-template-columns:39px 1fr 20px;column-gap:8px;padding:18px 2px}.impl-step strong{font-size:15px}.impl-step small{font-size:10px}.cta-section{padding:71px 0}.cta-box h2{font-size:clamp(40px,10vw,58px);letter-spacing:-2.3px}.cta-box p:not(.eyebrow){font-size:14px}.cta-asterisk{right:0;top:-48px;font-size:55px}.footer{padding-top:52px}.footer-bottom{flex-direction:column;gap:10px}.contact-modal{padding:13px}.contact-modal .modal-title{font-size:33px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal-ready{opacity:1;transform:none}}
/* The mobile-only menu must never appear beside desktop navigation. */
@media(min-width:992px){.mobile-nav{display:none!important}}
@media(max-width:991.98px){.mobile-nav.show{display:block!important}}
@media(min-width:992px){.navbar-expand-lg .navbar-collapse.mobile-nav{display:none!important}}
@media(max-width:991.98px){.navbar-expand-lg .navbar-collapse.mobile-nav.show{display:block!important}}


/* BILETER24 / MAKIETA 02 — paleta wynikająca z dotychczasowego logo.
   Granat + #0059AC / #F7941D, nie nowy znak graficzny. */
:root{
  --brand-blue:#0059AC;
  --brand-navy:#082447;
  --brand-orange:#F7941D;
  --brand-sky:#65A9F3;
  --ink:#09233E;
  --chalk:#F6F8FB;
  --paper:#F4F7FA;
  --line:#DCE6F0;
}
body{background:#F6F8FB}
::selection{background:#F7941D;color:#082447}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:#F7941D}
.site-header{background:rgba(7,24,47,.88);border-bottom-color:rgba(144,193,236,.15)}
.site-header.scrolled{background:rgba(5,22,45,.97);border-bottom-color:rgba(144,193,236,.24)}
.nav-center a{color:#D4E4F3}
.nav-center a:hover,.footer-nav a:hover{color:#FFB04C}
.prototype-dot{background:#F7941D;box-shadow:0 0 12px rgba(247,148,29,.35)}
.btn-nav,.btn-accent{background:#F7941D;border-color:#F7941D;color:#10243B}
.btn-nav:hover,.btn-accent:hover{background:#FFB64D;border-color:#FFB64D;color:#10243B}
.btn-outline-hero{border-color:#3A608C;color:#E9F3FE}
.btn-outline-hero:hover{border-color:#F7941D;color:#FFB64D}
.navbar-toggler span{background:#F7941D}
.mobile-nav{background:#071D3A;border-bottom-color:#32517B}
.brand{min-width:180px;max-width:238px;height:62px;display:flex;align-items:center;justify-content:flex-start;gap:0;color:#fff}
.brand .official-logo{display:none;max-width:100%;height:auto;max-height:56px;object-fit:contain;object-position:left center;width:auto}
.brand.has-real-logo .official-logo{display:block}
.brand.has-real-logo .brand-fallback{display:none}
.brand-fallback{display:flex;flex-direction:column;gap:4px;color:white;white-space:nowrap}
.brand-fallback strong{font-size:28px;line-height:.94;letter-spacing:-1.2px;font-weight:800}
.brand-fallback small{color:#80A4CB;font-size:8px;letter-spacing:.55px;font-weight:750}
.footer-brand{height:75px}
.footer-brand .official-logo{max-height:62px}
.hero{background:radial-gradient(ellipse 750px 740px at 90% 36%,rgba(0,89,172,.34),transparent 65%),linear-gradient(136deg,#102F57 0%,#082447 42%,#061629 100%)}
.hero-grid{background-image:linear-gradient(to right,transparent calc(100% - 1px),rgba(82,156,236,.13) calc(100% - 1px)),linear-gradient(to bottom,transparent calc(100% - 1px),rgba(82,156,236,.10) calc(100% - 1px))}
.eyebrow,.italic-accent{color:#0059AC}
.eyebrow-light,.hero h1 .highlight-ink,.hero h1 .period,.hero-bottom-strip strong,.strip-mid i{color:#F7941D}
.mini-line{background:#F7941D}
.hero-intro{color:#CFDFEF}
.hero-note{color:#95AFCC}
.hero-footnote{color:#97B5D4}
.tiny-symbol{color:#F7941D}
.hero-bottom-strip{border-top-color:rgba(176,208,239,.23);color:#9EBAD8}
.strip-mid{color:#D0DEED}
.hero-lines path{stroke:#3C71A8}
.hero-lines path.trail{stroke:#F7941D}
.hero-lines circle{fill:#F7941D;stroke:#12466F}
.diagram-glow{background:radial-gradient(circle,rgba(0,121,224,.28),transparent 63%)}
.core-circle{background:radial-gradient(circle at 35% 25%,#0E437A,#092745 75%);box-shadow:0 0 0 1px rgba(122,180,244,.52),0 0 0 23px rgba(60,137,219,.10),0 0 0 53px rgba(60,137,219,.06),0 32px 100px rgba(0,0,0,.42)}
.core-orbit{border-color:rgba(104,169,238,.30)}
.orbit-1::after{background:#F7941D;box-shadow:0 0 24px rgba(247,148,29,.7)}
.core-mark{color:#F7941D}
.core-inner em{color:#A1BDDB}
.diagram-card{background:#FAFCFF;color:#102741}
.diagram-card .card-overline{color:#527EA8}
.diagram-card .card-meta{color:#6C86A2}
.card-rows i{background:#BFD9F6}
.card-rows i:last-child{background:#F7941D}
.mini-window span:nth-child(2){background:#A7D0FA}
.mini-window span:nth-child(3){background:#FAC88B}
.mini-pills i:nth-child(2){background:#FFC273;border-color:#FFB356}
.diagram-label{border-color:#315C89;color:#C7E0FA;background:#123960}
.float-label span{background:#F7941D;box-shadow:0 0 10px #F7941D}
.section-system{background:#F7FAFE}
.section-topline{border-top-color:#C9DAEC;color:#6885A4}
.system-diagram{background:#EAF1F9;box-shadow:inset 0 0 0 1px #D5E3F1}
.system-diagram-top{color:#5C82A9}
.diagram-status{color:#0059AC}
.diagram-status i{background:#F7941D}
.brain-panel{background:linear-gradient(125deg,#103D70,#082447);box-shadow:0 18px 40px rgba(8,36,71,.12)}
.brain-icon{border-color:#5A8BC3;color:#F7941D}
.brain-title small{color:#B7D4F0}
.brain-badge{color:#FFD091;border-color:#698AB6}
.capabilities span{border-color:#315987;background:#163D6C;color:#EDF5FF}
.capabilities span:last-child{color:#FFBB5C;border-color:#B67D4B}
.connector-center{color:#346AA4}
.connector-center span:first-child,.connector-center span:last-child{background:#A5BFDB}
.connector-center b{background:#D1E6FC}
.output-box{background:#FFF;border-color:#C4D8EE}
.output-icon{color:#0059AC}
.small-disclaimer{color:#6B8EAE}
.section-flex{background:radial-gradient(circle at 89% 40%,rgba(10,93,183,.42),transparent 38%),#082447}
.section-flex .italic-accent,.section-benefits .italic-accent{color:#F7941D}
.section-flex .section-lead,.section-benefits .section-lead{color:#D0DFF0}
.scenario-tabs,.scenario-tab{border-color:#355B87}
.scenario-tab{color:#A8C0D8}
.scenario-tab:hover,.scenario-tab.active,.scenario-tab.active b{color:#FFB04C}
.preview-stage{background:linear-gradient(142deg,#135A9D,#0A2D59 58%);border-color:#376CAC}
.preview-stage:before{background-image:radial-gradient(#70A8E2 1px,transparent 1px)}
.preview-back-plate{background:#F7941D}
.preview-window{background:#FAFCFF}
.preview-heading small,.preview-identity{color:#0059AC}
.preview-bottom button{background:#0059AC}
.preview-bottom button:hover{background:#003E7B}
.preview-window.pulse-preview{box-shadow:0 0 0 6px rgba(247,148,29,.55),0 20px 55px rgba(0,0,0,.25)}
.floating-preview-tag{background:#F7941D;color:#09233E}
.section-process,.section-implementation{background:#F8FAFD}
.process-flow{border-color:#D6E2EF}
.process-card{border-right-color:#DEE7F1;border-bottom-color:#DEE7F1}
.step-icon{border-color:#C4D7ED;color:#0059AC}
.step-glyph:before{background:#E9F2FC}
.section-integrations{background:#EAF2FA}
.integration-center{background:radial-gradient(circle,#13518D,#082447 72%)}
.integration-center:before,.integration-center:after{border-color:rgba(247,148,29,.24)}
.integration-core-halo{background:#0A3767;border-color:#5283B6;box-shadow:0 0 0 22px rgba(57,133,215,.09),0 0 0 47px rgba(57,133,215,.05)}
.integration-core-halo span{color:#F7941D}
.integration-core-halo small{color:#ABC9E7}
.integration-center-caption{color:#A9BED7}
.integration-card{background:#fff;border-color:#D7E4F1}
.integration-card:hover{box-shadow:0 12px 35px rgba(0,89,172,.1)}
.card-tag{color:#0059AC}
.logos-note{color:#6686A8}
.section-benefits{background:#071D38}
.benefit-card{border-color:#294F78;background:linear-gradient(142deg,#123962,#0A2647)}
.benefit-card:hover{border-color:#F7941D}
.benefit-no{color:#9EC0E0}
.benefit-card p{color:#BED2E5}
.benefit-art i{border-color:#7BAFEB}
.art-central i:nth-child(2),.art-fit i:nth-child(3),.art-flow i:last-child,.art-grow i:nth-child(3){background:#F7941D;border-color:#F7941D}
.implementation-steps{border-top-color:#B8CCE2}
.impl-step{border-bottom-color:#C8D8E9}
.impl-step:hover{background:#EDF4FC}
.impl-step span,.impl-step small{color:#6E8DAE}
.impl-step i{color:#0059AC}
.cta-section{background:linear-gradient(135deg,#F7941D,#FFB24E);color:#142B45}
.cta-section:before,.cta-section:after{border-color:rgba(116,53,0,.28)}
.cta-grain{background-image:radial-gradient(#91520D 1px,transparent 1px)}
.cta-box .eyebrow{color:#653E0C}
.cta-box h2 em{color:#694116}
.cta-box p:not(.eyebrow){color:#4E3D24}
.cta-asterisk{color:#BA6B12}
.btn-cta{background:#082447}
.btn-cta:hover{background:#0059AC}
.footer{background:#061831;color:#EAF4FF}
.footer-nav a{color:#B6CCE4}
.footer p{color:#9BB4CF}
.footer p small{color:#799AB9}
.footer-bottom{border-top-color:#304E72;color:#7E9AB8}
.footer-bottom a{color:#CFDDF1}
.contact-modal{background:#F5F8FC}
.contact-modal .form-control{border-color:#CADCEF}
.contact-modal .btn-accent{color:#09233E}
/* Keep exact Bootstrap 5 breakpoints unchanged. Only proportions of logo slot are customised. */
@media(max-width:575.98px){
  .brand{height:52px;min-width:158px;max-width:188px}
  .brand-fallback strong{font-size:25px}
  .brand-fallback small{font-size:7px}
  .brand .official-logo{max-height:49px}
  .core-circle{box-shadow:0 0 0 1px rgba(98,166,239,.52),0 0 0 15px rgba(60,137,219,.11),0 0 0 33px rgba(60,137,219,.06)}
  .process-card{border-right:0}
}


/* MAKIETA 03 — oficjalne logo Bileter24 zachowane bez zmian.
   Ze względu na niebieskie liternictwo i szary podpis
   umieszczamy znak na jasnym tle, nie na granacie. */
.site-header,.site-header.scrolled{background:rgba(255,255,255,.97);border-bottom:1px solid #dbe6f2;box-shadow:0 4px 22px rgba(4,37,77,.07)}
.navbar{min-height:87px}
.brand{max-width:242px;min-width:210px;width:242px;height:72px;color:#0a3562}
.brand .official-logo{display:block;width:100%;height:auto;max-height:70px;object-fit:contain;object-position:left center}
.nav-center a{color:#15395f;font-weight:650}
.nav-center a:hover,.nav-center a:focus-visible{color:#0059AC}
.prototype-pill{color:#718dab}
.btn-nav,.btn-accent{background:#F7941D;color:#092744;border-color:#F7941D}
.navbar-toggler span{background:#0059AC}
.mobile-nav{background:#fff;border-bottom:1px solid #dbe6f2;box-shadow:0 12px 22px rgba(0,0,0,.1)}
.mobile-nav a{color:#15395f}
.mobile-nav a:hover{color:#0059AC}
.mobile-nav small{color:#718dab}
.footer .footer-brand{display:flex;background:#fff;border-radius:14px;padding:12px 20px;width:232px;height:184px;min-width:0;max-width:232px;margin-bottom:24px;box-shadow:0 12px 32px rgba(0,0,0,.1)}
.footer .footer-brand .official-logo{display:block;object-position:center center;width:100%;height:auto;max-width:100%;max-height:100%;object-fit:contain}
@media(max-width:1199.98px) and (min-width:992px){
  .brand{width:196px;min-width:196px;max-width:196px;height:68px}
  .brand .official-logo{max-height:61px}
  .nav-actions{gap:9px}
  .prototype-pill{font-size:8px;letter-spacing:.5px}
  .nav-center{gap:16px}
}
@media(max-width:991.98px){
  .navbar{min-height:78px}
  .brand{width:226px;max-width:226px;min-width:0;height:63px}
  .brand .official-logo{max-height:62px}
}
@media(max-width:575.98px){
  .navbar{min-height:70px}
  .brand{width:205px;max-width:205px;min-width:0;height:57px}
  .brand .official-logo{max-height:55px}
  .footer .footer-brand{width:209px;max-width:209px;height:165px}
}
@media(max-width:359.98px){.brand{width:181px;max-width:181px}}

/* ===== Bileter24 v04 — rozbudowana stopka informacyjna ===== */
.footer-rich{position:relative;background:#061831;color:#eef6ff;padding:0;overflow:hidden}
.footer-rich .footer-accent{height:4px;background:linear-gradient(90deg,#0059AC 0%,#0059AC 57%,#F7941D 57%,#F7941D 100%)}
.footer-rich .footer-intro{display:flex;justify-content:space-between;align-items:end;gap:25px;padding:52px 0 39px;border-bottom:1px solid #274765}
.footer-rich .footer-eyebrow{display:block;color:#81add7;font-size:10px;font-weight:850;letter-spacing:2px;margin-bottom:12px}
.footer-rich .footer-intro h2{color:#f5f9ff;font-size:clamp(28px,3.2vw,44px);line-height:1.08;letter-spacing:-1.6px;margin:0 0 8px;font-weight:850}
.footer-rich .footer-period{color:#F7941D}
.footer-rich .footer-intro p{font-size:13px;color:#a9c0d8;line-height:1.6;margin:0;max-width:600px}
.footer-rich .footer-contact-link{color:#fff;display:inline-flex;gap:16px;align-items:center;border:1px solid #426789;padding:12px 16px;border-radius:8px;text-decoration:none;font-size:12px;font-weight:750;white-space:nowrap;transition:.2s}
.footer-rich .footer-contact-link span{color:#ffb44b;font-size:18px}
.footer-rich .footer-contact-link:hover{background:#113e66;border-color:#f7941d}
.footer-rich .footer-columns{padding-top:38px;padding-bottom:45px}
.footer-rich .footer-business{padding-right:26px}
.footer-rich .footer-logo-panel{display:flex;align-items:center;justify-content:center;width:min(258px,100%);min-height:84px;border-radius:10px;background:#fff;padding:13px 15px;margin-bottom:17px;box-shadow:0 15px 34px rgba(0,0,0,.12)}
.footer-rich .footer-main-logo{display:block;height:auto;width:100%;max-width:228px;object-fit:contain}
.footer-rich .footer-business-description{font-size:12px;line-height:1.65;color:#a7bfd7;max-width:340px;margin:0 0 22px}
.footer-rich .footer-business-meta{border-left:2px solid #F7941D;padding-left:16px}
.footer-rich .footer-business-meta h3{margin:0 0 10px;color:#f4f8ff;font-size:12px;font-weight:850}
.footer-rich .footer-placeholder{font-size:12px;line-height:1.55;color:#d0deec;margin:0 0 5px;max-width:350px}
.footer-rich .footer-identifiers{display:flex;gap:5px 18px;flex-wrap:wrap;padding-top:9px;font-size:11px;color:#8eafd0}
.footer-rich .footer-identifiers b{font-weight:650;color:#ccdae9}
.footer-rich .footer-draft-label{display:inline-block;margin-top:15px;font-size:10px;color:#9aacc1;background:#1a3048;border:1px solid #2d4865;border-radius:5px;padding:5px 9px}
.footer-rich .footer-title{font-size:13px;line-height:1.4;color:#f1f6ff;font-weight:850;margin:0 0 19px;letter-spacing:.1px}
.footer-rich .footer-title:after{content:'';display:block;background:#F7941D;width:21px;height:2px;margin-top:10px}
.footer-rich .footer-subtitle{margin-top:25px;margin-bottom:14px}
.footer-rich .footer-links{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.footer-rich .footer-links li{margin:0;line-height:1.5}
.footer-rich .footer-links a,.footer-rich .footer-text-button{color:#b9cee3;font-size:12px;line-height:1.55;text-decoration:none;transition:color .18s}
.footer-rich .footer-links a:hover,.footer-rich .footer-links a:focus-visible,.footer-rich .footer-text-button:hover,.footer-rich .footer-text-button:focus-visible{color:#ffb65a;text-decoration:underline;text-underline-offset:3px}
.footer-rich .footer-text-button{border:0;padding:0;cursor:pointer;display:inline;text-align:left;background:none;font-family:inherit}
.footer-rich .footer-planned{font-size:12px;color:#829bb5;display:block}
.footer-rich .footer-planned small{display:inline-block;margin-left:4px;font-size:9px;color:#f4ad59}
.footer-rich .footer-contact-placeholder{color:#bed1e5;font-size:11px;line-height:1.6;margin:0 0 6px}
.footer-rich .footer-fast-access{display:flex;align-items:center;flex-wrap:wrap;gap:9px 14px;border:1px solid #315271;background:linear-gradient(110deg,#0d2947,#09213c);padding:15px 19px;border-radius:10px}
.footer-rich .footer-fast-heading{margin-right:auto;font-size:10px;font-weight:850;color:#9ab7d2;letter-spacing:1.3px}
.footer-rich .footer-fast-access button,.footer-rich .footer-fast-access a{background:#183957;border:1px solid #335475;color:#dce9f7;border-radius:6px;padding:9px 12px;font-size:11px;font-weight:700;white-space:nowrap;text-decoration:none;transition:color .18s,background .18s,border-color .18s}
.footer-rich .footer-fast-access button:hover,.footer-rich .footer-fast-access a:hover{color:#fff;background:#1b4c78;border-color:#f7941d}
.footer-rich .footer-fast-access span[aria-hidden]{color:#f8a640;margin-left:5px}
.footer-rich .footer-rich-bottom{margin-top:28px;padding:19px 0 25px;border-top:1px solid #274765;color:#88a4c0;font-size:10px;letter-spacing:0;text-transform:none;font-weight:600;line-height:1.5}
.footer-rich .footer-rich-bottom a{color:#f2f7ff;text-decoration:none}
.footer-rich .footer-rich-bottom a:hover{color:#ffb65a}
.footer-info-modal{background:#f7fbff;color:#123354;border-radius:14px;border:0}
.footer-info-modal .modal-header{border-bottom:1px solid #d9e5f3;padding:23px 26px}
.footer-info-modal .modal-title{font-size:25px;font-weight:850;line-height:1.2;letter-spacing:-.4px}
.footer-info-modal .footer-info-eyebrow{display:block;color:#0059AC;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-bottom:7px}
.footer-info-modal .modal-body{padding:25px 26px 18px}
.footer-info-modal .modal-body p{font-size:14px;line-height:1.7;color:#2d4a67;margin-bottom:12px}
.footer-info-modal .footer-modal-note{background:#e7f0fa;border-left:3px solid #f7941d;border-radius:4px;padding:12px 14px;font-size:12px!important}
.footer-info-modal .modal-footer{border:0;padding:0 26px 23px}
.footer-info-modal .footer-modal-close{background:#0059AC;color:white;border:0;border-radius:7px;padding:10px 18px;font-size:12px;font-weight:700}
@media(max-width:1199.98px){.footer-rich .footer-columns>.col-lg-12{padding-top:5px}.footer-rich .footer-columns{row-gap:35px!important}}
@media(max-width:991.98px){.footer-rich .footer-intro{align-items:start}.footer-rich .footer-business{padding-right:0}.footer-rich .footer-columns{padding-bottom:35px}}
@media(max-width:767.98px){.footer-rich .footer-intro{display:block;padding:38px 0 30px}.footer-rich .footer-contact-link{margin-top:19px}.footer-rich .footer-columns{padding-top:28px}.footer-rich .footer-fast-access{align-items:stretch;gap:8px}.footer-rich .footer-fast-heading{width:100%;margin:0 0 6px}.footer-rich .footer-fast-access button,.footer-rich .footer-fast-access a{white-space:normal}.footer-rich .footer-rich-bottom{margin-top:22px;display:flex;flex-direction:column;gap:7px}}
@media(max-width:399.98px){.footer-rich .footer-fast-access{padding:13px}.footer-rich .footer-fast-access button,.footer-rich .footer-fast-access a{flex:1 1 44%;text-align:left}.footer-rich .footer-logo-panel{width:225px}}



/* ===== Bileter24 v05 — komunikacja: dla kogo jest system ===== */
.hero-audience{background:radial-gradient(ellipse 720px 640px at 85% 43%,rgba(0,89,172,.26),transparent 72%),linear-gradient(145deg,#0d2036,#071321 75%);min-height:800px;padding-top:133px}
.hero-audience .hero-inner{padding-bottom:95px}
.hero-audience h1{font-size:clamp(47px,4.5vw,66px);line-height:1.10;letter-spacing:-3.5px;max-width:650px;margin-bottom:23px}
.hero-audience h1 .highlight-ink{letter-spacing:-3.5px}
.hero-audience .hero-intro{font-size:17px;line-height:1.65;max-width:570px;margin-bottom:32px;color:#c5d6e9}
.hero-audience .hero-note{font-size:10px;color:#87a6c6;line-height:1.6;margin:20px 0 0;max-width:520px}
.audience-hero-visual{position:relative;max-width:635px;margin-left:auto;border:1px solid rgba(140,181,229,.24);border-radius:23px;background:radial-gradient(circle at 70% 10%,rgba(21,102,185,.28),transparent 55%),#0c2745;box-shadow:0 22px 90px rgba(0,0,0,.28);padding:23px 24px 19px;overflow:hidden}
.audience-hero-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 50%,rgba(141,197,255,.045) 51%);background-size:48px 48px;pointer-events:none}
.audience-visual-caption,.audience-visual-foot{position:relative;display:flex;align-items:center;gap:10px;justify-content:space-between;color:#a1bdda;font-size:9px;letter-spacing:1.4px;font-weight:850}
.audience-visual-caption span:last-child{color:#7395b8;margin-left:auto}
.audience-caption-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#f7941d;box-shadow:0 0 0 4px #f7941d25}
.audience-panels{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 21px}
.audience-panel{position:relative;min-height:193px;border-radius:14px;padding:15px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(255,255,255,.13);transition:transform .25s,border-color .25s}
.audience-panel:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.33)}
.audience-panel-transport{grid-row:span 2;min-height:399px;background:radial-gradient(circle at 80% 55%,#3d84c5,transparent 50%),linear-gradient(145deg,#0d5a9b,#07345e)}
.audience-panel-tourism{background:radial-gradient(circle at 95% 5%,#ffcb7c55,transparent 48%),linear-gradient(135deg,#233f60,#13334d)}
.audience-panel-events{background:radial-gradient(circle at 100% 4%,#eea85438,transparent 50%),linear-gradient(130deg,#263550,#1b2b44)}
.audience-panel-kicker{font-size:9px;color:#ffffffc2;letter-spacing:1.2px;font-weight:800;position:relative;z-index:2}
.audience-panel-illustration{position:relative;display:flex;justify-content:center;align-items:center;flex:1;color:#fff;filter:drop-shadow(0 15px 20px rgba(0,0,0,.17))}
.audience-panel-illustration svg{width:78%;max-height:138px;transition:transform .3s}
.audience-panel-transport .audience-panel-illustration svg{max-height:210px;width:94%}
.audience-panel:hover svg{transform:scale(1.04)}
.audience-panel-bottom{position:relative;z-index:2;display:grid;gap:5px}
.audience-panel-bottom strong{color:#fff;font-size:15px;line-height:1.3;font-weight:800}
.audience-panel-bottom span{color:#e4eefa;opacity:.84;font-size:11px}
.audience-visual-foot{border-top:1px solid rgba(174,207,240,.23);padding-top:15px;gap:8px}
.audience-visual-foot-mark{color:#ffba62}
.section-audience{background:#f8fafc;padding-bottom:105px}
.section-audience .section-topline{border-color:#d9e2ed;color:#557390}
.audience-section-intro{margin-bottom:34px}
.section-audience h2{max-width:700px}
.audience-industry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.audience-industry-card{background:#fff;border:1px solid #dce5ee;border-radius:18px;overflow:hidden;box-shadow:0 16px 40px rgba(18,46,77,.05);transition:transform .22s,box-shadow .22s}
.audience-industry-card:hover{transform:translateY(-4px);box-shadow:0 22px 46px rgba(18,46,77,.1)}
.industry-art{position:relative;height:225px;display:flex;justify-content:center;align-items:center;overflow:hidden;border-bottom:1px solid #dce5ee}
.industry-art:before{content:"";position:absolute;width:245px;height:245px;border:1px solid rgba(255,255,255,.22);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
.industry-art:after{content:"";position:absolute;width:170px;height:170px;border:1px solid rgba(255,255,255,.2);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
.industry-art svg{width:66%;height:156px;color:#fff;position:relative;z-index:2;filter:drop-shadow(0 12px 20px rgba(0,0,0,.13))}
.industry-art-index{position:absolute;top:18px;left:22px;z-index:3;color:#ffffffd3;font-size:11px;font-weight:800;letter-spacing:2px}
.industry-art-accent{position:absolute;width:110px;height:110px;border-radius:50%;right:-45px;bottom:-50px;background:#f7941d}
.industry-art-transport{background:linear-gradient(130deg,#0067b8,#0a4176)}
.industry-art-tourism{background:linear-gradient(140deg,#326087,#163953)}
.industry-art-events{background:linear-gradient(140deg,#364b70,#1b3251)}
.industry-copy{padding:24px 23px 27px}
.industry-copy>span{font-size:9px;font-weight:800;color:#0059ac;letter-spacing:1.3px}
.industry-copy h3{font-size:21px;letter-spacing:-.6px;font-weight:850;margin:11px 0 10px;color:#122b46}
.industry-copy p{color:#617992;font-size:13px;line-height:1.65;margin:0}
.audience-conclusion{margin-top:22px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-left:4px solid #f7941d;background:#eaf2fb;border-radius:0 12px 12px 0;padding:22px 25px}
.audience-conclusion-label{color:#0059ac;font-size:10px;letter-spacing:1.2px;font-weight:850}
.audience-conclusion p{font-size:16px;line-height:1.5;color:#284462;margin:8px 0 0}
.audience-conclusion strong{color:#0a2b4e}
.audience-conclusion .text-link{margin:0;flex-shrink:0;font-size:12px}
.audience-disclaimer{margin:20px 0 0;font-size:11px;color:#7d91a7;line-height:1.6}
@media(max-width:1199.98px){.hero-audience h1{font-size:clamp(46px,4.7vw,60px);letter-spacing:-2.7px}.audience-panel{padding:13px;min-height:177px}.audience-panel-transport{min-height:367px}.audience-panel-bottom strong{font-size:13px}}
@media(max-width:991.98px){.hero-audience{padding-top:115px;min-height:auto}.hero-audience h1{font-size:clamp(49px,8vw,72px)}.hero-audience .hero-inner{padding-bottom:115px}.audience-hero-visual{max-width:710px;margin:20px auto 0}.audience-panel{min-height:205px}.audience-panel-transport{min-height:423px}.audience-panel-bottom strong{font-size:17px}.audience-industry-grid{gap:10px}.industry-art{height:170px}.industry-art svg{height:127px}.industry-copy{padding:21px 16px}.industry-copy h3{font-size:18px}}
@media(max-width:767.98px){.hero-audience h1{font-size:clamp(44px,9vw,65px);letter-spacing:-2.5px}.hero-audience .hero-intro{font-size:16px}.hero-audience .hero-inner{padding-bottom:100px}.audience-industry-grid{grid-template-columns:1fr;gap:14px}.audience-industry-card{display:grid;grid-template-columns:39% 61%}.industry-art{height:210px;border-bottom:0;border-right:1px solid #dce5ee}.industry-art svg{width:80%;height:150px}.industry-copy{display:flex;flex-direction:column;justify-content:center;padding:20px}.audience-conclusion{align-items:start;flex-direction:column}.audience-conclusion .text-link{align-self:flex-start}}
@media(max-width:575.98px){.hero-audience{padding-top:112px}.hero-audience h1{font-size:clamp(40px,10.8vw,59px);letter-spacing:-2.7px}.hero-audience .hero-intro{font-size:15px;line-height:1.6;margin-bottom:23px}.hero-audience .hero-note{font-size:10px;margin-top:18px}.hero-audience .hero-inner{padding-bottom:93px}.audience-hero-visual{margin-top:22px;padding:15px;border-radius:17px}.audience-panels{gap:8px;margin:16px 0}.audience-panel{padding:12px;min-height:144px;border-radius:10px}.audience-panel-transport{min-height:300px}.audience-panel-illustration svg{max-height:83px;width:85%}.audience-panel-transport .audience-panel-illustration svg{max-height:155px}.audience-panel-bottom strong{font-size:11px}.audience-panel-bottom span{font-size:10px}.audience-panel-kicker{font-size:8px;letter-spacing:.3px}.audience-visual-caption,.audience-visual-foot{font-size:8px;letter-spacing:.2px}.audience-visual-foot-mark{text-align:right}.industry-art{height:155px}.industry-art svg{height:107px}.industry-copy{padding:15px 13px}.industry-copy>span{font-size:8px;letter-spacing:.3px}.industry-copy h3{font-size:16px;letter-spacing:-.3px;margin:7px 0}.industry-copy p{font-size:11px;line-height:1.55}.audience-conclusion{padding:18px}.audience-conclusion p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.audience-panel,.audience-panel svg,.audience-industry-card{transition:none}}




/* --- Bileter24 | v06: kanały sprzedaży bez dublowania sekcji branżowych --- */
.section-channels{background:#f8fafc;padding-bottom:84px;scroll-margin-top:0}
.channels-intro{margin-bottom:29px}
.section-channels h2{max-width:790px}
.channels-diagram{border:1px solid #d4e1ee;border-radius:22px;padding:27px;background:linear-gradient(145deg,#edf5fd 0%,#fff 68%);box-shadow:0 24px 58px rgba(10,47,82,.07);position:relative;overflow:hidden}
.channels-diagram:before{content:'';position:absolute;width:330px;height:330px;border-radius:50%;right:-190px;bottom:-210px;background:radial-gradient(circle,rgba(247,148,29,.13),transparent 72%);pointer-events:none}
.channels-diagram-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;color:#577390;font-size:10px;letter-spacing:1.65px;font-weight:850;margin-bottom:22px}
.channels-small-dot{display:inline-block;vertical-align:middle;width:8px;height:8px;border-radius:50%;background:#f7941d;margin-right:8px}
.channels-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.channel-tile{background:#fff;border:1px solid #d9e5f0;border-radius:13px;padding:20px 21px 19px;display:flex;flex-direction:column;min-height:172px;box-shadow:0 7px 22px rgba(7,38,73,.025);position:relative;z-index:1}
.channel-tile-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:16px;color:#0059ac}
.channel-tile-top span{font-size:10px;font-weight:850;letter-spacing:1.3px;color:#6b83a0}
.channel-tile-top svg{height:42px;width:42px;flex-shrink:0}
.channel-tile strong{font-size:20px;line-height:1.2;letter-spacing:-.6px;color:#123350;margin-bottom:7px}
.channel-description{font-size:12px;color:#667e98;line-height:1.45}
.channels-connector{height:37px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 25px;position:relative}
.channels-connector:after{content:'';position:absolute;bottom:0;left:16.65%;right:16.65%;height:2px;background:#91b6da}
.channels-connector span{height:100%;width:2px;background:#91b6da;justify-self:center;position:relative}
.channels-connector span:after{content:'';position:absolute;left:-3px;bottom:-4px;width:8px;height:8px;background:#f7941d;border:2px solid #fff;border-radius:50%;z-index:1}
.channels-core{display:flex;align-items:center;gap:19px;padding:22px 26px;background:linear-gradient(110deg,#0b345f,#065caa);border-radius:13px;color:#fff;position:relative;z-index:2;box-shadow:0 14px 30px rgba(4,73,139,.18)}
.channels-core-icon{width:59px;height:59px;flex:0 0 59px;border-radius:14px;background:rgba(255,255,255,.13);display:grid;place-items:center;color:#fff}
.channels-core-icon svg{width:33px;height:33px}
.channels-core-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.channels-core-copy>span{color:#ffb450;letter-spacing:1.7px;font-size:10px;font-weight:850}
.channels-core-copy strong{font-size:22px;letter-spacing:-.6px;line-height:1.25}
.channels-core-copy small{font-size:12px;color:#c3dbf1;line-height:1.4}
.channels-core-link{margin-left:auto;align-self:center;color:#fff;white-space:nowrap;text-decoration:none;font-size:12px;font-weight:800;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:5px}
.channels-core-link:hover{color:#ffb450;border-color:#ffb450}
.channels-note{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px;color:#496782}
.channels-note p{margin:0;font-size:14px;line-height:1.5}
.channels-note p strong{color:#143d62}
.channels-note>span{font-size:9px;max-width:270px;line-height:1.5;letter-spacing:1px;font-weight:750;color:#869aaf;text-align:right}
@media(max-width:991.98px){.channels-diagram-heading>span:last-child{display:none}.channels-core{flex-wrap:wrap}.channels-core-link{margin-left:78px}.channels-note{align-items:flex-start;flex-direction:column}.channels-note>span{text-align:left;max-width:none}}
@media(max-width:767.98px){.section-channels{padding-bottom:74px}.channels-diagram{padding:19px}.channels-grid{gap:9px}.channel-tile{padding:13px 12px;min-height:156px}.channel-tile-top{flex-direction:column-reverse;gap:10px;margin-bottom:10px}.channel-tile-top svg{height:34px;width:34px}.channel-tile-top span{font-size:8px;letter-spacing:.6px}.channel-tile strong{font-size:16px}.channel-description{font-size:11px}.channels-connector{margin:0 12px}.channels-core{gap:12px;padding:18px}.channels-core-icon{width:47px;height:47px;flex-basis:47px}.channels-core-icon svg{width:27px;height:27px}.channels-core-copy strong{font-size:18px}.channels-core-link{margin-left:59px}.channels-note p{font-size:13px}}
@media(max-width:500px){.channels-diagram{padding:15px 12px 12px;border-radius:16px}.channels-diagram-heading{margin-bottom:14px;font-size:9px;letter-spacing:1px}.channels-grid{gap:5px}.channel-tile{padding:13px 8px 12px;min-height:155px;border-radius:9px}.channel-tile-top{margin-bottom:10px;gap:11px}.channel-tile-top svg{width:30px;height:30px}.channel-tile-top span{font-size:8px;letter-spacing:.1px;line-height:1.4}.channel-tile strong{font-size:13px;letter-spacing:-.35px;line-height:1.3}.channel-description{font-size:10px;line-height:1.35}.channels-connector{height:27px;gap:5px;margin:0 8px}.channels-core{border-radius:9px;padding:15px 13px;gap:10px}.channels-core-icon{width:42px;height:42px;flex-basis:42px;border-radius:9px}.channels-core-copy>span{font-size:9px;letter-spacing:1px}.channels-core-copy strong{font-size:16px}.channels-core-copy small{font-size:11px}.channels-core-link{margin:3px 0 0 52px;font-size:11px}.section-channels h2{font-size:clamp(34px,9vw,46px)}}
@media(max-width:500px){
  .channels-grid{grid-template-columns:1fr;gap:8px}
  .channel-tile{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;min-height:75px;padding:12px 14px;align-items:center}
  .channel-tile-top{grid-column:1;grid-row:1 / 3;align-self:center;margin:0}
  .channel-tile-top svg{width:36px;height:36px}
  .channel-tile-top span{display:none}
  .channel-tile strong{grid-column:2;grid-row:1;font-size:16px;align-self:end;margin:0 0 4px}
  .channel-description{grid-column:2;grid-row:2;font-size:11px;align-self:start}
  .channels-connector{height:25px;margin:0 24px;display:block}
  .channels-connector:after{left:50%;right:auto;width:2px;height:100%;bottom:0;transform:translateX(-50%)}
  .channels-connector span{display:none}
  .channels-core-link{margin-left:52px}
}
@media(prefers-reduced-motion:reduce){.channel-tile{transition:none}}




/* Bileter24 | v07: rozbudowana nawigacja. Oryginalne breakpointy Bootstrap 5. */
.nav-center{align-items:center;gap:21px}
.nav-parent{display:inline-flex;align-items:center;position:relative;gap:2px;white-space:nowrap}
.nav-center .nav-primary-link{font-size:13px;color:#153653;font-weight:700;text-decoration:none;white-space:nowrap;transition:color .18s}
.nav-center .nav-primary-link:hover,.nav-center .nav-primary-link:focus-visible{color:#bd6200}
.nav-arrow{display:inline-flex;align-items:center;justify-content:center;width:27px;height:34px;padding:0;border:0;border-radius:8px;color:#265d91;background:transparent;transition:background .2s,color .2s}
.nav-arrow:hover,.nav-arrow:focus-visible,.nav-arrow[aria-expanded="true"]{color:#c76a00;background:#edf4fa}
.nav-arrow[aria-expanded="true"] svg,.mobile-subtoggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.nav-arrow svg,.mobile-subtoggle svg{transition:transform .2s}
.nav-center .nav-dropdown{position:absolute;inset:auto auto auto 0;top:calc(100% + 14px);min-width:228px;background:#fff;border:1px solid #dbe6f0;border-radius:13px;padding:8px;box-shadow:0 18px 40px rgba(5,28,55,.22);z-index:1100;margin:0}
.nav-center .nav-dropdown:before{content:'';position:absolute;top:-7px;left:24px;width:12px;height:12px;background:#fff;border-left:1px solid #dbe6f0;border-top:1px solid #dbe6f0;transform:rotate(45deg)}
.nav-center .nav-dropdown .dropdown-item{display:block;position:relative;color:#163553;font-size:12px;font-weight:700;line-height:1.35;white-space:normal;padding:11px 13px;border-radius:7px;background:transparent;text-decoration:none}
.nav-center .nav-dropdown .dropdown-item:hover,.nav-center .nav-dropdown .dropdown-item:focus-visible{background:#eaf3fd;color:#0059ac}
.nav-center .nav-dropdown li{list-style:none}
.nav-actions .prototype-pill{color:#647d9b}
.nav-center .nav-primary-link:focus-visible,.nav-arrow:focus-visible,.mobile-subtoggle:focus-visible,.mobile-nav a:focus-visible{outline:2px solid #f7941d;outline-offset:3px}
.mobile-nav{max-height:calc(100dvh - 76px);overflow-y:auto;overscroll-behavior:contain}
.mobile-nav-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(209,228,250,.12)}
.mobile-nav .mobile-nav-row>a{flex:1;min-width:0}
.mobile-subtoggle{flex:0 0 44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:#edf4fa;color:#245882}
.mobile-subtoggle[aria-expanded="true"]{color:#c76a00;background:#edf4fa}
.mobile-subnav{background:#122b47;border-radius:8px;margin:4px 0 9px;padding:7px 9px}
.mobile-nav .mobile-subnav a{padding:10px 12px;font-size:13px;font-weight:600;color:#d1e4f7;border-radius:5px}
.mobile-nav .mobile-subnav a:hover,.mobile-nav .mobile-subnav a:focus-visible{background:#214769;color:#fff}
.mobile-nav .mobile-nav-simple{border-bottom:1px solid rgba(209,228,250,.12)}
#kanaly,#system,#elastycznosc,#proces,#integracje,#korzysci,.channel-tile,.integration-card{scroll-margin-top:0}
.channel-tile:target,.integration-card:target{outline:2px solid #f7941d;outline-offset:3px}
@media(min-width:992px) and (max-width:1199.98px){
  .nav-center{gap:7px}
  .nav-center .nav-primary-link{font-size:11.5px}
  .nav-arrow{width:21px}
  .nav-actions .prototype-pill{display:none}
  .nav-actions .btn-nav{font-size:11px;padding:11px 13px}
  .nav-actions .btn-nav span{margin-left:5px}
}
@media(max-width:991.98px){
  .nav-center{display:none!important}
  .mobile-nav{max-height:calc(100dvh - 76px)}
}
@media(max-width:575.98px){.mobile-nav{max-height:calc(100dvh - 70px)}}
@media(prefers-reduced-motion:reduce){.nav-arrow svg,.mobile-subtoggle svg{transition:none}}

/* Korekta offsetu przewijania — tylko jedna kompensacja stałego nagłówka. */
@media(max-width:991.98px){html{scroll-padding-top:82px}}
@media(max-width:575.98px){html{scroll-padding-top:74px}}