/* ========================================================================== ПРОдавай — стилі сторінки /prodavaj/ (шаблон prodavay.php) ЗГЕНЕРОВАНО автоматично з макета: prodavai-static/assets/index-DJ0fJQlW.css Скриптом: prodavai-static/build-css.php Руками не правити — зміни буде затерто при наступній генерації. Щоб оновити: покласти новий макет у prodavai-static/ і запустити php build-css.php Кожен селектор обмежений областю .pd-root / html.pd-html / body.pd-body, тому стилі не впливають на адмін-бар WordPress і розмітку плагінів. ========================================================================== */ @layer theme{:root{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{.pd-root,.pd-root *,.pd-root *:after,.pd-root *:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}html.pd-html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}.pd-root hr{height:0;color:inherit;border-top-width:1px}.pd-root abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.pd-root h1,.pd-root h2,.pd-root h3,.pd-root h4,.pd-root h5,.pd-root h6{font-size:inherit;font-weight:inherit}.pd-root a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}.pd-root b,.pd-root strong{font-weight:bolder}.pd-root code,.pd-root kbd,.pd-root samp,.pd-root pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}.pd-root small{font-size:80%}.pd-root sub,.pd-root sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}.pd-root sub{bottom:-.25em}.pd-root sup{top:-.5em}.pd-root table{text-indent:0;border-color:inherit;border-collapse:collapse}.pd-root *:-moz-focusring{outline:auto}.pd-root progress{vertical-align:baseline}.pd-root summary{display:list-item}.pd-root ol,.pd-root ul,.pd-root menu{list-style:none}.pd-root img,.pd-root svg,.pd-root video,.pd-root canvas,.pd-root audio,.pd-root iframe,.pd-root embed,.pd-root object{vertical-align:middle;display:block}.pd-root img,.pd-root video{max-width:100%;height:auto}.pd-root button,.pd-root input,.pd-root select,.pd-root optgroup,.pd-root textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}.pd-root :where(select:is([multiple],[size])) optgroup{font-weight:bolder}.pd-root :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}.pd-root *::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){.pd-root *::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){.pd-root *::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}.pd-root textarea{resize:vertical}.pd-root *::-webkit-search-decoration{-webkit-appearance:none}.pd-root *::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}.pd-root *::-webkit-datetime-edit{display:inline-flex}.pd-root *::-webkit-datetime-edit-fields-wrapper{padding:0}.pd-root *::-webkit-datetime-edit{padding-block:0}.pd-root *::-webkit-datetime-edit-year-field{padding-block:0}.pd-root *::-webkit-datetime-edit-month-field{padding-block:0}.pd-root *::-webkit-datetime-edit-day-field{padding-block:0}.pd-root *::-webkit-datetime-edit-hour-field{padding-block:0}.pd-root *::-webkit-datetime-edit-minute-field{padding-block:0}.pd-root *::-webkit-datetime-edit-second-field{padding-block:0}.pd-root *::-webkit-datetime-edit-millisecond-field{padding-block:0}.pd-root *::-webkit-datetime-edit-meridiem-field{padding-block:0}.pd-root *::-webkit-calendar-picker-indicator{line-height:1}.pd-root *:-moz-ui-invalid{box-shadow:none}.pd-root button,.pd-root input:where([type=button],[type=reset],[type=submit]){appearance:button}.pd-root *::-webkit-inner-spin-button{height:auto}.pd-root *::-webkit-outer-spin-button{height:auto}.pd-root [hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pd-root .visible{visibility:visible}.pd-root .sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pd-root .relative{position:relative}.pd-root .start{inset-inline-start:var(--spacing)}.pd-root .hidden{display:none}.pd-root .table{display:table}}:root{--ink:#14232c;--ink-soft:#31434d;--muted:#66757d;--paper:#f4f6f3;--paper-warm:#f3f0e9;--white:#fff;--orange:#f26922;--orange-dark:#d94f0d;--cyan:#1699ab;--cyan-soft:#dff2f2;--navy:#0c2933;--navy-light:#153945;--line:#dbe1df;--shadow:0 26px 70px #1327301f}.pd-root,.pd-root *{box-sizing:border-box}html.pd-html{scroll-behavior:smooth;scroll-padding-top:110px}body.pd-body{background:var(--white);color:var(--ink);text-rendering:optimizelegibility;margin:0;font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.55;overflow-x:hidden}.pd-root button,.pd-root input,.pd-root textarea{font:inherit}.pd-root button,.pd-root a{-webkit-tap-highlight-color:transparent}.pd-root a{color:inherit;text-decoration:none}.pd-root img{max-width:100%;display:block}.pd-root svg{display:block}.pd-root .shell{width:min(1280px,100% - 64px);margin-inline:auto}.pd-root .narrow-shell{width:min(1120px,100% - 64px)}.pd-root .section{padding:120px 0;position:relative}.pd-root .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pd-root .site-header{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border:1px solid #14232c14;border-radius:20px;align-items:center;gap:28px;width:min(1320px,100% - 32px);height:76px;padding:0 14px 0 26px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #15293217}.pd-root .logo-link{flex:none}.pd-root .brand-logo{width:190px;height:auto}.pd-root .main-nav{flex:1;justify-content:center;align-items:center;gap:clamp(18px,2vw,34px);display:flex}.pd-root .main-nav a{color:#243740;letter-spacing:.025em;padding:10px 0;font-size:15.3px;font-weight:700;position:relative}.pd-root .main-nav a:after{content:"";background:var(--orange);transform-origin:0;border-radius:2px;height:2px;transition:transform .2s;position:absolute;bottom:3px;left:0;right:0;transform:scaleX(0)}.pd-root .main-nav a:hover:after,.pd-root .main-nav a:focus-visible:after{transform:scaleX(1)}.pd-root .header-cta{background:var(--navy);color:#fff;white-space:nowrap;border-radius:13px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 18px 0 20px;font-size:12px;font-weight:750;transition:transform .2s,background .2s;display:inline-flex}.pd-root .header-cta svg,.pd-root .button svg,.pd-root .text-link svg,.pd-root .partner-phone svg,.pd-root .pricing-note a svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px}.pd-root .header-cta:hover{background:var(--orange);transform:translateY(-1px)}.pd-root .menu-button{background:var(--paper);cursor:pointer;border:0;border-radius:13px;width:48px;height:48px;padding:12px;display:none}.pd-root .menu-button span{background:var(--ink);border-radius:2px;width:100%;height:2px;margin:5px 0;transition:transform .2s,opacity .2s;display:block}.pd-root .menu-button.active span:first-child{transform:translateY(7px)rotate(45deg)}.pd-root .menu-button.active span:nth-child(2){opacity:0}.pd-root .menu-button.active span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.pd-root .hero{isolation:isolate;background:linear-gradient(135deg,#f6f7f3 0%,#eef4f1 52%,#e8f1f0 100%);min-height:100dvh;padding:142px 0 40px;position:relative;overflow:hidden}.pd-root .hero:before{content:"";z-index:-2;background:#14232c12;width:1px;height:124%;position:absolute;top:-12%;left:47%;transform:rotate(13deg)}.pd-root .hero:after{content:"";z-index:-2;border:1px solid #1699ab21;border-radius:50%;width:640px;height:640px;position:absolute;bottom:-300px;right:-190px;box-shadow:0 0 0 80px #ffffff29,0 0 0 160px #1699ab09}.pd-root .hero-orb{z-index:-1;filter:blur(6px);pointer-events:none;border-radius:50%;position:absolute}.pd-root .hero-orb-one{background:radial-gradient(circle,#ffffffeb 0%,#fff0 70%);width:600px;height:600px;top:-220px;left:-180px}.pd-root .hero-orb-two{background:radial-gradient(circle,#36b0bc29 0%,#36b0bc00 70%);width:460px;height:460px;top:90px;right:5%}.pd-root .hero-content{grid-template-columns:.84fr 1.16fr;align-items:center;gap:clamp(44px,5vw,78px);min-height:max(620px,100dvh - 182px);display:grid}.pd-root .hero-copy{z-index:3;max-width:620px;position:relative}.pd-root .eyebrow,.pd-root .section-kicker,.pd-root .form-eyebrow{color:var(--cyan);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:10px;font-size:12px;font-weight:800;display:flex}.pd-root .eyebrow>span{background:var(--orange);border-radius:2px;width:28px;height:2px}.pd-root .hero h1{max-width:650px;color:var(--ink);letter-spacing:-.055em;text-wrap:balance;margin:23px 0 0;font-size:clamp(40px,3.8vw,50px);font-weight:780;line-height:1.04}.pd-root .hero-title-accent{color:var(--orange)}.pd-root .hero-title-line{display:inline}.pd-root .hero-lead{color:#52646d;max-width:600px;margin:34px 0 0;font-size:18px;line-height:1.65}.pd-root .hero-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;margin:30px 0 0;padding:0;list-style:none;display:grid}.pd-root .hero-benefits li{min-width:0;color:var(--ink);align-items:center;gap:10px;font-size:13px;font-weight:750;line-height:1.35;display:flex}.pd-root .hero-benefits svg{fill:none;width:21px;height:21px;stroke:var(--cyan);stroke-width:2.3px;stroke-linecap:round;stroke-linejoin:round;background:#1699ab1f;border-radius:50%;flex:none;padding:4px}.pd-root .hero-actions{flex-wrap:wrap;gap:12px;margin-top:40px;display:flex}.pd-root .button{cursor:pointer;letter-spacing:.015em;text-align:center;border:0;border-radius:14px;justify-content:center;align-items:center;gap:12px;min-height:56px;padding:0 24px;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.pd-root .button:hover{transform:translateY(-2px)}.pd-root .button-primary{background:var(--orange);color:#fff;box-shadow:0 14px 30px #f2692238}.pd-root .button-primary:hover{background:var(--orange-dark);box-shadow:0 18px 36px #f269224d}.pd-root .button-secondary{color:var(--ink);background:#ffffff94;border:1px solid #14232c29}.pd-root .button-secondary:hover{background:#fff;box-shadow:0 12px 30px #14232c14}.pd-root .button-dark{background:var(--navy);color:#fff}.pd-root .button-dark:hover{background:var(--navy-light)}.pd-root .hero-proof{border-top:1px solid #14232c1f;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px;padding-top:26px;display:grid}.pd-root .hero-proof>div{align-items:flex-start;gap:9px;display:flex}.pd-root .hero-proof svg{fill:none;width:19px;height:19px;stroke:var(--cyan);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;background:#1699ab1f;border-radius:50%;flex:none;padding:3px}.pd-root .hero-proof span{gap:3px;min-width:0;display:grid}.pd-root .hero-proof strong{color:var(--ink);font-size:11px;line-height:1.25}.pd-root .hero-proof small{color:var(--muted);font-size:9px;line-height:1.3}.pd-root .hero-visual{min-width:0;position:relative}.pd-root .hero-slider{filter:drop-shadow(0 28px 55px #13273029);isolation:isolate;border-radius:20px;width:120%;margin-left:-10%;position:relative}.pd-root .hero-slider-caption{color:var(--ink-soft);pointer-events:none;justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;top:-30px;left:0;right:0}.pd-root .hero-slider-caption strong{letter-spacing:.05em;font-size:11px;font-weight:800}.pd-root .hero-slider-caption span{color:var(--muted);letter-spacing:.08em;font-size:9px;font-weight:800}.pd-root .hero-slides{aspect-ratio:1.7;touch-action:pan-y;background:#f1f2f7;border:1px solid #14232c12;border-radius:20px;position:relative;overflow:hidden}.pd-root .hero-slide{opacity:0;pointer-events:none;place-items:center;margin:0;padding:0;transition:opacity .45s,transform .55s;display:grid;position:absolute;inset:0;transform:scale(.985)}.pd-root .hero-slide.active{opacity:1;pointer-events:auto;transform:scale(1)}.pd-root .hero-slide img{object-fit:contain;width:100%;height:100%;display:block}.pd-root .hero-slider-arrow{z-index:3;width:44px;height:44px;color:var(--ink);cursor:pointer;background:#fffffff0;border:1px solid #14232c1a;border-radius:50%;place-items:center;padding:0 0 3px;font-size:30px;line-height:1;transition:background .2s,color .2s,transform .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 12px 30px #13273024}.pd-root .hero-slider-arrow:hover{background:var(--orange);color:#fff;transform:translateY(-50%)scale(1.06)}.pd-root .hero-slider-arrow.previous{left:-12px}.pd-root .hero-slider-arrow.next{right:-12px}.pd-root .hero-slider-dots{z-index:4;background:#fffffff5;border:1px solid #14232c14;border-radius:999px;align-items:center;gap:7px;min-height:28px;padding:0 10px;display:flex;position:absolute;bottom:-14px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #1327301c}.pd-root .hero-slider-dots button{cursor:pointer;background:#c5cfcc;border:0;border-radius:999px;width:7px;height:7px;padding:0;transition:width .25s,background .25s}.pd-root .hero-slider-dots button.active{background:var(--orange);width:22px}.pd-root .hero-slider-arrow:focus-visible,.pd-root .hero-slider-dots button:focus-visible{outline-offset:3px;outline:3px solid #1699ab59}.pd-root .product-window{width:100%;box-shadow:var(--shadow);background:#ffffffd6;border:1px solid #14232c14;border-radius:30px;padding:14px;position:relative;transform:rotate(1.1deg)}.pd-root .product-window:before{content:"";z-index:-1;background:var(--orange);opacity:.93;border-radius:34px;width:155px;height:155px;position:absolute;top:-28px;right:-26px;transform:rotate(7deg)}.pd-root .product-window:after{content:"";z-index:-1;background:var(--cyan);opacity:.75;border-radius:40px;width:180px;height:130px;position:absolute;bottom:-30px;left:-28px;transform:rotate(-8deg)}.pd-root .product-window-bar{color:#6d7c84;align-items:center;gap:6px;height:40px;padding:0 10px;display:flex}.pd-root .product-window-bar>span{background:#cbd4d2;border-radius:50%;width:8px;height:8px}.pd-root .product-window-bar>span:first-child{background:#f08e59}.pd-root .product-window-bar>span:nth-child(2){background:#e9bf63}.pd-root .product-window-bar>span:nth-child(3){background:#6bc7bd}.pd-root .product-window-bar b{letter-spacing:.05em;margin-left:auto;font-size:10px;font-weight:700}.pd-root .product-canvas{background:#eef2f4;border-radius:20px;place-items:center;min-height:475px;display:grid;overflow:hidden}.pd-root .product-canvas img{object-fit:cover;width:100%;height:100%;min-height:475px}.pd-root .metric-card{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffed;border:1px solid #14232c14;border-radius:16px;position:absolute;box-shadow:0 18px 40px #13273024}.pd-root .metric-sales{width:180px;padding:16px 17px;display:grid;bottom:56px;right:-30px}.pd-root .metric-sales span{color:var(--muted);font-size:10px;font-weight:700}.pd-root .metric-sales strong{color:#27a06c;margin-top:2px;font-size:26px;line-height:1.2}.pd-root .metric-sales small{color:#87939a;font-size:9px}.pd-root .metric-sync{align-items:center;gap:11px;min-width:205px;padding:14px 16px;display:flex;top:82px;left:-38px}.pd-root .metric-sync>i{background:var(--cyan-soft);border-radius:11px;width:36px;height:36px}.pd-root .metric-sync>i:before{content:"✓";width:100%;height:100%;color:var(--cyan);place-items:center;font-size:17px;font-style:normal;font-weight:800;display:grid}.pd-root .metric-sync span{display:grid}.pd-root .metric-sync strong{color:var(--ink);font-size:11px}.pd-root .metric-sync small{color:var(--muted);font-size:9px}.pd-root .hero-interface-window{box-shadow:none;isolation:isolate;background:0 0;border:0;padding:0;transform:none}.pd-root .hero-interface-window:before{width:145px;height:145px;top:-18px;right:-8px}.pd-root .hero-interface-window:after{width:170px;height:115px;bottom:-16px;left:-12px}.pd-root .hero-interface-image{filter:drop-shadow(0 24px 38px #1327301a);width:116%;max-width:none;height:auto;margin:-2% -8% -4%;display:block}.pd-root .section-heading{margin-bottom:62px}.pd-root .split-heading{grid-template-columns:minmax(0,1.15fr) minmax(300px,.65fr);align-items:end;gap:70px;display:grid}.pd-root .section-heading.centered{text-align:center;width:min(900px,100%);margin-inline:auto}.pd-root .section-heading.centered .section-kicker{justify-content:center}.pd-root .section-heading h2,.pd-root .faq-heading h2{color:var(--ink);letter-spacing:-.055em;margin:16px 0 0;font-size:clamp(46px,5vw,68px);font-weight:780;line-height:1.02}.pd-root .section-heading h2 span,.pd-root .faq-heading h2 span{color:var(--orange)}.pd-root .section-heading>p,.pd-root .split-heading>p,.pd-root .faq-heading>p{color:var(--muted);margin:0;font-size:17px;line-height:1.75}.pd-root .section-heading.centered>p{width:min(720px,100%);margin:22px auto 0}.pd-root .advantages{background:var(--navy);color:#fff;overflow:hidden}.pd-root .advantages:before{content:"";border:1px solid #ffffff14;border-radius:50%;width:650px;height:650px;position:absolute;top:-300px;right:-250px;box-shadow:0 0 0 85px #ffffff06,0 0 0 170px #ffffff04}.pd-root .advantages .section-heading{position:relative}.pd-root .advantages .section-heading h2{color:#fff}.pd-root .advantages .section-heading>p{color:#ffffffc7}.pd-root .advantages .section-kicker{color:#70ced6}.pd-root .advantage-mobile-accordion{display:none}.pd-root .tabs{background:#ffffff0b;border:1px solid #ffffff1f;border-radius:18px;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px;display:grid;position:relative}.pd-root .tab{color:#ffffff9e;cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:62px;padding:10px 14px;font-size:13px;font-weight:750;transition:background .2s,color .2s,transform .2s;display:flex}.pd-root .tab>span{color:#ffffff47;font-size:10px}.pd-root .tab.active{background:var(--orange);color:#fff;box-shadow:0 12px 30px #00000026}.pd-root .tab.active>span{color:#ffffffb8}.pd-root .tab:focus-visible{outline-offset:2px;outline:3px solid #70ced673}.pd-root .advantage-stage{grid-template-columns:1fr;align-items:stretch;gap:28px;margin-top:46px;display:grid}.pd-root .feature-visual{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:26px;flex-direction:column;min-width:0;min-height:610px;padding:14px;display:flex;position:relative;overflow:hidden}.pd-root .feature-toolbar{color:#ffffff9e;justify-content:space-between;align-items:center;gap:20px;min-height:50px;padding:0 10px;font-size:11px;display:flex}.pd-root .feature-toolbar b{color:#72d0d8;letter-spacing:.08em}.pd-root .feature-screen{background:#f6f7f9;border-radius:18px;flex:1;place-items:center;min-height:0;display:grid;overflow:hidden}.pd-root .feature-screen img{object-fit:contain;width:100%;height:100%}.pd-root .feature-note{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c2933e0;border-radius:15px;align-items:center;gap:13px;min-width:190px;padding:15px 18px;display:flex;position:absolute;bottom:30px;right:30px;box-shadow:0 16px 35px #0003}.pd-root .feature-note b{background:var(--orange);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;font-size:11px;display:grid}.pd-root .feature-note span{color:#fff;font-size:11px;font-weight:800}.pd-root .advantage-list{grid-template-columns:1fr 1fr;gap:14px;min-width:0;padding:6px 2px;display:grid}.pd-root .advantage-item{background:#ffffff0e;border:1px solid #ffffff1f;border-radius:16px;grid-template-columns:42px 1fr;align-items:start;gap:15px;min-height:132px;padding:20px;transition:border-color .2s,background .2s,transform .2s;display:grid}.pd-root .advantage-item:hover{background:#ffffff16;border-color:#70ced661;transform:translateY(-2px)}.pd-root .advantage-icon{color:#83d8df;background:#70ced621;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.pd-root .advantage-icon svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;background:#70ced61f;border-radius:50%;width:22px;height:22px;padding:3px}.pd-root .advantage-item h3{color:#fff;margin:1px 0 0;font-size:17px;font-weight:760;line-height:1.3}.pd-root .advantage-item p{color:#ffffffbd;margin:8px 0 0;font-size:13px;line-height:1.6}.pd-root .section-cta{border-top:1px solid #ffffff21;justify-content:space-between;align-items:center;gap:30px;margin-top:54px;padding-top:30px;display:flex}.pd-root .section-cta p{color:#ffffff9e;margin:0}.pd-root .text-link{color:var(--orange);align-items:center;gap:12px;font-size:13px;font-weight:800;display:inline-flex}.pd-root .text-link:hover svg{transform:translate(4px)}.pd-root .text-link svg{transition:transform .2s}.pd-root .audience{background:#fff}.pd-root .audience-heading{align-items:center}.pd-root .business-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.pd-root .business-grid-five{grid-template-columns:repeat(6,1fr)}.pd-root .business-grid-five .business-card{grid-column:span 2}.pd-root .business-grid-five .business-card:nth-child(4){grid-column:2/span 2}.pd-root .business-grid-five .business-card:nth-child(5){grid-column:4/span 2}.pd-root .business-card{border:1px solid var(--line);isolation:isolate;background:#fafbf9;border-radius:20px;flex-direction:column;min-height:245px;padding:24px 24px 27px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden}.pd-root .business-card:nth-child(2),.pd-root .business-card:nth-child(6){background:#edf6f5}.pd-root .business-card:nth-child(4),.pd-root .business-card:nth-child(8){background:#faf1eb}.pd-root .business-card:hover{border-color:#1699ab59;transform:translateY(-6px);box-shadow:0 20px 45px #14232c17}.pd-root .business-card-top{justify-content:space-between;align-items:center;display:flex;position:static}.pd-root .business-card-top span{z-index:2;color:var(--cyan);letter-spacing:.12em;font-size:11px;font-weight:800;position:relative}.pd-root .business-card-top b{z-index:-1;width:150px;height:150px;color:var(--cyan);opacity:.12;border:0;place-items:center;transition:opacity .25s,color .25s,transform .3s;display:grid;position:absolute;top:48%;right:-24px;transform:translateY(-50%)rotate(-7deg)}.pd-root .business-card-top b:before{content:"";opacity:.34;border:1px solid;border-radius:42px;position:absolute;inset:3px;transform:rotate(9deg)}.pd-root .business-card-top b svg{fill:none;stroke:currentColor;stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round;width:108px;height:108px}.pd-root .business-card:hover .business-card-top b{color:var(--orange);opacity:.18;transform:translateY(-50%)rotate(-2deg)scale(1.06)}.pd-root .business-card h3{z-index:2;max-width:72%;color:var(--ink);letter-spacing:-.025em;margin:auto 0 11px;font-size:24px;font-weight:760;line-height:1.15;position:relative}.pd-root .business-card p{z-index:2;max-width:78%;color:var(--muted);margin:0;font-size:13px;line-height:1.6;position:relative}.pd-root .center-action{text-align:center;margin-top:44px}.pd-root .reviews{color:#fff;background:#112f39;overflow:hidden}.pd-root .reviews:after{content:"";background:radial-gradient(circle,#1699ab2e,#1699ab00 68%);border-radius:50%;width:430px;height:430px;position:absolute;top:50px;left:-180px}.pd-root .review-shell{z-index:2;position:relative}.pd-root .light-heading h2{color:#fff}.pd-root .light-heading>p{color:#ffffff94}.pd-root .light-heading .section-kicker{color:#70ced6}.pd-root .review-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.pd-root .review-grid.expanded{row-gap:24px}.pd-root .review-card{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:22px;min-width:0;transition:transform .25s,border-color .25s;overflow:hidden}.pd-root .review-card:hover{border-color:#70ced666;transform:translateY(-5px)}.pd-root .review-video{background:#e5e8e7;border-radius:16px;margin:8px;position:relative;overflow:hidden}.pd-root .review-video iframe{background:#e5e8e7;border:0;width:100%;height:500px;display:block}.pd-root .review-video>span{color:#fff;letter-spacing:.07em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#0c2933db;border-radius:9px;padding:7px 10px;font-size:9px;font-weight:800;position:absolute;top:12px;left:12px}.pd-root .review-content{padding:16px 22px 20px}.pd-root .review-content h3{color:#fff;margin:0;font-size:18px;font-weight:720;line-height:1.35}.pd-root .review-content p{color:#ffffff85;margin:8px 0 0;font-size:11px}.pd-root .review-arrow{z-index:4;color:#fff;cursor:pointer;background:#173b46;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:48px;height:48px;padding:0;font-size:22px;transition:background .2s;display:grid;position:absolute;top:57%}.pd-root .review-arrow:hover{background:var(--orange)}.pd-root .review-arrow.previous{left:-24px}.pd-root .review-arrow.next{right:-24px}.pd-root .review-swipe-hint{display:none}.pd-root .show-more{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:13px;min-height:52px;margin:34px auto 0;padding:0 22px;font-size:12px;font-weight:800;transition:background .2s;display:block}.pd-root .show-more:hover{background:#ffffff14}.pd-root .partners{background:var(--paper)}.pd-root .partner-search{width:min(720px,100%);margin:0 auto 28px;display:block;position:relative}.pd-root .partner-search input{border:1px solid var(--line);width:100%;height:64px;color:var(--ink);background:#fff;border-radius:17px;outline:0;padding:0 72px 0 22px;box-shadow:0 12px 28px #14232c0b}.pd-root .partner-search input::placeholder{color:#9aa5aa}.pd-root .partner-search input:focus{border-color:var(--cyan);box-shadow:0 0 0 4px #1699ab1c}.pd-root .partner-search>b{background:var(--cyan);color:#fff;border-radius:12px;place-items:center;width:48px;height:48px;display:grid;position:absolute;top:8px;right:8px}.pd-root .partner-search svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:21px}.pd-root .partner-table{border:1px solid var(--line);background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 18px 42px #14232c0e}.pd-root .partner-row{border-top:1px solid #e7ebe9;grid-template-columns:.72fr 1.45fr .85fr;align-items:center;gap:28px;min-height:82px;padding:15px 24px;display:grid}.pd-root .partner-head{color:#728087;letter-spacing:.12em;text-transform:uppercase;background:#eef2f0;border-top:0;min-height:58px;font-size:10px;font-weight:800}.pd-root .partner-row>strong{color:var(--ink);font-size:15px}.pd-root .partner-row>span b,.pd-root .partner-row>span a{display:block}.pd-root .partner-row>span b{color:var(--ink);font-size:14px}.pd-root .partner-row>span a{width:fit-content;color:var(--cyan);margin-top:4px;font-size:11px}.pd-root .partner-phone{color:var(--ink);justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:750;display:flex}.pd-root .partner-phone svg{width:17px;transition:transform .2s}.pd-root .partner-phone:hover{color:var(--orange)}.pd-root .partner-phone:hover svg{transform:translate(3px)}.pd-root .empty-state{text-align:center;margin:0;padding:30px}.pd-root .pricing{background:var(--paper-warm)}.pd-root .plan-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:16px;display:grid}.pd-root .plan-card{background:#ffffffe0;border:1px solid #dbd8d0;border-radius:24px;flex-direction:column;height:100%;padding:24px;transition:transform .25s,box-shadow .25s;display:flex;position:relative}.pd-root .plan-card:hover{transform:translateY(-5px);box-shadow:0 24px 55px #252c2a17}.pd-root .plan-card.featured{background:#fff;border-color:#dbd8d0;box-shadow:0 22px 55px #14232c14}.pd-root .plan-card-mobile{display:none}.pd-root .plan-top{justify-content:space-between;align-items:center;display:flex}.pd-root .plan-top span{color:#52636b;letter-spacing:.08em;text-transform:uppercase;background:#edf2f0;border-radius:8px;padding:7px 10px;font-size:9px;font-weight:800}.pd-root .featured .plan-top span{color:var(--orange);background:#fff0e7}.pd-root .plan-top b{color:#a3aba8;font-size:11px}.pd-root .plan-card h3{color:var(--ink);letter-spacing:-.035em;text-transform:uppercase;margin:24px 0 0;font-size:27px;font-weight:780;line-height:1.12}.pd-root .plan-label{color:var(--cyan);letter-spacing:.1em;text-transform:uppercase;margin-top:8px;font-size:10px;font-weight:800}.pd-root .plan-card>p{color:var(--muted);margin:14px 0 0;font-size:13px;line-height:1.55}.pd-root .plan-card ul{border-top:1px solid #e3e4df;margin:18px 0 0;padding:15px 0 9px;list-style:none}.pd-root .plan-card li{color:#394b54;grid-template-columns:20px 1fr;align-items:start;gap:9px;margin:9px 0;font-size:12px;line-height:1.45;display:grid}.pd-root .plan-card li svg{background:var(--cyan-soft);fill:none;width:18px;height:18px;stroke:var(--cyan);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;border-radius:50%;padding:3px}.pd-root .plan-prices{margin:2px 0 18px}.pd-root .plan-prices>div{border-top:1px solid #e3e4df;flex-direction:column;justify-content:center;min-height:56px;padding:8px 0;display:flex}.pd-root .plan-prices span{color:#86928f;font-size:10px}.pd-root .plan-prices strong{color:var(--ink);margin-top:3px;font-size:19px}.pd-root .plan-card .button{width:100%;margin-top:auto}.pd-root .plan-button{background:var(--navy);color:#fff;box-shadow:0 14px 30px #0c293333}.pd-root .plan-button-1:is(:hover,:focus-visible,:active){background:var(--orange);box-shadow:0 18px 36px #f269224d}.pd-root .plan-button-2:is(:hover,:focus-visible,:active){background:var(--cyan);box-shadow:0 18px 36px #1699ab4d}.pd-root .plan-button-3:is(:hover,:focus-visible,:active){background:#6f54c7;box-shadow:0 18px 36px #6f54c752}.pd-root .plan-body{flex-direction:column;flex:1;display:flex}.pd-root .pricing-note{color:#6f7773;background:#ffffff7a;border:1px solid #dbd8d0;border-radius:18px;justify-content:center;align-items:center;gap:22px;min-height:72px;margin-top:22px;padding:0 24px;font-size:13px;display:flex}.pd-root .pricing-note a{color:var(--orange);align-items:center;gap:9px;font-weight:800;display:inline-flex}.pd-root .faq{background:#fff}.pd-root .faq-layout{grid-template-columns:.67fr 1.33fr;align-items:start;gap:clamp(60px,9vw,130px);display:grid}.pd-root .faq-heading{margin:0;position:sticky;top:120px}.pd-root .faq-heading>p{margin-top:24px}.pd-root .faq-heading .text-link{margin-top:28px}.pd-root .faq-list{border-top:1px solid var(--line)}.pd-root .faq-item{border-bottom:1px solid var(--line)}.pd-root .faq-item summary{min-height:88px;color:var(--ink);cursor:pointer;grid-template-columns:35px 1fr 38px;align-items:center;gap:14px;padding:20px 0;font-size:17px;font-weight:740;list-style:none;display:grid}.pd-root .faq-item summary::-webkit-details-marker{display:none}.pd-root .faq-item summary>span{color:var(--cyan);font-size:10px;font-weight:800}.pd-root .faq-item summary>b{background:var(--paper);width:36px;height:36px;color:var(--ink);border-radius:50%;place-items:center;font-size:20px;font-weight:400;transition:transform .2s,background .2s,color .2s;display:grid}.pd-root .faq-item[open] summary>b{background:var(--orange);color:#fff;transform:rotate(45deg)}.pd-root .faq-item>p{color:var(--muted);margin:-4px 52px 26px 49px;font-size:14px;line-height:1.75}.pd-root .footer{color:#fff;background:#092630;padding-top:112px;position:relative;overflow:hidden}.pd-root .footer:before{content:"";border:1px solid #ffffff12;border-radius:50%;width:620px;height:620px;position:absolute;top:-220px;right:-160px;box-shadow:0 0 0 85px #ffffff05,0 0 0 170px #ffffff03}.pd-root .footer-grid{z-index:2;grid-template-columns:.86fr 1.14fr;gap:clamp(70px,10vw,150px);display:grid;position:relative}.pd-root .footer .brand-logo{width:205px}.pd-root .contact-info h2{color:#fff;letter-spacing:-.055em;margin:52px 0 0;font-size:clamp(42px,4vw,58px);font-weight:760;line-height:1.02}.pd-root .contact-info h2 span{color:var(--orange)}.pd-root .contact-lead{color:#ffffff8c;max-width:520px;margin:24px 0 0;font-size:15px;line-height:1.75}.pd-root .contact-list{grid-template-columns:1fr 1fr;gap:28px 26px;margin-top:42px;display:grid}.pd-root .contact-list>div{align-content:start;gap:4px;display:grid}.pd-root .contact-list span{color:#ffffff61;letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:800}.pd-root .contact-list strong,.pd-root .contact-list a{color:#fff;width:fit-content;max-width:100%;font-size:14px;font-weight:650}.pd-root .contact-list a:hover{color:#70ced6}.pd-root .contact-form-wrap{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff12;border:1px solid #ffffff21;border-radius:26px;padding:36px;position:relative;box-shadow:0 25px 65px #0000002b}.pd-root .form-eyebrow{color:#70ced6}.pd-root .contact-form-wrap>h3{color:#fff;letter-spacing:-.035em;margin:16px 0 30px;font-size:clamp(24px,2.2vw,32px);font-weight:730;line-height:1.25}.pd-root .contact-form{grid-template-columns:1fr 1fr;gap:13px;display:grid}.pd-root .contact-form label{display:block}.pd-root .contact-form label>span{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.pd-root .contact-form input,.pd-root .contact-form textarea{color:#fff;background:#ffffff12;border:1px solid #ffffff24;border-radius:12px;outline:0;width:100%;padding:16px 17px;transition:border-color .2s,background .2s}.pd-root .contact-form input{height:56px}.pd-root .contact-form textarea{resize:vertical}.pd-root .contact-form input::placeholder,.pd-root .contact-form textarea::placeholder{color:#ffffff61}.pd-root .contact-form input:focus,.pd-root .contact-form textarea:focus{background:#ffffff1a;border-color:#70ced6}.pd-root .contact-form .full{grid-column:1/-1}.pd-root .contact-form .button{margin-top:2px}.pd-root .contact-form-wrap>small{color:#ffffff59;margin-top:14px;font-size:9px;display:block}.pd-root .form-success{background:#ffffff0f;border:1px solid #ffffff21;border-radius:18px;flex-direction:column;justify-content:center;align-items:flex-start;gap:13px;min-height:300px;padding:32px;display:flex}.pd-root .form-success b{font-size:26px}.pd-root .form-success span{color:#ffffff94}.pd-root .form-success button{color:var(--orange);cursor:pointer;background:0 0;border:0;margin-top:8px;padding:0;font-weight:800}.pd-root .footer-bottom{z-index:2;color:#ffffff61;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:30px;min-height:100px;margin-top:80px;font-size:10px;display:flex;position:relative}.pd-root .floating-call,.pd-root .floating-chat{z-index:90;border-radius:14px;justify-content:center;align-items:center;min-height:52px;display:flex;position:fixed;bottom:22px;box-shadow:0 16px 36px #09263033}.pd-root .floating-call{color:var(--ink);background:#fff;gap:9px;padding:0 17px;right:230px}.pd-root .floating-call span{color:var(--cyan)}.pd-root .floating-call b,.pd-root .floating-chat b{font-size:10px}.pd-root .floating-chat{background:var(--orange);color:#fff;gap:9px;padding:0 18px;right:22px}.pd-root .floating-chat span{border:1px solid #ffffff8c;border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:grid}.pd-root .solutions-switcher{z-index:91;position:fixed;bottom:22px;left:22px}.pd-root .solutions-switcher summary{background:var(--navy);color:#fff;cursor:pointer;border-radius:14px;align-items:center;gap:10px;min-height:52px;padding:0 18px;list-style:none;transition:background .2s,transform .2s;display:flex;box-shadow:0 16px 36px #09263033}.pd-root .solutions-switcher summary::-webkit-details-marker{display:none}.pd-root .solutions-switcher summary:hover,.pd-root .solutions-switcher[open] summary{background:var(--cyan);transform:translateY(-2px)}.pd-root .solutions-switcher summary b{font-size:10px}.pd-root .solutions-logo{flex:0 0 29px;width:29px;height:27px;position:relative}.pd-root .solutions-logo i{border-radius:3px;width:16px;height:16px;position:absolute;transform:rotate(45deg);box-shadow:inset 0 0 0 1px #ffffff24}.pd-root .solutions-logo i:first-child{z-index:1;background:linear-gradient(135deg,#45338a,#2f1f5c);top:0;left:2px}.pd-root .solutions-logo i:nth-child(2){z-index:2;background:linear-gradient(135deg,#ed6c1a,#d56515);bottom:0;left:2px}.pd-root .solutions-logo i:nth-child(3){z-index:3;background:linear-gradient(135deg,#30a6c1,#24839c);top:6px;right:1px}.pd-root .solutions-menu{background:#fffffffa;border:1px solid #14232c1a;border-radius:17px;gap:5px;width:238px;padding:10px;display:grid;position:absolute;bottom:calc(100% + 10px);left:0;box-shadow:0 20px 55px #09263033}.pd-root .solutions-menu>span{color:#87938f;letter-spacing:.11em;text-transform:uppercase;padding:7px 9px 5px;font-size:9px;font-weight:800}.pd-root .solutions-menu a{min-height:64px;color:var(--ink);border-radius:11px;flex-direction:column;justify-content:center;gap:3px;padding:12px 38px 12px 12px;transition:background .2s,color .2s;display:flex;position:relative}.pd-root .solutions-menu a:hover{background:var(--cyan-soft);color:var(--cyan)}.pd-root .solutions-menu a b{font-size:13px}.pd-root .solutions-menu a small{color:var(--muted);font-size:10px}.pd-root .solutions-menu a i{color:var(--orange);font-size:17px;font-style:normal;position:absolute;top:50%;right:13px;transform:translateY(-50%)}@media (width<=1180px){.pd-root .shell,.pd-root .narrow-shell{width:min(100% - 48px,1080px)}.pd-root .site-header{gap:20px}.pd-root .brand-logo{width:170px}.pd-root .main-nav{gap:17px}.pd-root .main-nav a{font-size:13.6px}.pd-root .header-cta{padding-inline:15px;font-size:11px}.pd-root .hero-content{gap:32px}.pd-root .product-canvas,.pd-root .product-canvas img{min-height:410px}.pd-root .metric-sales{right:-10px}.pd-root .metric-sync{left:-18px}.pd-root .advantage-stage{grid-template-columns:1fr}.pd-root .feature-visual{min-height:560px}.pd-root .advantage-list{gap:12px}.pd-root .advantage-item{grid-template-columns:38px 1fr;gap:12px;padding:17px}.pd-root .advantage-icon{width:36px;height:36px}.pd-root .review-arrow.previous{left:-14px}.pd-root .review-arrow.next{right:-14px}}@media (width>=981px){.pd-root .hero-content{grid-template-columns:minmax(520px,1fr) minmax(0,1fr);gap:clamp(32px,4vw,56px)}.pd-root .hero-copy{max-width:none}.pd-root .hero h1{text-wrap:initial;max-width:none;font-size:clamp(34px,3.4vw,50px)}.pd-root .hero-title-line{white-space:nowrap;display:block}}@media (width<=980px){html.pd-html{scroll-padding-top:92px}.pd-root .site-header{border-radius:17px;height:68px;padding:0 10px 0 20px;top:10px}.pd-root .logo-link{z-index:3}.pd-root .brand-logo{width:175px}.pd-root .header-cta{display:none}.pd-root .menu-button{z-index:3;margin-left:auto;display:block}.pd-root .main-nav{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;visibility:hidden;pointer-events:none;transform-origin:top;background:#fffffff7;border:1px solid #14232c14;border-radius:17px;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;width:100%;height:auto;max-height:calc(100vh - 104px);padding:8px 20px 12px;transition:opacity .2s,transform .25s,visibility 0s linear .25s;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;transform:translateY(-12px)scaleY(.96);box-shadow:0 20px 42px #14232c24}.pd-root .main-nav.open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translateY(0)scaleY(1)}.pd-root .main-nav a{border-bottom:1px solid var(--line);color:var(--ink);padding:15px 2px;font-size:14px}.pd-root .main-nav a:last-child{border-bottom:0}.pd-root .hero{min-height:100dvh;padding-top:120px}.pd-root .hero-content{grid-template-columns:1fr;gap:56px;min-height:0}.pd-root .hero-copy,.pd-root .hero h1{max-width:760px}.pd-root .hero-lead{max-width:700px}.pd-root .hero-visual{width:min(780px,100%);margin-inline:auto}.pd-root .product-canvas,.pd-root .product-canvas img{min-height:520px}.pd-root .hero-slider{width:100%;margin-left:0}.pd-root .section{padding:96px 0}.pd-root .split-heading{grid-template-columns:1fr;gap:25px}.pd-root .split-heading>p{max-width:700px}.pd-root .tabs{grid-template-columns:1fr 1fr}.pd-root .advantage-stage{grid-template-columns:1fr}.pd-root .feature-visual{min-height:600px}.pd-root .advantage-list,.pd-root .business-grid{grid-template-columns:1fr 1fr}.pd-root .business-grid-five{grid-template-columns:repeat(4,minmax(0,1fr))}.pd-root .business-grid-five .business-card{grid-column:span 2;width:auto}.pd-root .business-grid-five .business-card:nth-child(4){grid-column:span 2}.pd-root .business-grid-five .business-card:last-child{grid-column:2/span 2;justify-self:stretch;width:auto}.pd-root .business-card-top b{width:128px;height:128px;top:42%;right:-22px}.pd-root .business-card-top b:before{border-radius:36px}.pd-root .business-card-top b svg{width:90px;height:90px}.pd-root .business-card:hover{transform:none}.pd-root .review-grid,.pd-root .review-grid.expanded{grid-template-columns:1fr 1fr}.pd-root .review-card:nth-child(3):last-child{grid-column:1/-1;justify-self:center;width:calc(50% - 9px)}.pd-root .review-arrow{display:none}.pd-root .plan-grid{grid-template-columns:1fr}.pd-root .plan-card,.pd-root .plan-card>p,.pd-root .plan-card ul{min-height:0}.pd-root .plan-card ul{padding-bottom:22px}.pd-root .faq-layout{grid-template-columns:1fr;gap:50px}.pd-root .faq-heading{position:static}.pd-root .faq-heading>p{max-width:650px}.pd-root .footer-grid{grid-template-columns:1fr;gap:65px}.pd-root .contact-info{max-width:720px}}@media (width<=680px){.pd-root .shell,.pd-root .narrow-shell{width:calc(100% - 32px)}.pd-root .site-header{width:calc(100% - 16px)}.pd-root .brand-logo{width:156px}.pd-root .hero{padding:105px 0 40px}.pd-root .hero:before{display:none}.pd-root .eyebrow{font-size:9px}.pd-root .hero h1{margin-top:18px;font-size:clamp(30px,8.5vw,40px)}.pd-root .hero-lead{margin-top:22px;font-size:15px}.pd-root .hero-actions{grid-template-columns:1fr;display:grid}.pd-root .button{width:100%}.pd-root .hero-benefits{grid-template-columns:1fr;gap:10px}.pd-root .hero-benefits li{font-size:12px}.pd-root .hero-proof{grid-template-columns:1fr;gap:14px}.pd-root .hero-proof strong{font-size:12px}.pd-root .hero-proof small{font-size:10px}.pd-root .hero-visual{margin-top:4px}.pd-root .hero-slider{border-radius:14px}.pd-root .hero-slides{border-radius:12px}.pd-root .hero-slider-arrow{width:38px;height:38px;font-size:26px;top:50%}.pd-root .hero-slider-arrow.previous{left:-9px}.pd-root .hero-slider-arrow.next{right:-9px}.pd-root .product-window{border-radius:20px;padding:8px;transform:none}.pd-root .product-window.hero-interface-window{border-radius:0;padding:0}.pd-root .product-window:before{border-radius:22px;width:90px;height:90px;top:-14px;right:-8px}.pd-root .product-window:after{border-radius:24px;width:105px;height:75px;bottom:-12px;left:-8px}.pd-root .product-window-bar{height:32px}.pd-root .product-window-bar b{display:none}.pd-root .product-canvas{border-radius:14px}.pd-root .product-canvas,.pd-root .product-canvas img{min-height:255px}.pd-root .metric-card{display:none}.pd-root .hero-interface-image{width:112%;margin:0 -6% -2%}.pd-root .section{padding:76px 0}.pd-root .section-heading{margin-bottom:42px}.pd-root .section-heading h2,.pd-root .faq-heading h2{font-size:41px}.pd-root .section-heading>p,.pd-root .split-heading>p,.pd-root .faq-heading>p{font-size:14px}.pd-root .tabs{grid-template-columns:1fr}.pd-root .tab{justify-content:flex-start;min-height:52px;padding-inline:16px}.pd-root .advantages-desktop{display:none}.pd-root .advantage-mobile-accordion{gap:10px;display:grid}.pd-root .advantage-accordion-item{background:#ffffff0b;border:1px solid #ffffff1f;border-radius:17px;overflow:hidden}.pd-root .advantage-accordion-item.open{background:#fff1}.pd-root .advantage-accordion-trigger{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:32px minmax(0,1fr) 32px;align-items:center;gap:11px;width:100%;min-height:76px;padding:13px 14px;display:grid}.pd-root .advantage-accordion-trigger:focus-visible{outline-offset:-3px;outline:3px solid #70ced673}.pd-root .advantage-accordion-number{color:#70ced6;background:#ffffff14;border-radius:9px;place-items:center;width:30px;height:30px;font-size:9px;font-weight:800;display:grid}.pd-root .advantage-accordion-title{gap:3px;min-width:0;display:grid}.pd-root .advantage-accordion-title strong{font-size:14px;line-height:1.25}.pd-root .advantage-accordion-title small{color:#ffffff80;font-size:10px;line-height:1.35}.pd-root .advantage-accordion-toggle{background:#ffffff14;border-radius:9px;width:30px;height:30px;position:relative}.pd-root .advantage-accordion-toggle:before,.pd-root .advantage-accordion-toggle:after{content:"";background:currentColor;border-radius:2px;width:12px;height:2px;transition:transform .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pd-root .advantage-accordion-toggle:after{transform:translate(-50%,-50%)rotate(90deg)}.pd-root .advantage-accordion-trigger[aria-expanded=true] .advantage-accordion-number,.pd-root .advantage-accordion-trigger[aria-expanded=true] .advantage-accordion-toggle{background:var(--orange);color:#fff}.pd-root .advantage-accordion-trigger[aria-expanded=true] .advantage-accordion-toggle:after{transform:translate(-50%,-50%)rotate(0)}.pd-root .advantage-accordion-panel{border-top:1px solid #ffffff1a;padding:0 14px 5px}.pd-root .advantage-accordion-panel .advantage-list{padding:0;gap:10px;padding:14px 0}.pd-root .advantage-accordion-panel .advantage-item{grid-template-columns:34px 1fr;gap:11px;min-height:0;padding:15px}.pd-root .advantage-accordion-panel .advantage-icon{border-radius:10px;width:32px;height:32px}.pd-root .advantage-accordion-panel .advantage-icon svg{width:19px;height:19px}.pd-root .advantage-stage{margin-top:28px}.pd-root .feature-visual{display:none}.pd-root .feature-toolbar{min-height:42px}.pd-root .feature-screen{border-radius:13px}.pd-root .feature-note{min-width:160px;padding:10px 12px;bottom:16px;right:16px}.pd-root .feature-note b{width:28px;height:28px}.pd-root .advantage-list{grid-template-columns:1fr;padding-top:10px}.pd-root .advantage-item{padding:16px}.pd-root .advantage-item h3{font-size:15px}.pd-root .advantage-item p{font-size:12px}.pd-root .section-cta{flex-direction:column;align-items:flex-start}.pd-root .business-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pd-root .business-grid-five{grid-template-columns:repeat(4,minmax(0,1fr))}.pd-root .business-grid-five .business-card{grid-column:span 2}.pd-root .business-grid-five .business-card:last-child{grid-column:2/span 2}.pd-root .business-card{border-radius:16px;min-height:230px;padding:17px 15px 19px}.pd-root .business-card-top b{width:112px;height:112px;top:39%;right:-25px}.pd-root .business-card-top b:before{border-radius:32px}.pd-root .business-card-top b svg{width:78px;height:78px}.pd-root .business-card h3{margin-bottom:8px;font-size:18px;line-height:1.18}.pd-root .business-card h3,.pd-root .business-card p{max-width:100%}.pd-root .business-card p{font-size:11px;line-height:1.5}.pd-root .review-grid,.pd-root .review-grid.expanded{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:14px;margin-inline:-16px;padding:0 16px 18px;scroll-padding-inline:16px;display:flex;overflow-x:auto}.pd-root .review-grid::-webkit-scrollbar{display:none}.pd-root .review-card,.pd-root .review-card:nth-child(3):last-child{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 calc(100vw - 52px);width:auto;max-width:420px}.pd-root .review-card:hover{transform:none}.pd-root .review-video iframe{touch-action:pan-x pan-y;height:min(122vw,485px)}.pd-root .review-swipe-hint{color:#ffffff94;justify-content:center;align-items:center;gap:8px;margin:10px 0 0;font-size:11px;font-weight:700;display:flex}.pd-root .review-swipe-hint span{color:#70ced6;font-size:17px;line-height:1}.pd-root .show-more{margin-top:22px}.pd-root .partner-search input{font-size:13px}.pd-root .partner-row{grid-template-columns:.75fr 1.25fr;gap:12px;padding:14px 16px}.pd-root .partner-row>.partner-phone{grid-column:2;justify-content:flex-start}.pd-root .partner-head span:last-child,.pd-root .partner-phone svg,.pd-root .plan-card-desktop{display:none}.pd-root .plan-card-mobile{padding:20px;display:block}.pd-root .plan-card-mobile:hover{transform:none}.pd-root .plan-card-mobile:not([open])>.plan-body{display:none}.pd-root .plan-card-mobile[open]>.plan-body{display:flex}.pd-root .plan-summary{cursor:pointer;padding-right:46px;list-style:none;position:relative}.pd-root .plan-summary::-webkit-details-marker{display:none}.pd-root .plan-summary:focus-visible{outline-offset:7px;border-radius:8px;outline:3px solid #1699ab47}.pd-root .plan-summary .plan-top{margin-right:-46px}.pd-root .plan-summary-title{color:var(--ink);letter-spacing:-.035em;text-transform:uppercase;margin-top:20px;font-size:23px;font-weight:780;line-height:1.12;display:block}.pd-root .plan-summary .plan-label{display:block}.pd-root .plan-summary-description{color:var(--muted);margin-top:12px;font-size:13px;line-height:1.55;display:block}.pd-root .plan-toggle{width:34px;height:34px;color:var(--ink);background:#edf2f0;border-radius:50%;place-items:center;font-size:22px;font-weight:400;line-height:1;transition:transform .2s,background .2s,color .2s;display:grid;position:absolute;top:52px;right:0}.pd-root .plan-card-mobile[open] .plan-toggle{background:var(--orange);color:#fff;transform:rotate(45deg)}.pd-root .plan-card-mobile .plan-body{margin-top:18px}.pd-root .plan-card-mobile ul{margin-top:0;padding-bottom:10px}.pd-root .pricing-note{text-align:center;flex-direction:column;gap:7px;padding:18px}.pd-root .faq-item summary{grid-template-columns:27px 1fr 34px;gap:9px;min-height:80px;font-size:15px}.pd-root .faq-item>p{margin:-2px 4px 24px 36px;font-size:13px}.pd-root .footer{padding-top:80px}.pd-root .contact-info h2{margin-top:40px;font-size:42px}.pd-root .contact-list{grid-template-columns:1fr;gap:22px}.pd-root .contact-form-wrap{border-radius:20px;padding:24px 18px}.pd-root .contact-form-wrap>h3{font-size:24px}.pd-root .contact-form{grid-template-columns:1fr}.pd-root .contact-form .full{grid-column:auto}.pd-root .footer-bottom{flex-direction:column;align-items:flex-start;min-height:0;margin-top:60px;padding:24px 0}.pd-root .floating-call{width:52px;padding:0;bottom:16px;right:16px}.pd-root .floating-call b,.pd-root .floating-chat{display:none}.pd-root .solutions-switcher{bottom:16px;left:16px}.pd-root .solutions-switcher summary{justify-content:center;width:52px;padding:0}.pd-root .solutions-switcher summary b{display:none}.pd-root .solutions-menu{width:min(238px,100vw - 32px)}} /* ========================================================================== Адаптації під WordPress. Цей файл ПИШЕТЬСЯ РУКАМИ і додається в кінець prodavai.css скриптом build-css.php. Тут лише те, чого немає в макеті, бо макет — статичний HTML: адмін-бар, перемикання табів, стан форми, honeypot. ========================================================================== */ /* -------------------------------------------------------------------------- Адмін-бар WordPress. .site-header має position:fixed; top:16px, тому для залогінених користувачів його треба опустити. -------------------------------------------------------------------------- */ body.admin-bar .pd-root .site-header { top: 48px; } @media (width<=980px) { body.admin-bar .pd-root .site-header { top: 42px; } } @media screen and (max-width: 782px) { body.admin-bar .pd-root .site-header { top: 56px; } /* На мобільному адмін-бар WordPress не fixed, а absolute. */ body.admin-bar .pd-root .floating-call, body.admin-bar .pd-root .floating-chat { margin-bottom: 0; } } /* -------------------------------------------------------------------------- Таби «Можливості». У макеті React перемальовував список, тут усі чотири панелі лежать у DOM одразу, а неактивні ховаються через [hidden]. Потрібен явний селектор, бо .advantage-list має display:grid, який сильніший за [hidden]{display:none} з @layer base. -------------------------------------------------------------------------- */ .pd-root .advantage-list[hidden], .pd-root [hidden] { display: none !important; } /* -------------------------------------------------------------------------- Стан відправки форми консультації. -------------------------------------------------------------------------- */ .pd-root .contact-form .pd-form-status { grid-column: 1 / -1; min-height: 22px; margin: 2px 0 0; font-size: 14px; font-weight: 600; line-height: 1.45; } .pd-root .contact-form .pd-form-status.is-error { color: #d93a30; } .pd-root .contact-form .pd-form-status.is-ok { color: #1c7c3f; } .pd-root .contact-form button[disabled] { opacity: .6; cursor: default; } /* Honeypot — приховане поле проти ботів. */ .pd-root .contact-form .pd-hp { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none; } /* -------------------------------------------------------------------------- Карусель відгуків. У макеті .review-grid на десктопі — сітка repeat(3,1fr), а горизонтальний скрол увімкнений лише при ≤680px. Тобто дизайн розрахований рівно на три відгуки: четвертий падає в другий ряд, а стрілки висять над ним без діла. Робимо скрол-карусель на всіх ширинах: 3 картки видно на десктопі, 2 на планшеті, 1 на телефоні (останнє вже є в макеті). -------------------------------------------------------------------------- */ @media (min-width: 681px) { .pd-root .review-grid, .pd-root .review-grid.expanded { display: flex; grid-template-columns: none; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch; /* Вертикальні відступи — щоб hover-підняття картки не обрізалось. */ padding: 8px 0 14px; margin-block: -8px 0; } .pd-root .review-grid::-webkit-scrollbar { display: none; } .pd-root .review-card, .pd-root .review-card:nth-child(3):last-child { scroll-snap-align: start; scroll-snap-stop: always; width: auto; max-width: none; justify-self: auto; grid-column: auto; } } /* Десктоп: три картки, gap 18px -> віднімаємо 2 проміжки. */ @media (min-width: 981px) { .pd-root .review-card, .pd-root .review-card:nth-child(3):last-child { flex: 0 0 calc((100% - 36px) / 3); } } /* Планшет: дві картки, gap 18px -> один проміжок. */ @media (min-width: 681px) and (max-width: 980px) { .pd-root .review-card, .pd-root .review-card:nth-child(3):last-child { flex: 0 0 calc((100% - 18px) / 2); } /* У макеті стрілки тут сховані, але тепер карусель працює й на планшеті. */ .pd-root .review-arrow { display: grid; } } /* Стрілки: приховані, коли гортати нема чого (керується з prodavai.js). */ .pd-root .review-arrow[disabled] { opacity: .3; cursor: default; } .pd-root .review-arrow[disabled]:hover { background: #173b46; } /* Підказка про свайп доречна на будь-якому тачскріні, не лише до 680px. */ @media (hover: none) and (min-width: 681px) { .pd-root .review-swipe-hint { color: #ffffff94; justify-content: center; align-items: center; gap: 8px; margin: 10px 0 0; font-size: 11px; font-weight: 700; display: flex; } .pd-root .review-swipe-hint span { color: #70ced6; font-size: 17px; line-height: 1; } } /* -------------------------------------------------------------------------- «Показати більше відгуків». У макеті це