/* Photoxpedia OS — client-facing commercial and delivery experience */
:root{--ops-ink:#15221a;--ops-green:#1a3025;--ops-lime:#cef379;--ops-muted:#697969;--ops-border:#d9e2d2;--ops-paper:#f4f6ef}
.ops-page{background:var(--ops-paper);min-height:100vh;color:var(--ops-ink)}
.ops-page .site-header{background:var(--ops-paper)}
.ops-container{width:min(1220px,calc(100% - 64px));margin-inline:auto}
.ops-intro{padding:95px 0 55px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:75px;align-items:end}
.ops-eyebrow{font:600 11px var(--mono,monospace);letter-spacing:1.3px;color:#597251;text-transform:uppercase;display:flex;align-items:center;gap:10px}
.ops-eyebrow:before{content:"";width:9px;height:9px;background:#9ac44c;display:inline-block}
.ops-intro h1,.ops-hero h1{font:600 clamp(52px,6.8vw,104px)/1.02 var(--font,'Space Grotesk',sans-serif);letter-spacing:-.065em;margin:24px 0}
.ops-intro h1 span,.ops-hero h1 span{color:#879983}
.ops-intro p,.ops-hero p{font-size:17px;line-height:1.75;color:#647361;max-width:560px}
.ops-sidebar-card{background:var(--ops-green);color:#f2faed;padding:30px;border-radius:4px;box-shadow:12px 12px 0 #dfe7d7}
.ops-sidebar-card small,.ops-mini{font:600 10px var(--mono,monospace);letter-spacing:1px;color:#aac2a1}
.ops-sidebar-card h3{font:600 31px/1.15 var(--font,sans-serif);letter-spacing:-1.5px;margin:16px 0 22px}
.ops-sidebar-card ul{list-style:none;padding:0;margin:0 0 24px}
.ops-sidebar-card li{padding:11px 0;border-top:1px solid #47604b;color:#d3decf;font-size:13px}
.ops-sidebar-card li:before{content:'↗';color:var(--ops-lime);margin-right:12px}
.ops-section{padding:62px 0 95px}
.ops-section+.ops-section{border-top:1px solid var(--ops-border)}
.ops-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:28px}
.ops-heading h2{font:600 clamp(32px,4vw,55px)/1.05 var(--font,sans-serif);letter-spacing:-.045em;margin:9px 0}
.ops-heading p{max-width:360px;color:#637562;font-size:14px;line-height:1.7}
.ops-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ops-card{background:#fff;border:1px solid #dfe6da;padding:27px;display:flex;flex-direction:column;gap:13px;min-width:0;transition:box-shadow .15s,transform .15s}
.ops-card:hover{box-shadow:5px 6px 0 #e0e8d8;transform:translateY(-2px)}
.ops-card.featured{background:#1d3528;color:white;border-color:#1d3528}
.ops-card.featured p,.ops-card.featured .ops-muted{color:#bdcdb9}
.ops-tag{font:600 10px var(--mono,monospace);letter-spacing:.5px;color:#648055;text-transform:uppercase}
.ops-card.featured .ops-tag{color:#c5f18a}
.ops-card h3{font:600 24px/1.15 var(--font,sans-serif);letter-spacing:-.8px;margin:5px 0}
.ops-card .ops-price{font:600 34px/1 var(--font,sans-serif);letter-spacing:-1.5px}
.ops-card .ops-price small{font:500 13px var(--body,sans-serif);letter-spacing:0;color:#8a9c85}
.ops-card p{font:400 13px/1.65 var(--body,sans-serif);color:#627361}
.ops-card ul{list-style:none;margin:0;padding:0;flex:1}
.ops-card li{font-size:12px;padding:9px 0;border-top:1px solid #e1e7dd}
.ops-card.featured li{border-top-color:#45634b}
.ops-card li:before{content:'✓';margin-right:10px;color:#628b35}
.ops-card.featured li:before{color:var(--ops-lime)}
.ops-button,.ops-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;background:#d0f482;color:#1b2a1a!important;border:1px solid #c8e978;min-height:46px;padding:12px 17px;text-decoration:none;font:700 13px var(--body,sans-serif);cursor:pointer;transition:transform .15s,background .15s}
.ops-button:hover,.ops-btn:hover{background:#bbeb62;transform:translateY(-1px)}
.ops-button.dark,.ops-btn.dark{background:#1c2e22;color:white!important;border-color:#1c2e22}
.ops-button.outline,.ops-btn.outline{background:transparent;color:#1c2e22!important;border-color:#b4c1b2}
.ops-button.small,.ops-btn.small{font-size:12px;min-height:37px;padding:9px 12px}
.ops-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}
.ops-card.featured .ops-button{background:#d0f482}
.ops-flow{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;padding:8px;background:#e0e7dc}
.ops-flow-step{background:#fff;padding:20px 13px;min-height:152px}
.ops-flow-step b{display:block;font:600 20px var(--mono,monospace);color:#8db35c;margin-bottom:19px}
.ops-flow-step strong{display:block;font-size:12px;line-height:1.4;margin-bottom:9px}
.ops-flow-step small{display:block;color:#788675;line-height:1.55;font-size:11px}
.ops-two{display:grid;grid-template-columns:1.1fr .9fr;gap:34px}
.ops-table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.6;background:white}
.ops-table th,.ops-table td{padding:19px;border-bottom:1px solid #e2e7df;vertical-align:top;text-align:left}
.ops-table th{width:175px;font-weight:700;color:#1c3020}
.ops-table td{color:#546b56}
.ops-panel{background:white;border:1px solid #e2e8df;padding:28px;min-width:0}
.ops-panel.dark{background:#1d3327;color:#eef8e9;border-color:#1d3327}
.ops-panel.dark p,.ops-panel.dark .ops-muted{color:#bfd0ba}
.ops-panel h2,.ops-panel h3{font:600 26px/1.15 var(--font,sans-serif);letter-spacing:-1px;margin-bottom:14px}
.ops-muted{font-size:13px;color:#758475;line-height:1.65}
.ops-rule{height:1px;background:#dce5d7;margin:22px 0}
.ops-faq{border-top:1px solid var(--ops-border)}
.ops-faq details{border-bottom:1px solid var(--ops-border);padding:21px 0}
.ops-faq summary{font-size:15px;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}
.ops-faq summary:after{content:'+';color:#7aab46;font:600 20px var(--mono,monospace)}
.ops-faq details[open] summary:after{content:'−'}
.ops-faq details p{max-width:850px;line-height:1.75;color:#637765;font-size:14px;padding:12px 0 0}
.ops-main{padding:50px 0 110px;min-height:67vh}
.ops-topline{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #d5dfd0;padding:0 0 24px;margin-bottom:35px}
.ops-topline strong{font:600 12px var(--mono,monospace);letter-spacing:.5px}
.ops-topline a{font-size:12px;color:#4c634b;text-decoration:underline}
.ops-title{font:600 clamp(38px,5vw,66px)/1.08 var(--font,sans-serif);letter-spacing:-.05em;margin:12px 0 20px}
.ops-subtitle{color:#617361;max-width:760px;font-size:15px;line-height:1.7;margin-bottom:27px}
.ops-form{display:grid;gap:17px}
.ops-form label{display:block;font-size:12px;font-weight:700;color:#304c35}
.ops-form input,.ops-form select,.ops-form textarea,.ops-field{display:block;width:100%;margin-top:8px;border:1px solid #bfcfba;background:#fff;color:#1d3122;border-radius:0;padding:13px 14px;min-height:47px;font:400 14px var(--body,sans-serif);outline:0}
.ops-form textarea{min-height:98px;resize:vertical}
.ops-form input:focus,.ops-form select:focus,.ops-form textarea:focus{border-color:#83aa4d;box-shadow:0 0 0 2px #d2e8b6}
.ops-form .checkline{display:flex;align-items:flex-start;gap:12px;font-weight:500;line-height:1.6}
.ops-form .checkline input{width:17px;min-height:17px;height:17px;flex-shrink:0;margin:2px 0 0;accent-color:#476e29}
.ops-form .cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.ops-form .cols.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.ops-form fieldset{margin:0;border:1px solid #d6e0d1;padding:18px}
.ops-form legend{font:600 12px var(--mono,monospace);padding:0 8px}
.ops-result{font-size:13px;line-height:1.5;min-height:18px}
.ops-result.good{color:#36732d}.ops-result.bad{color:#a93324}
.ops-stepper{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:33px 0;background:#dae4d4;padding:4px}
.ops-stepper>div{background:white;padding:15px 12px;display:flex;align-items:center;gap:11px}
.ops-stepper b{width:24px;height:24px;display:grid;place-items:center;background:#eff3ec;border-radius:100%;font-size:11px}
.ops-stepper span{font-size:11px;font-weight:600;color:#5b715a}
.ops-stepper .active{background:#243e2e;color:white}.ops-stepper .active span{color:white}.ops-stepper .active b{background:#d2f387;color:#263824}
.ops-stepper .done{background:#deecda}
.ops-layout{display:grid;grid-template-columns: minmax(0,1fr) 310px;gap:24px;align-items:start}
.ops-sticky{position:sticky;top:104px}
.ops-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ops-detail{background:#f2f6ef;padding:17px;border:1px solid #e3e9e0;min-width:0}
.ops-detail span{display:block;font:600 10px var(--mono,monospace);color:#7a9474;letter-spacing:.6px;margin-bottom:10px}
.ops-detail strong{font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.ops-notice{background:#eaf3dc;border-left:3px solid #8fb74f;padding:17px 20px;font-size:13px;line-height:1.7;color:#425c34}
.ops-notice.warning{border-color:#cc9445;background:#fff2dc;color:#6d552d}
.ops-milestone{border:1px solid #dfebd8;background:white;padding:19px;margin-bottom:10px}
.ops-milestone-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.ops-milestone strong{font-size:14px}.ops-milestone p{font-size:12px;color:#718070;line-height:1.7;margin:9px 0}
.ops-badge{display:inline-flex;align-items:center;gap:7px;background:#e7eee1;color:#477043;padding:7px 9px;text-transform:uppercase;font:700 10px var(--mono,monospace);letter-spacing:.3px}
.ops-badge.wait{background:#f8edcf;color:#8a682f}.ops-badge.good{background:#d6f0d0;color:#27602b}
.ops-contract{max-height:420px;overflow:auto;background:#fff;border:1px solid #d2ddd0;padding:20px;white-space:pre-wrap;line-height:1.75;font:400 12px/1.8 var(--mono,monospace);color:#354a39}
.ops-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ops-kpi{background:white;padding:20px;border:1px solid #dbe6d5}
.ops-kpi span{font:600 10px var(--mono,monospace);color:#879885}
.ops-kpi strong{font:600 30px var(--font,sans-serif);display:block;margin-top:8px}
.ops-data{width:100%;border-collapse:collapse;background:white;font-size:12px}
.ops-data th,.ops-data td{text-align:left;padding:14px 12px;border-bottom:1px solid #e2e7df;vertical-align:top}
.ops-data th{font:600 10px var(--mono,monospace);color:#71876d;letter-spacing:.2px;background:#eff3ec}
.ops-data td{max-width:230px;overflow-wrap:anywhere}
.ops-data tr:hover td{background:#f5f9f1}
.ops-data button{background:none;border:none;color:#365d36;text-decoration:underline;font-size:12px;cursor:pointer}
.ops-data-wrap{overflow-x:auto}
.ops-tabs{display:flex;gap:6px;margin-bottom:20px;flex-wrap:wrap}
.ops-tab{border:1px solid #cedec9;padding:11px 15px;background:#edf3e9;color:#536a53;font-weight:700;font-size:12px;cursor:pointer}
.ops-tab.active{background:#203a28;border-color:#203a28;color:white}
.ops-hidden{display:none!important}
.ops-bullet{padding-left:19px;color:#5c715a;font-size:13px;line-height:1.85}
.ops-bullet li{padding:4px 0}
.ops-divider{border:0;height:1px;background:#d5e2d2;margin:24px 0}
.ops-form-note{font-size:11px;color:#7f8e7a;line-height:1.7}
.ops-link{color:#375c2e!important;text-decoration:underline;text-underline-offset:3px}
.ops-inline{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ops-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.ops-footer{padding:30px 0;border-top:1px solid #dae4d6;background:#eef3e9;font-size:12px;color:#71836f}
@media(max-width:1100px){.ops-grid{grid-template-columns:repeat(2,1fr)}.ops-flow{grid-template-columns:repeat(4,1fr)}.ops-flow-step{min-height:125px}}
@media(max-width:780px){.ops-container{width:calc(100% - 36px)}.ops-intro{grid-template-columns:1fr;padding:50px 0;gap:25px}.ops-grid,.ops-two,.ops-layout{grid-template-columns:1fr}.ops-sticky{position:static}.ops-flow{grid-template-columns:repeat(2,1fr)}.ops-stepper{grid-template-columns:repeat(3,1fr)}.ops-heading{flex-direction:column;align-items:start}.ops-section{padding:55px 0 60px}}
@media(max-width:500px){.ops-grid,.ops-detail-grid,.ops-kpis{grid-template-columns:1fr}.ops-form .cols,.ops-form .cols.three{grid-template-columns:1fr}.ops-flow{grid-template-columns:1fr}.ops-flow-step{min-height:90px}.ops-stepper{grid-template-columns:repeat(2,1fr)}.ops-topline{align-items:start;flex-direction:column}.ops-panel{padding:20px}.ops-intro h1,.ops-hero h1{letter-spacing:-2.2px}.ops-sidebar-card{padding:20px}}
@media print{.site-header,.ops-actions,.ops-footer,.ops-sticky,.ops-tabs,.ops-btn{display:none!important}.ops-contract{max-height:none;overflow:visible}.ops-page{background:white}.ops-panel{border:0}.ops-container{width:100%}}

[hidden]{display:none!important}
.px-turnstile{margin:5px 0 10px}.px-turnstile:empty{display:none}