@layer bricks {@charset "UTF-8";@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}.brxe-carousel{min-width:0;position:relative;width:100%}.brxe-carousel .image{background-position:50%;background-size:cover;bottom:0;height:300px;left:0;position:relative;right:0;top:0}.brxe-carousel .swiper-autoheight .image{height:auto!important;width:100%}.brxe-carousel .content-wrapper,.brxe-carousel .overlay-wrapper{align-items:baseline;bottom:0;display:flex;flex-direction:column;flex-wrap:wrap;height:100%;left:0;position:relative;right:0;top:0;z-index:1}.brxe-carousel .content-wrapper.top,.brxe-carousel .overlay-wrapper.top{justify-content:flex-start}.brxe-carousel .content-wrapper.middle,.brxe-carousel .overlay-wrapper.middle{justify-content:center;margin-bottom:auto;margin-top:auto}.brxe-carousel .content-wrapper.bottom,.brxe-carousel .overlay-wrapper.bottom{justify-content:flex-end}.brxe-carousel .content-wrapper.left,.brxe-carousel .overlay-wrapper.left{align-items:flex-start;text-align:left}.brxe-carousel .content-wrapper.center,.brxe-carousel .overlay-wrapper.center{align-items:center;text-align:center}.brxe-carousel .content-wrapper.right,.brxe-carousel .overlay-wrapper.right{align-items:flex-end;text-align:right}.brxe-carousel .content-wrapper.center.middle,.brxe-carousel .overlay-wrapper.center.middle{margin-bottom:auto;margin-top:auto}.brxe-carousel .overlay-wrapper{position:absolute!important;z-index:2}.brxe-carousel .overlay-wrapper.show-on-hover{opacity:0;position:relative;transition:var(--bricks-transition)}.brxe-carousel .overlay-wrapper.show-on-hover:hover{opacity:1}.brxe-carousel .overlay-wrapper.show-on-hover .overlay-inner{transition:var(--bricks-transition);will-change:transform}.brxe-carousel .overlay-wrapper.show-on-hover.fade-in-up .overlay-inner{transform:translateY(10px)}.brxe-carousel .overlay-wrapper.show-on-hover.fade-in-up:hover .overlay-inner{transform:translateY(0)}.brxe-carousel .overlay-wrapper.show-on-hover.fade-in-right .overlay-inner{transform:translateX(-10px)}.brxe-carousel .overlay-wrapper.show-on-hover.fade-in-right:hover .overlay-inner{transform:translateY(0)}.brxe-carousel .overlay-wrapper.show-on-hover.fade-in-down .overlay-inner{transform:translateY(-10px)}.brxe-carousel .overlay-wrapper.show-on-hover.fade-in-down:hover .overlay-inner{transform:translateY(0)}.brxe-carousel .overlay-wrapper.show-on-hover.fade-in-left .overlay-inner{transform:translateX(10px)}.brxe-carousel .overlay-wrapper.show-on-hover.fade-in-left:hover .overlay-inner{transform:translateY(0)}.brxe-carousel .overlay-wrapper.show-on-hover.zoom-in .overlay-inner{transform:scale(.8)}.brxe-carousel .overlay-wrapper.show-on-hover.zoom-in:hover .overlay-inner{transform:scale(1)}.brxe-carousel .overlay-wrapper.show-on-hover.zoom-out .overlay-inner{transform:scale(1.2)}.brxe-carousel .overlay-wrapper.show-on-hover.zoom-out:hover .overlay-inner{transform:scale(1)}.brxe-carousel .dynamic{margin:0;padding:0}.brxe-carousel .meta{width:100%}.brxe-carousel .meta>span:first-child{padding:0}.brxe-carousel .meta>span+span{padding:0 var(--builder-spacing-xs)}.brxe-carousel .meta>span+span:before{content:"·";left:calc(var(--builder-spacing-xs)*-1);position:relative}.brxe-carousel .excerpt{margin-top:.5em}.brxe-carousel .taxonomy{margin:0 -5px}.brxe-carousel .taxonomy a{display:inline-block;line-height:2;margin:0 5px}.brxe-carousel .overlay-wrapper{height:300px}}@layer bricks {}@layer bricks {.brxe-shortcode{width:100%}}@layer bricks {.brxe-button{width:auto}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}html,body { direction: ltr !important;}#brxe-fjgprv {display: grid; align-items: initial; grid-template-columns: 1fr 1fr 1fr 1fr 1fr}#brxe-crmnvp {display: grid; align-items: initial; grid-template-columns: 1fr 1fr}#brxe-qknsbv {display: grid; align-items: initial; grid-template-columns: 1fr 1fr 1fr}.pi-saas { --pi-navy:#002147; --pi-navy-2:#06192f; --pi-blue:#2F5D8A; --pi-blue-2:#4278a8; --pi-yellow:#fec10d; --pi-red:#ad2d2d; --pi-bg:#f4f7fb; --pi-card:#ffffff; --pi-ink:#0f2741; --pi-muted:#61758a; --pi-line:#dbe4ee; --pi-soft:#eaf1f7; --pi-green:#28c76f; box-sizing:border-box; width:100%; max-width:none; color:var(--pi-ink); font-family:inherit;} .pi-saas *, .pi-saas *::before, .pi-saas *::after { box-sizing:border-box; } .pi-saas .pi-shell { width:min(1440px, calc(100% - 64px)); max-width:1440px; margin:0 auto; padding:0;} .pi-saas .pi-kicker { display:inline-flex; align-items:center; width:max-content; max-width:100%; padding:8px 12px; border:1px solid rgba(47,93,138,.18); border-radius:999px; background:#eef4f9; color:var(--pi-blue); font-size:13px; line-height:1.2; font-weight:800; letter-spacing:.09em; text-transform:uppercase;} .pi-saas .pi-kicker--dark { border-color:rgba(255,255,255,.15); background:rgba(255,255,255,.07); color:#d7e7f6;} .pi-saas .pi-h1 { margin:0; max-width:900px; color:#fff; font-size:clamp(42px,4.4vw,68px); line-height:1.02; letter-spacing:-.055em; font-weight:850; text-wrap:balance;} .pi-saas .pi-h2 { margin:0; color:var(--pi-navy); font-size:clamp(34px,3.2vw,54px); line-height:1.06; letter-spacing:-.04em; font-weight:820; text-wrap:balance;} .pi-saas .pi-h2--light { color:#fff; } .pi-saas .pi-lead { max-width:760px; color:var(--pi-muted); font-size:clamp(17px,1.4vw,20px); line-height:1.7;} .pi-saas .pi-lead p { margin:0; } .pi-saas .pi-lead--dark { color:#c8d6e5; } .pi-saas .pi-actions { display:flex; flex-wrap:wrap; gap:12px; width:100%;} .pi-saas .pi-btn.brxe-button { display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:14px 22px; border:1px solid transparent; border-radius:12px; background:var(--pi-yellow); color:var(--pi-navy); font-size:15px; font-weight:800; text-decoration:none; box-shadow:none; transition:transform .18s ease, box-shadow .18s ease, background-color .18s ease;} .pi-saas .pi-btn.brxe-button:hover { transform:translateY(-2px); background:#ffd23d; color:var(--pi-navy); box-shadow:0 10px 24px rgba(0,0,0,.16);} .pi-saas .pi-btn--ghost.brxe-button { background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.24); color:#fff;} .pi-saas .pi-btn--ghost.brxe-button:hover { background:rgba(255,255,255,.12); color:#fff;} .pi-saas .pi-btn--blue.brxe-button { background:var(--pi-navy); color:#fff;} .pi-saas .pi-btn--blue.brxe-button:hover { background:#0b345f; color:#fff; } .pi-saas .pi-grid { display:grid; width:100%; min-width:0; } .pi-saas .pi-card { width:100%; min-width:0; border:1px solid var(--pi-line); border-radius:20px; background:#fff; box-shadow:0 12px 34px rgba(0,33,71,.06);} .pi-saas .pi-section-head { display:flex; flex-direction:column; gap:18px; max-width:920px;} .pi-saas .pi-section-head--center { align-items:center; margin:0 auto; text-align:center;}.pi-saas.pi-hero { position:relative; overflow:hidden; padding:132px 0 128px; background: radial-gradient(circle at 82% 18%, rgba(47,93,138,.45), transparent 34%), radial-gradient(circle at 70% 85%, rgba(21,78,123,.28), transparent 36%), linear-gradient(145deg, #00172f 0%, #002147 44%, #06182d 100%);} .pi-saas.pi-hero::before { content:""; position:absolute; inset:0; background-image: linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.028) 1px, transparent 1px); background-size:44px 44px; mask-image:linear-gradient(to bottom, #000, transparent 92%); pointer-events:none;} .pi-saas .pi-hero-grid { position:relative; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(480px,.92fr); align-items:center; gap:clamp(46px,6vw,92px); width:100%; z-index:1;} .pi-saas .pi-hero-copy { display:flex; flex-direction:column; align-items:flex-start; gap:24px; min-width:0;} .pi-saas .pi-hero-copy .pi-lead { max-width:760px; } .pi-saas .pi-chip-row { display:flex; flex-wrap:wrap; gap:10px; width:100%;} .pi-saas .pi-chip { display:inline-flex; align-items:center; width:auto; padding:9px 12px; border:1px solid rgba(255,255,255,.14); border-radius:10px; background:rgba(255,255,255,.05); color:#dce7f2; font-size:13px; font-weight:700;} .pi-saas .pi-chip::before { content:""; width:7px; height:7px; margin-right:8px; border-radius:999px; background:var(--pi-green); box-shadow:0 0 0 4px rgba(40,199,111,.12);}.pi-saas .pi-product-window { position:relative; display:flex; flex-direction:column; gap:0; width:100%; padding:0; overflow:hidden; border:1px solid rgba(255,255,255,.15); border-radius:24px; background:#f7f9fc; box-shadow:0 38px 90px rgba(0,0,0,.34); transform:perspective(1100px) rotateY(-2deg) rotateX(1deg);} .pi-saas .pi-windowbar { display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:52px; padding:0 18px; border-bottom:1px solid #e0e6ed; background:#fff;} .pi-saas .pi-dots { display:flex; gap:7px; width:auto; } .pi-saas .pi-dot { width:9px; height:9px; border-radius:50%; background:#d7dde5;} .pi-saas .pi-window-label { color:#62758a; font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase;} .pi-saas .pi-ui-body { display:flex; flex-direction:column; gap:14px; padding:18px; background:#f3f6fa;} .pi-saas .pi-ui-top { display:flex; align-items:center; justify-content:space-between; gap:16px; width:100%;} .pi-saas .pi-ui-title { color:#14314e; font-size:20px; font-weight:850;} .pi-saas .pi-status { display:inline-flex; align-items:center; width:auto; padding:7px 10px; border-radius:999px; background:#e8f8ef; color:#1c8950; font-size:12px; font-weight:800;} .pi-saas .pi-status::before { content:""; width:7px; height:7px; margin-right:7px; border-radius:50%; background:#28c76f;} .pi-saas .pi-ui-card { display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:12px; width:100%; padding:13px 14px; border:1px solid #dfe6ee; border-radius:14px; background:#fff;} .pi-saas .pi-ui-icon { display:flex; align-items:center; justify-content:center; width:42px; height:42px; border-radius:12px; background:#eaf2f9; color:var(--pi-blue); font-size:13px; font-weight:900;} .pi-saas .pi-ui-copy { display:flex; flex-direction:column; gap:2px; min-width:0; } .pi-saas .pi-ui-name { color:#16334f; font-size:14px; font-weight:800; } .pi-saas .pi-ui-meta { color:#7b8b9b; font-size:12px; } .pi-saas .pi-ui-ok { color:#1c8950; font-size:12px; font-weight:800; } .pi-saas .pi-ui-footer { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px;} .pi-saas .pi-mini { padding:12px; border:1px solid #dfe6ee; border-radius:12px; background:#fff;} .pi-saas .pi-mini b { display:block; color:#17344f; font-size:13px; margin-bottom:3px; } .pi-saas .pi-mini span { color:#7b8b9b; font-size:11px; }.pi-saas.pi-calculator-section { position:relative; z-index:4; margin-top:-72px; padding:0 0 86px; background:transparent;} .pi-saas .pi-calculator-shell { display:flex; flex-direction:column; gap:26px; width:100%; padding:34px; border:1px solid #d9e3ed; border-radius:26px; background:#fff; box-shadow:0 28px 70px rgba(0,33,71,.15);} .pi-saas .pi-calc-head { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr); align-items:end; gap:30px; width:100%;} .pi-saas .pi-calc-copy { display:flex; flex-direction:column; gap:12px; } .pi-saas .pi-calc-note { color:#667b90; font-size:14px; line-height:1.6;} .pi-saas .pi-calculator-wrap { width:100%; min-width:0; padding:20px; border:1px solid #e0e7ef; border-radius:18px; background:#f7f9fc;} .pi-saas .pi-calculator-wrap .allstar-quote { width:100% !important; max-width:none !important; margin:0 !important;} .pi-saas .pi-calculator-wrap .aq-form,.pi-saas .pi-calculator-wrap .aq-row { width:100% !important; max-width:none !important; } .pi-saas .pi-calculator-wrap .aq-form button { background:var(--pi-yellow) !important; color:var(--pi-navy) !important; font-weight:800 !important; border-radius:10px !important;}.pi-saas.pi-stats-section { padding:0 0 86px; background:var(--pi-bg); } .pi-saas .pi-stats-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px;} .pi-saas .pi-stat { display:flex; flex-direction:column; gap:5px; padding:24px; border:1px solid #dfe7ef; border-radius:16px; background:#fff;} .pi-saas .pi-stat-value { color:var(--pi-navy); font-size:30px; line-height:1; font-weight:900; letter-spacing:-.04em; } .pi-saas .pi-stat-label { color:var(--pi-muted); font-size:13px; font-weight:700; }.pi-saas.pi-integrations { padding:100px 0; background:#fff; } .pi-saas .pi-integrations-layout { display:grid; grid-template-columns:minmax(340px,.75fr) minmax(0,1.25fr); align-items:center; gap:72px; width:100%;} .pi-saas .pi-integration-copy { display:flex; flex-direction:column; gap:22px; align-items:flex-start; } .pi-saas .pi-logo-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px;} .pi-saas .pi-logo-tile { display:flex; align-items:center; justify-content:center; min-height:96px; padding:18px; border:1px solid #dce5ee; border-radius:16px; background:#fbfcfe; color:#1f3b57; font-size:16px; font-weight:850; text-align:center; transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;} .pi-saas .pi-logo-tile:hover { transform:translateY(-3px); border-color:#a9bfd3; box-shadow:0 14px 28px rgba(0,33,71,.07);}.pi-saas.pi-workflow { padding:100px 0; background:var(--pi-bg); } .pi-saas .pi-workflow-shell { display:flex; flex-direction:column; gap:44px; } .pi-saas .pi-flow { position:relative; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px;} .pi-saas .pi-flow::before { content:""; position:absolute; top:35px; left:11%; right:11%; height:2px; background:linear-gradient(90deg,#90abc2,#2f5d8a,#fec10d);} .pi-saas .pi-flow-card { position:relative; z-index:1; display:flex; flex-direction:column; gap:13px; padding:26px 22px; border:1px solid #dce5ed; border-radius:18px; background:#fff;} .pi-saas .pi-step { display:flex; align-items:center; justify-content:center; width:48px; height:48px; border-radius:14px; background:var(--pi-navy); color:#fff; font-size:14px; font-weight:900; box-shadow:0 0 0 8px var(--pi-bg);} .pi-saas .pi-flow-title { color:var(--pi-navy); font-size:18px; font-weight:850; } .pi-saas .pi-flow-text { color:var(--pi-muted); font-size:14px; line-height:1.65; }.pi-saas.pi-features { padding:100px 0; background:#fff; } .pi-saas .pi-feature-shell { display:flex; flex-direction:column; gap:42px; } .pi-saas .pi-feature-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px;} .pi-saas .pi-feature-card { display:flex; flex-direction:column; gap:14px; min-height:240px; padding:26px; border:1px solid #dfe6ee; border-radius:18px; background:#fff;} .pi-saas .pi-feature-no { color:var(--pi-blue); font-size:12px; font-weight:900; letter-spacing:.1em; } .pi-saas .pi-feature-title { color:var(--pi-navy); font-size:20px; font-weight:850; } .pi-saas .pi-feature-text { color:var(--pi-muted); font-size:14px; line-height:1.7; } .pi-saas .pi-feature-card--accent { background:linear-gradient(145deg,#002147,#0b355f); border-color:#0b355f;} .pi-saas .pi-feature-card--accent .pi-feature-no { color:#fec10d; } .pi-saas .pi-feature-card--accent .pi-feature-title { color:#fff; } .pi-saas .pi-feature-card--accent .pi-feature-text { color:#c9d8e6; }.pi-saas.pi-api { padding:100px 0; background:#06182d; } .pi-saas .pi-api-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr); align-items:center; gap:72px; width:100%;} .pi-saas .pi-api-copy { display:flex; flex-direction:column; gap:22px; align-items:flex-start; } .pi-saas .pi-codebox { width:100%; overflow:hidden; border:1px solid rgba(255,255,255,.13); border-radius:20px; background:#02111f; box-shadow:0 30px 70px rgba(0,0,0,.3);} .pi-saas .pi-codebar { display:flex; justify-content:space-between; align-items:center; padding:14px 18px; border-bottom:1px solid rgba(255,255,255,.09); background:#071d33; color:#9fb5c9; font-size:12px; font-weight:800;} .pi-saas .pi-code { display:block; padding:24px; color:#dce7f2; font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:13px; line-height:1.75; white-space:pre-wrap;} .pi-saas .pi-code .key { color:#8fc7ff; } .pi-saas .pi-code .str { color:#ffd866; } .pi-saas .pi-code .ok { color:#62d49b; }.pi-saas.pi-proof { padding:100px 0; background:var(--pi-bg); } .pi-saas .pi-proof-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:18px;} .pi-saas .pi-quote-card { display:flex; flex-direction:column; justify-content:space-between; gap:26px; min-height:280px; padding:30px; border:1px solid #dfe6ee; border-radius:20px; background:#fff;} .pi-saas .pi-quote-text { color:#17344f; font-size:21px; line-height:1.6; font-weight:650; } .pi-saas .pi-quote-meta { color:#6f8294; font-size:13px; font-weight:700; } .pi-saas .pi-carrier-strip { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px;} .pi-saas .pi-carrier { display:inline-flex; align-items:center; padding:10px 14px; border:1px solid #dbe4ec; border-radius:10px; background:#fff; color:#27445f; font-size:13px; font-weight:850;}.pi-saas.pi-cta { padding:28px 0 100px; background:var(--pi-bg); } .pi-saas .pi-cta-box { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr); align-items:center; gap:50px; width:100%; padding:48px; border-radius:26px; background:linear-gradient(135deg,#002147,#2F5D8A); box-shadow:0 26px 60px rgba(0,33,71,.16);} .pi-saas .pi-cta-copy { display:flex; flex-direction:column; gap:14px; } .pi-saas .pi-cta-box .pi-actions { justify-content:flex-end; }@media (max-width:1100px) { .pi-saas .pi-hero-grid, .pi-saas .pi-integrations-layout, .pi-saas .pi-api-grid { grid-template-columns:1fr; } .pi-saas .pi-product-window { max-width:760px; transform:none; } .pi-saas .pi-calc-head { grid-template-columns:1fr; align-items:start; }}@media (max-width:900px) { .pi-saas .pi-shell { width:calc(100% - 40px); } .pi-saas.pi-hero { padding:128px 0 130px; } .pi-saas .pi-h1 { font-size:clamp(42px,9vw,64px); } .pi-saas .pi-stats-grid, .pi-saas .pi-flow, .pi-saas .pi-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .pi-saas .pi-flow::before { display:none; } .pi-saas .pi-step { box-shadow:none; } .pi-saas .pi-logo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .pi-saas .pi-proof-grid, .pi-saas .pi-cta-box { grid-template-columns:1fr; } .pi-saas .pi-cta-box .pi-actions { justify-content:flex-start; }}@media (max-width:600px) { .pi-saas .pi-shell { width:calc(100% - 28px); } .pi-saas.pi-hero { padding:112px 0 112px; } .pi-saas .pi-h1 { font-size:42px; } .pi-saas .pi-calculator-shell { padding:20px; border-radius:20px; } .pi-saas .pi-calculator-wrap { padding:12px; } .pi-saas .pi-stats-grid, .pi-saas .pi-flow, .pi-saas .pi-feature-grid, .pi-saas .pi-logo-grid, .pi-saas .pi-ui-footer { grid-template-columns:1fr; } .pi-saas .pi-ui-card { grid-template-columns:38px minmax(0,1fr); } .pi-saas .pi-ui-ok { grid-column:2; } .pi-saas .pi-cta-box { padding:28px 22px; } .pi-saas .pi-btn.brxe-button { width:100%; }}@media (prefers-reduced-motion:reduce) { .pi-saas .pi-btn.brxe-button, .pi-saas .pi-logo-tile { transition:none; }}.pi-saas .pi-automation-visual { position:relative; width:100%; min-height:540px; overflow:hidden; border:1px solid rgba(255,255,255,.14); border-radius:30px; background: radial-gradient(circle at 50% 48%, rgba(47,93,138,.38), transparent 28%), linear-gradient(145deg, rgba(5,29,54,.94), rgba(2,19,37,.98)); box-shadow: 0 42px 90px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.08); isolation:isolate;} .pi-saas .pi-automation-visual::before { content:""; position:absolute; width:340px; height:340px; left:50%; top:48%; transform:translate(-50%,-50%); border-radius:50%; background:radial-gradient(circle, rgba(47,93,138,.24), rgba(47,93,138,.05) 52%, transparent 72%); filter:blur(4px); animation:piCoreGlow 4.8s ease-in-out infinite;} .pi-saas .pi-auto-grid { position:absolute; inset:0; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size:38px 38px; mask-image:radial-gradient(circle at 50% 50%, #000 0, rgba(0,0,0,.88) 48%, transparent 88%); opacity:.85;} .pi-saas .pi-auto-core { position:absolute; z-index:8; left:50%; top:46%; width:min(300px,52%); min-height:178px; transform:translate(-50%,-50%); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; padding:26px 22px; border:1px solid rgba(255,255,255,.18); border-radius:24px; background: linear-gradient(145deg, rgba(25,66,104,.96), rgba(4,31,58,.98)); box-shadow: 0 24px 58px rgba(0,0,0,.34), 0 0 0 8px rgba(47,93,138,.09), inset 0 1px 0 rgba(255,255,255,.10);} .pi-saas .pi-auto-core::before { content:""; position:absolute; inset:-10px; border:1px solid rgba(254,193,13,.20); border-radius:30px; animation:piCoreRing 3.2s ease-in-out infinite; pointer-events:none;} .pi-saas .pi-auto-core-kicker { color:#fec10d; font-size:10px; font-weight:900; letter-spacing:.16em;} .pi-saas .pi-auto-core-title { color:#fff; font-size:25px; line-height:1.1; font-weight:900; letter-spacing:-.035em; text-align:center;} .pi-saas .pi-auto-core-copy { color:#a9bfd2; font-size:12px; font-weight:700; text-align:center;} .pi-saas .pi-auto-core-status { display:flex; flex-wrap:wrap; justify-content:center; gap:6px; margin-top:6px;} .pi-saas .pi-auto-pill { display:inline-flex; width:auto; padding:5px 8px; border:1px solid rgba(255,255,255,.12); border-radius:999px; background:rgba(255,255,255,.06); color:#d8e6f2; font-size:9px; font-weight:900; letter-spacing:.06em;} .pi-saas .pi-auto-orbit { position:absolute; z-index:3; left:50%; top:46%; transform:translate(-50%,-50%); border:1px dashed rgba(135,174,207,.18); border-radius:50%; pointer-events:none;} .pi-saas .pi-auto-orbit::after { content:""; position:absolute; width:8px; height:8px; top:-4px; left:50%; border-radius:50%; background:#fec10d; box-shadow:0 0 18px rgba(254,193,13,.72);} .pi-saas .pi-auto-orbit--one { width:360px; height:360px; animation:piOrbit 18s linear infinite;} .pi-saas .pi-auto-orbit--two { width:430px; height:430px; opacity:.6; animation:piOrbitReverse 24s linear infinite;} .pi-saas .pi-auto-line { position:absolute; z-index:2; left:50%; top:46%; width:32%; height:1px; transform-origin:0 50%; background:linear-gradient(90deg, rgba(116,157,193,.65), rgba(116,157,193,.06));} .pi-saas .pi-auto-line--tl { transform:rotate(210deg); } .pi-saas .pi-auto-line--tr { transform:rotate(330deg); } .pi-saas .pi-auto-line--bl { transform:rotate(150deg); } .pi-saas .pi-auto-line--br { transform:rotate(30deg); } .pi-saas .pi-auto-packet { position:absolute; top:-3px; left:0; width:7px; height:7px; border-radius:50%; background:#8fc7ff; box-shadow:0 0 12px rgba(143,199,255,.86); animation:piPacket 2.8s linear infinite;} .pi-saas .pi-auto-line--tr .pi-auto-packet { animation-delay:-.7s; } .pi-saas .pi-auto-line--bl .pi-auto-packet { animation-delay:-1.4s; } .pi-saas .pi-auto-line--br .pi-auto-packet { animation-delay:-2.1s; } .pi-saas .pi-auto-node { position:absolute; z-index:6; display:grid; grid-template-columns:44px minmax(0,1fr) 9px; align-items:center; gap:11px; width:190px; min-height:72px; padding:12px; border:1px solid rgba(255,255,255,.12); border-radius:16px; background:rgba(9,39,68,.87); backdrop-filter:blur(8px); box-shadow:0 16px 34px rgba(0,0,0,.20); animation:piNodeFloat 5.4s ease-in-out infinite;} .pi-saas .pi-auto-node--shop { left:4%; top:9%; } .pi-saas .pi-auto-node--market { right:4%; top:9%; animation-delay:-1.2s; } .pi-saas .pi-auto-node--customs { left:4%; bottom:16%; animation-delay:-2.4s; } .pi-saas .pi-auto-node--carrier { right:4%; bottom:16%; animation-delay:-3.6s; } .pi-saas .pi-auto-node-icon { display:flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:12px; background:linear-gradient(145deg,#173f66,#0b2b4b); color:#d9ebfb; font-size:10px; font-weight:900; letter-spacing:.04em;} .pi-saas .pi-auto-node-copy { display:flex; flex-direction:column; gap:2px; min-width:0;} .pi-saas .pi-auto-node-title { color:#fff; font-size:13px; font-weight:850;} .pi-saas .pi-auto-node-meta { color:#8fa8bd; font-size:10px; font-weight:700;} .pi-saas .pi-auto-node-led { width:8px; height:8px; border-radius:50%; background:#28c76f; box-shadow:0 0 0 4px rgba(40,199,111,.11),0 0 14px rgba(40,199,111,.40); animation:piLed 2.2s ease-in-out infinite;} .pi-saas .pi-auto-ticker { position:absolute; z-index:10; left:7%; right:7%; bottom:4%; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:10px; padding:11px 13px; border:1px solid rgba(255,255,255,.11); border-radius:12px; background:rgba(3,22,41,.82); backdrop-filter:blur(8px);} .pi-saas .pi-auto-ticker-live { display:inline-flex; width:auto; padding:5px 7px; border-radius:6px; background:rgba(40,199,111,.13); color:#62d49b; font-size:9px; font-weight:900; letter-spacing:.08em;} .pi-saas .pi-auto-ticker-text { overflow:hidden; color:#9eb5c8; font-size:10px; font-weight:700; white-space:nowrap; text-overflow:ellipsis; animation:piTickerPulse 3.5s ease-in-out infinite;} .pi-saas .pi-auto-ticker-ok { color:#62d49b; font-size:13px; font-weight:900;}@keyframes piPacket { 0% { left:3%; opacity:0; transform:scale(.65); } 12% { opacity:1; } 88% { opacity:1; } 100% { left:96%; opacity:0; transform:scale(1.05); }}@keyframes piOrbit { from { transform:translate(-50%,-50%) rotate(0deg); } to { transform:translate(-50%,-50%) rotate(360deg); }}@keyframes piOrbitReverse { from { transform:translate(-50%,-50%) rotate(360deg); } to { transform:translate(-50%,-50%) rotate(0deg); }}@keyframes piNodeFloat { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-7px); }}@keyframes piCoreGlow { 0%,100% { opacity:.72; transform:translate(-50%,-50%) scale(.96); } 50% { opacity:1; transform:translate(-50%,-50%) scale(1.06); }}@keyframes piCoreRing { 0%,100% { opacity:.28; transform:scale(.985); } 50% { opacity:.72; transform:scale(1.03); }}@keyframes piLed { 0%,100% { opacity:.65; } 50% { opacity:1; }}@keyframes piTickerPulse { 0%,100% { opacity:.72; } 50% { opacity:1; }}@media (max-width:1100px) { .pi-saas .pi-automation-visual { max-width:780px; min-height:520px; }}@media (max-width:600px) { .pi-saas .pi-automation-visual { min-height:500px; border-radius:22px; } .pi-saas .pi-auto-node { width:150px; grid-template-columns:36px minmax(0,1fr) 7px; gap:8px; padding:9px; } .pi-saas .pi-auto-node-icon { width:36px; height:36px; font-size:8px; } .pi-saas .pi-auto-node-title { font-size:11px; } .pi-saas .pi-auto-node-meta { font-size:9px; } .pi-saas .pi-auto-node--shop, .pi-saas .pi-auto-node--customs { left:2%; } .pi-saas .pi-auto-node--market, .pi-saas .pi-auto-node--carrier { right:2%; } .pi-saas .pi-auto-core { width:58%; min-height:160px; padding:20px 14px; } .pi-saas .pi-auto-core-title { font-size:20px; } .pi-saas .pi-auto-orbit--one { width:280px; height:280px; } .pi-saas .pi-auto-orbit--two { width:340px; height:340px; }}@media (prefers-reduced-motion:reduce) { .pi-saas .pi-automation-visual *, .pi-saas .pi-automation-visual *::before, .pi-saas .pi-automation-visual *::after { animation:none !important; }}#brxe-endopv {padding-bottom: var(--space-s)}#brxe-lfmsfd {padding-bottom: var(--space-m)}#brxe-atxwxh {display: flex}#brxe-qzeevf {display: grid; align-items: initial; grid-template-columns: 1fr 1fr}.pi-saas.pi-pricing { width:100%; padding:90px 0; background:#f4f7fb;} .pi-saas.pi-pricing .pi-shell { width:min(1440px, calc(100% - 64px)); max-width:1440px; margin:0 auto;} .pi-saas .pi-price-shell { display:flex; flex-direction:column; gap:34px; width:100%;} .pi-saas .pi-price-head { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr); align-items:end; gap:30px;} .pi-saas .pi-price-copy { display:flex; flex-direction:column; gap:14px;} .pi-saas .pi-price-note { color:#6d8092; font-size:13px; line-height:1.6;} .pi-saas .pi-price-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px;} .pi-saas .pi-price-card { display:flex; flex-direction:column; gap:12px; width:100%; min-height:210px; padding:24px; border:1px solid #dbe4ed; border-radius:18px; background:#fff; box-shadow:0 12px 30px rgba(0,33,71,.05);} .pi-saas .pi-price-route { color:#002147; font-size:18px; font-weight:850;} .pi-saas .pi-price-service { color:#6d8092; font-size:12px; font-weight:700;} .pi-saas .pi-price-value { margin-top:4px; color:#002147; font-size:34px; line-height:1; font-weight:900; letter-spacing:-.04em;} .pi-saas .pi-price-meta { margin-top:auto; color:#61758a; font-size:12px; line-height:1.55;} .pi-saas .pi-price-feature { display:inline-flex; align-items:center; width:max-content; max-width:100%; padding:6px 8px; border-radius:999px; background:#edf5fb; color:#2F5D8A; font-size:10px; font-weight:850;} .pi-saas .pi-price-feature::before { content:"✓"; margin-right:5px; color:#1c8950;}@media (max-width:1000px) { .pi-saas .pi-price-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .pi-saas .pi-price-head { grid-template-columns:1fr; }}@media (max-width:600px) { .pi-saas.pi-pricing { padding:68px 0; } .pi-saas.pi-pricing .pi-shell { width:calc(100% - 28px); } .pi-saas .pi-price-grid { grid-template-columns:1fr; }}#brxe-rrckqj {text-align: left}#brxe-zsoceo {justify-self: stretch}#brxe-jkfced {align-items: stretch}#brxe-virucd {background-image: url("https://paket-international.com/wp-content/uploads/01_deutschland_paket-international.png"); background-size: cover}#brxe-favaml {background-image: url("https://paket-international.com/wp-content/uploads/02_dach_paket-international.png"); background-size: cover}#brxe-cbbffy {background-image: url("https://paket-international.com/wp-content/uploads/03_europa_paket-international.png"); background-size: cover}#brxe-dssgyc {background-image: url("https://paket-international.com/wp-content/uploads/04_weltweit_paket-international.png"); background-size: cover}#brxe-timrgl {margin-top: var(--space-xl)}#brxe-bluyhw {padding-bottom: var(--space-s)}.pi-saas.pi-destinations { width:100%; padding:96px 0; background:#ffffff;} .pi-saas.pi-destinations .pi-shell { width:min(1440px, calc(100% - 64px)); max-width:1440px; margin:0 auto;} .pi-saas .pi-dest-shell { display:flex; flex-direction:column; gap:28px; width:100%;} .pi-saas .pi-dest-head { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr); align-items:end; gap:42px;} .pi-saas .pi-dest-copy { display:flex; flex-direction:column; gap:12px;} .pi-saas .pi-dest-intro { color:#61758a; font-size:15px; line-height:1.7;} .pi-saas .pi-region-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px;} .pi-saas .pi-region-card { position:relative; display:flex; flex-direction:column; min-height:245px; overflow:hidden; border:1px solid #dce5ee; border-radius:18px; background:#ffffff; box-shadow:0 10px 26px rgba(0,33,71,.05); text-decoration:none;} .pi-saas .pi-region-visual { position:relative; display:flex; align-items:flex-end; min-height:108px; padding:16px; overflow:hidden; background: linear-gradient(135deg, rgba(0,33,71,.16), rgba(47,93,138,.02)), linear-gradient(120deg,#dce8f4,#eef4f9);} .pi-saas .pi-region-visual::before { content:""; position:absolute; inset:0; background-image: linear-gradient(120deg, rgba(255,255,255,.16) 25%, transparent 25%), linear-gradient(300deg, rgba(0,33,71,.07) 18%, transparent 18%); background-size:54px 54px, 72px 72px; opacity:.6;} .pi-saas .pi-region-card:nth-child(1) .pi-region-visual { background: radial-gradient(circle at 75% 30%, rgba(254,193,13,.24), transparent 24%), linear-gradient(135deg,#d7e4ef,#f2f6fa);} .pi-saas .pi-region-card:nth-child(2) .pi-region-visual { background: radial-gradient(circle at 22% 25%, rgba(173,45,45,.16), transparent 22%), linear-gradient(135deg,#dce8f4,#eef4f9);} .pi-saas .pi-region-card:nth-child(3) .pi-region-visual { background: linear-gradient(135deg, rgba(47,93,138,.18), transparent 50%), linear-gradient(135deg,#dfeaf3,#eff4f8);} .pi-saas .pi-region-card:nth-child(4) .pi-region-visual { background: radial-gradient(circle at 72% 35%, rgba(254,193,13,.24), transparent 24%), linear-gradient(135deg,#0a3157,#2F5D8A);} .pi-saas .pi-region-code { position:relative; z-index:2; display:inline-flex; align-items:center; justify-content:center; width:46px; height:46px; border-radius:50%; background:#ffffff; color:#002147; box-shadow:0 8px 22px rgba(0,33,71,.16); font-size:12px; font-weight:900;} .pi-saas .pi-region-body { display:flex; flex-direction:column; gap:7px; padding:18px; flex:1;} .pi-saas .pi-region-title { color:#002147; font-size:18px; line-height:1.25; font-weight:850;} .pi-saas .pi-region-text { color:#61758a; font-size:13px; line-height:1.55;} .pi-saas .pi-region-arrow { position:absolute; right:14px; bottom:14px; display:flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:50%; background:#eef4f9; color:#2F5D8A; font-size:15px; font-weight:900;} .pi-saas .pi-region-card:hover { border-color:#aac0d3; transform:translateY(-2px); box-shadow:0 16px 30px rgba(0,33,71,.08);} .pi-saas .pi-shipping-subhead { display:flex; flex-direction:column; gap:8px; margin-top:8px;} .pi-saas .pi-shipping-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px;} .pi-saas .pi-shipping-card { display:grid; grid-template-columns:52px minmax(0,1fr) 30px; align-items:center; gap:12px; width:100%; min-height:92px; padding:16px; border:1px solid #dce5ee; border-radius:16px; background:#ffffff; text-decoration:none;} .pi-saas .pi-shipping-icon { display:flex; align-items:center; justify-content:center; width:52px; height:52px; border-radius:15px; background:#edf4fa; color:#002147; font-size:22px;} .pi-saas .pi-shipping-copy { display:flex; flex-direction:column; gap:3px;} .pi-saas .pi-shipping-title { color:#002147; font-size:15px; font-weight:850;} .pi-saas .pi-shipping-text { color:#61758a; font-size:11px; line-height:1.45;} .pi-saas .pi-shipping-arrow { display:flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:50%; background:#eef4f9; color:#2F5D8A; font-size:14px; font-weight:900;} .pi-saas .pi-shipping-card:hover { border-color:#aac0d3; background:#fbfdff;}@media (max-width:1050px) { .pi-saas .pi-dest-head { grid-template-columns:1fr; } .pi-saas .pi-region-grid, .pi-saas .pi-shipping-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }}@media (max-width:600px) { .pi-saas.pi-destinations { padding:72px 0; } .pi-saas.pi-destinations .pi-shell { width:calc(100% - 28px); } .pi-saas .pi-region-grid, .pi-saas .pi-shipping-grid { grid-template-columns:1fr; }}#brxe-khkwoq {display: grid; align-items: initial; grid-template-columns: 1fr 1fr}.pi-saas.pi-video-section { width:100%; padding:100px 0; background:#ffffff;} .pi-saas.pi-video-section .pi-shell { width:min(1440px, calc(100% - 64px)); max-width:1440px; margin:0 auto;} .pi-saas .pi-video-layout { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr); align-items:center; gap:64px;} .pi-saas .pi-video-frame { position:relative; width:100%; aspect-ratio:16/9; overflow:hidden; border:1px solid #d7e1ea; border-radius:24px; background:#06182d; box-shadow:0 26px 64px rgba(0,33,71,.14);} .pi-saas .pi-video-frame iframe { position:absolute; inset:0; width:100%; height:100%; border:0;} .pi-saas .pi-video-copy { display:flex; flex-direction:column; align-items:flex-start; gap:20px;} .pi-saas .pi-video-list { display:flex; flex-direction:column; gap:10px; width:100%;} .pi-saas .pi-video-point { position:relative; padding:14px 16px 14px 44px; border:1px solid #dfe7ee; border-radius:13px; background:#f8fafc; color:#17344f; font-size:14px; line-height:1.5; font-weight:750;} .pi-saas .pi-video-point::before { content:""; position:absolute; left:16px; top:50%; width:14px; height:14px; transform:translateY(-50%); border-radius:4px; background:linear-gradient(145deg,#2F5D8A,#002147); box-shadow:0 0 0 4px rgba(47,93,138,.08);}@media (max-width:1000px) { .pi-saas .pi-video-layout { grid-template-columns:1fr; gap:40px; }}@media (max-width:600px) { .pi-saas.pi-video-section { padding:72px 0; } .pi-saas.pi-video-section .pi-shell { width:calc(100% - 28px); } .pi-saas .pi-video-frame { border-radius:18px; }}#brxe-dqhmov {display: grid; align-items: initial; grid-template-columns: 1fr 1fr}#brxe-djhany {column-gap: var(--space-s)}#brxe-livbbo {margin-top: var(--space-xl)}#brxe-cirtvw {column-gap: var(--space-s); row-gap: var(--space-s)}#brxe-xizbly {padding-top: var(--space-xl)}#brxe-vykmor {column-gap: var(--space-s); row-gap: var(--space-s)}.brxe-jetcxr {align-self: center; color: #2F5D8A}.brxe-kgqcti .repeater-item [data-field-id="0c6888"] {margin-top: 20px; margin-right: 0; margin-bottom: 20px; margin-left: 0}.brxe-kgqcti .bricks-swiper-button-prev {left: 50px}.brxe-kgqcti .bricks-swiper-button-next {right: 50px}.brxe-kgqcti .image {height: 150px}.brxe-kgqcti .overlay-wrapper {height: 150px}.brxe-qiniji {padding-top: 90px; padding-bottom: 90px; row-gap: 50px; width: 80%}@media (max-width: 478px) {.brxe-qiniji {padding-top: 15px; padding-bottom: 15px; width: 100%}}#brxe-yolaje {padding-top: var(--space-s); padding-bottom: var(--space-s)}