/* ProjectOps v5.3.0 public website polish */
.po-public-page{--po-site-navy:#071427;--po-site-blue:#123d74;--po-site-red:#dc2631;--po-site-text:#0d1b31;--po-site-muted:#64758d;--po-site-line:#dce5ef;--po-site-soft:#f4f7fb;background:#fff;color:var(--po-site-text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.po-public-page h1,.po-public-page h2,.po-public-page h3,.po-public-page h4{color:var(--po-site-text);letter-spacing:-.03em;text-wrap:balance}.po-public-page p{color:var(--po-site-muted);line-height:1.72}.po-public-page .container{max-width:1240px}
.po-navbar{min-height:78px;border-bottom:1px solid rgba(216,226,238,.9);background:rgba(255,255,255,.94)!important;backdrop-filter:blur(18px);box-shadow:0 6px 24px rgba(8,26,54,.045)}.po-navbar .nav-link{font-size:13px;font-weight:750;color:#34445c!important}.po-navbar .nav-link:hover{color:var(--po-site-red)!important}.po-navbar .btn-po{min-height:42px;border-radius:11px}
.po-hero{position:relative;overflow:hidden;padding:106px 0 92px;background:radial-gradient(circle at 90% 8%,rgba(36,99,199,.15),transparent 34%),linear-gradient(180deg,#fff,#f6f9fd)}.po-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(23,50,87,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,50,87,.035) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}.hero-content,.hero-visual{position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #dbe5ef;border-radius:999px;background:#fff;box-shadow:0 8px 24px rgba(8,26,54,.055);font-size:11px;font-weight:850}.hero-title{max-width:700px;margin:22px 0 18px;font-size:clamp(48px,6vw,78px);line-height:.98}.hero-copy{max-width:650px;font-size:17px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn-po{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 21px;border-radius:13px;font-size:13px;font-weight:850;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.btn-po:hover{transform:translateY(-2px)}.btn-primary-po{background:linear-gradient(135deg,#e52e39,#c61723)!important;color:#fff!important;box-shadow:0 16px 34px rgba(220,38,49,.23)}.btn-outline-po{border:1px solid #cfdbea!important;background:#fff!important;color:#263850!important}.btn-dark-po{background:#071427!important;color:#fff!important}.btn-light-po{background:#fff!important;color:#071427!important}
.laptop-frame,.browser-frame,.product-window,.preview-window{overflow:hidden;border:1px solid #d6e0eb;border-radius:22px;background:#fff;box-shadow:0 30px 80px rgba(8,28,58,.18)}.laptop-frame img,.browser-frame img,.product-window img,.preview-window img{width:100%;display:block}.floating-chip{border:1px solid #dce5ef;border-radius:14px;background:#fff;box-shadow:0 16px 40px rgba(8,28,58,.12);font-size:11px;font-weight:800}
.section-pad{padding:94px 0}.section-soft{background:linear-gradient(180deg,#f6f9fc,#f1f5fa)}.section-dark{background:linear-gradient(145deg,#071427,#0d2748);color:#fff}.section-dark h2,.section-dark h3{color:#fff}.section-dark p{color:#c2d0e1}.section-title{max-width:840px;margin:0 auto 45px;text-align:center}.section-title h2{font-size:clamp(36px,4.5vw,58px);line-height:1.05}.section-lead{font-size:16px}
.steps-grid,.modules-grid,.industry-grid,.benefits-grid,.pricing-grid,.value-grid{gap:20px}.step-card,.module-card,.industry-card,.benefit-card,.pricing-card,.value-item,.security-item,.faq-item{position:relative;border:1px solid var(--po-site-line);border-radius:20px;background:#fff;box-shadow:0 14px 42px rgba(8,28,58,.07);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.step-card:hover,.module-card:hover,.industry-card:hover,.benefit-card:hover,.pricing-card:hover,.value-item:hover,.security-item:hover,.faq-item:hover{transform:translateY(-5px);border-color:#c5d4e5;box-shadow:0 24px 58px rgba(8,28,58,.12)}.step-card,.module-card,.industry-card,.benefit-card{min-height:230px;padding:28px}.module-card,.benefit-card{cursor:pointer}.module-card:focus-visible,.benefit-card:focus-visible{outline:4px solid rgba(220,38,49,.15);outline-offset:3px}.step-icon,.value-icon,.feature-item>span,.security-item>span{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,#fff0f2,#f3f7fb);color:var(--po-site-red)}.module-card .po-svg-icon,.benefit-card .po-svg-icon,.step-card .po-svg-icon{width:24px;height:24px}.module-card h3,.benefit-card h3,.step-card h3{margin:21px 0 8px;font-size:20px}.module-card p,.benefit-card p,.step-card p{font-size:13px}
.pricing-card{padding:30px}.pricing-card.featured{border-color:#e26b73;box-shadow:0 26px 66px rgba(220,38,49,.15)}.popular-ribbon{border-radius:999px;background:var(--po-site-red);color:#fff}.price{font-size:44px;font-weight:900;color:var(--po-site-text)}.comparison-wrap{overflow:auto;border:1px solid var(--po-site-line);border-radius:20px;background:#fff;box-shadow:0 15px 44px rgba(8,28,58,.07)}.comparison-table th{background:#f6f9fc}.comparison-table td,.comparison-table th{padding:17px}
.faq-grid{align-items:start}.faq-list{display:grid;gap:12px}.faq-item{overflow:hidden}.faq-question{width:100%;padding:19px 21px;border:0;background:transparent;text-align:left;color:var(--po-site-text);font-size:15px;font-weight:850}.faq-answer{padding:0 21px 20px}.security-band,.cta-section{position:relative;overflow:hidden}.cta-inner{border-radius:26px;background:linear-gradient(135deg,#071427,#0d2d56 70%,#4a1520);box-shadow:0 32px 80px rgba(8,28,58,.2)}
.po-feature-modal{position:fixed;inset:0;z-index:9999;display:none;place-items:center;padding:24px;background:rgba(3,12,25,.72);backdrop-filter:blur(12px)}.po-feature-modal.is-open{display:grid}.po-feature-dialog{width:min(100%,820px);overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:24px;background:#fff;box-shadow:0 36px 100px rgba(0,0,0,.28)}.po-feature-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:26px 28px;border-bottom:1px solid var(--po-site-line)}.po-feature-dialog header h3{margin:0;font-size:27px}.po-feature-dialog .po-modal-close{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--po-site-line);border-radius:11px;background:#fff;cursor:pointer}.po-feature-slides{min-height:260px;padding:28px}.po-feature-slide{display:none}.po-feature-slide.is-active{display:block}.po-feature-slide h4{font-size:20px}.po-feature-slide p,.po-feature-slide li{font-size:14px;line-height:1.7}.po-feature-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 28px;border-top:1px solid var(--po-site-line);background:#f8fafc}.po-modal-dots{display:flex;gap:7px}.po-modal-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#cbd5e1}.po-modal-dots button.is-active{background:var(--po-site-red)}
.legal-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--po-site-line);background:rgba(255,255,255,.95);backdrop-filter:blur(16px)}.legal-nav{min-height:76px}.legal-main{padding:70px 0 90px;background:#f6f9fc}.legal-card,.contact-form,.contact-aside{border:1px solid var(--po-site-line);border-radius:20px;background:#fff;box-shadow:0 14px 44px rgba(8,28,58,.07)}
@media(max-width:991px){.po-hero{padding:90px 0 72px}.hero-visual{margin-top:45px}.section-pad{padding:72px 0}.hero-title{font-size:54px}.steps-grid,.modules-grid,.industry-grid,.benefits-grid,.pricing-grid{gap:16px}}
@media(max-width:767px){.po-navbar{min-height:70px}.po-hero{padding:74px 0 58px}.hero-title{font-size:43px}.hero-copy{font-size:15px}.hero-actions .btn-po{width:100%}.section-pad{padding:58px 0}.section-title h2{font-size:36px}.step-card,.module-card,.industry-card,.benefit-card{min-height:0;padding:23px}.po-feature-dialog header,.po-feature-slides,.po-feature-dialog footer{padding-left:20px;padding-right:20px}.po-feature-dialog footer{align-items:stretch;flex-direction:column}.po-feature-dialog footer .btn-po{width:100%}}
