.op-sec{--op-ink:var(--text);--op-muted:#5b6570;--op-steel:#5e7184;--op-line:#dce0e4;--op-acc-t:var(--acc);background:#fff;padding:52px 0}.op-alt{--op-acc-t:var(--acc-deep);background:#f2f2f3}.op-w{max-width:1180px;margin:0 auto;padding:0 24px}:where(.op-w) ol{margin:0;padding:0;list-style:none}:where(.op-w) p{color:var(--op-muted);max-width:46em;margin:0 0 12px;font-size:17px;line-height:1.85}:where(.op-w) h2{color:var(--op-ink);margin:0 0 22px;font-size:28px;font-weight:800;line-height:1.4}:where(.op-w) h2:before{content:"";background:var(--acc);vertical-align:middle;width:14px;height:13px;clip-path:var(--sol-h2-chevron);margin-right:12px;display:inline-block}:where(.op-w) h3{color:var(--op-ink);margin:0 0 8px;font-size:20px;font-weight:800;line-height:1.4}.op-em{color:var(--op-acc-t);font-style:normal;font-weight:700}.op-eye{letter-spacing:2px;color:var(--op-acc-t);margin:0 0 12px;font-size:15px;font-weight:700}.op-lead{color:var(--op-ink);margin:0 0 12px;font-size:20px;font-weight:500;line-height:1.7}.op-center{text-align:center}.op-center .op-lead,.op-center .op-eye{margin-left:auto;margin-right:auto}.op-lead,:where(.op-w) h2{text-wrap:balance}.op-block{margin-top:28px}.op-center.op-block{margin-top:72px}.op-chain{color:var(--op-acc-t);margin:20px 0;font-size:18px;font-weight:500}.sol-page .op-btn{color:#fff;background:var(--acc-deep);border:2px solid var(--acc-deep);margin-top:24px;padding:14px 32px;font-size:18px;font-weight:700;transition:background-color .2s,color .2s;display:inline-block}.sol-page .op-btn:hover{color:var(--acc-deep);background:#fff}.op-split{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:56px;display:grid}.op-fig{margin:0}.op-fig img{width:100%;height:auto;display:block}.op-w>.op-fig{margin:8px 0 28px}.op-art{box-sizing:border-box;text-align:left;color:#5d2418;background:#fdf3f1;border:1px dashed #c08577;flex-direction:column;justify-content:center;gap:12px;margin:28px 0 0;padding:22px 26px;font-size:14px;line-height:1.8;display:flex}.op-split>.op-art{margin:0}.op-art-head{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.op-art-head b{color:var(--acc-deep);margin-right:4px;font-size:15px}.op-art-head span{color:#7a2f20;background:#fff;border:1px solid #dcb7ad;padding:0 10px;font-size:12px;line-height:24px}.op-art-prompt{max-width:72em}.op-art-k{color:var(--acc-deep);margin-bottom:2px;font-weight:700;display:block}.op-art-h260{min-height:260px}.op-art-h300{min-height:300px}.op-art-h320{min-height:320px}.op-art-h360{min-height:360px}.op-art-h380{min-height:380px}.op-art-h400{min-height:400px}.op-art-h440{min-height:440px}.op-grid4.op-grid-flush,.op-grid5.op-grid-flush{margin-top:32px}.op-hero{padding:72px 0}.op-hero .op-lead{font-size:28px;font-weight:800;line-height:1.5}.op-qs{flex-wrap:wrap;align-items:center;gap:28px 40px;margin:8px 0 0;display:flex}.op-qs li{color:var(--op-acc-t);border:1px solid var(--acc);background:#fff;padding:10px 20px;font-size:18px;font-weight:700;position:relative}.op-qs li+li:before{content:"→";color:#999;font-weight:400;position:absolute;top:50%;left:-28px;transform:translateY(-50%)}.op-grid4,.op-grid5,.op-compare,.op-steps{gap:20px;margin-top:40px;display:grid}.op-grid4{grid-template-columns:repeat(4,minmax(0,1fr))}.op-grid5{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.op-card{border:1px solid var(--op-line);border-top:4px solid var(--acc);background:#fff;padding:26px 22px}.op-card p{color:var(--op-muted);max-width:none;margin:0;font-size:15px;line-height:1.7}.op-card-em{font-weight:500;color:var(--acc)!important;margin-bottom:10px!important}.op-tag{color:var(--op-muted)!important;margin-bottom:6px!important;font-size:14px!important}.op-tag-em{color:var(--acc)!important}.op-card-muted{border-top-color:#999}.op-loop{flex-direction:column;padding-top:22px;display:flex}.op-loop>p:has(+.op-loop-link){margin-bottom:16px}.op-loop-ico{background:var(--acc-tint);width:44px;height:44px;color:var(--acc);border-radius:50%;place-items:center;margin-bottom:12px;font-size:26px;display:grid}.op-num{font-weight:700;color:var(--acc)!important;margin-bottom:6px!important;font-size:15px!important}.op-flow{font-weight:500;color:var(--acc)!important;margin-bottom:14px!important}.sol-page .op-loop-link{color:var(--acc-deep);border:2px solid var(--acc-deep);align-self:flex-start;margin-top:auto;padding:8px 18px;font-size:15px;font-weight:700;transition:background-color .2s,color .2s;display:inline-block}.sol-page .op-loop-link:hover{color:#fff;background:var(--acc-deep)}.op-loop h3 a{color:inherit}.op-loop h3 a:hover{text-underline-offset:4px;text-decoration:underline}.op-grid5 h3{font-size:18px}.op-compare{grid-template-columns:repeat(2,minmax(0,1fr))}.op-compare .op-card{padding:32px 28px}.op-compare h3{font-size:22px}.op-finale{background:var(--acc-deep)}.op-finale :where(h2){color:#fff}.op-finale :where(h2):before{background:#fff}.op-finale .op-eye{color:#fff;opacity:.85}.op-steps{grid-template-columns:repeat(5,minmax(0,1fr));margin:0 0 56px}.op-finale .op-art{margin:8px 0 40px}.op-finale .op-fig{border-radius:12px;margin:8px 0 40px;overflow:hidden;box-shadow:0 10px 30px #00000038}.op-step{color:var(--op-ink);background:#fff;padding:18px 10px;font-size:17px;font-weight:800}.op-step span{color:var(--acc);margin-top:4px;font-size:14px;font-weight:700;display:block}.op-step-accent{background:var(--acc-tint);color:var(--acc-deep)}.op-step-accent span{color:var(--acc-deep)}.op-finale .op-lead{color:#fff;opacity:.92}.op-triad{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:8px 0 0;padding:0;list-style:none;display:grid}.op-tri{background:#ffffff14;border:1px solid #ffffff47;flex-direction:column;align-items:center;gap:14px;padding:26px 20px 24px;display:flex}.op-tri-key{color:#fff;justify-content:center;align-items:center;gap:14px;font-size:30px;line-height:1.2;display:flex}.op-tri-key b{font-weight:800}.op-tri-key i{opacity:.7;font-size:22px;font-style:normal;font-weight:400}.op-finale .op-tri-text{color:#ffffffe0;text-wrap:pretty;border-top:1px solid #ffffff47;width:100%;padding-top:14px;font-size:15px;line-height:1.7}.op-finale :where(.op-w) p,.op-finale :where(.op-w) p.op-lead{color:#fff}.op-slogan{font-weight:700;color:#fff!important;margin:36px auto 0!important;font-size:26px!important}.sol-page .op-btn-light{color:var(--acc-deep);background:#fff;border-color:#fff}.sol-page .op-btn-light:hover{color:#fff;background:0 0}.sol-page:has(.op-finale){--footer-gap:0px}@media (width<=1000px){.op-grid5,.op-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=860px){.op-split{grid-template-columns:minmax(0,1fr);gap:32px}.op-split>.op-art{min-height:0}.op-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.op-triad{grid-template-columns:minmax(0,1fr);gap:14px}}@media (width<=720px){.op-grid4,.op-grid5,.op-compare{grid-template-columns:minmax(0,1fr)}.op-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.op-qs{flex-direction:column;align-items:flex-start;gap:22px}.op-qs li+li:before{content:"↓";top:-26px;left:20px;transform:none}}@media (width<=640px){.op-w{padding:0 16px}:where(.op-w) h2{font-size:24px}.op-sec{padding:36px 0}.op-hero{padding:48px 0}.op-hero .op-lead{font-size:22px}.op-lead{font-size:18px}.op-slogan{font-size:22px!important}}.os-shot-frame{background:#fff;border:1px solid #d3d8dd;border-radius:8px;overflow:hidden;box-shadow:0 24px 44px -26px #3c140c80,0 2px 6px #3c140c14}.os-shot-bar{background:linear-gradient(#fafafb,#eceef0);border-bottom:1px solid #dadee2;align-items:center;gap:12px;height:32px;padding:0 12px;display:flex}.os-shot-dots{gap:6px;display:inline-flex}.os-shot-dots i{background:#cfd4d9;border-radius:50%;width:9px;height:9px}.os-shot-dots i:first-child{background:#e3a398}.os-shot-url{min-width:0;max-width:320px;color:var(--op-muted,#5b6570);text-overflow:ellipsis;white-space:nowrap;background:#fff;border:1px solid #dadee2;border-radius:999px;flex:1;padding:0 12px;font-size:12px;line-height:20px;overflow:hidden}.os-shot-frame picture{display:block}.os-shot-frame img{width:100%;height:auto;display:block}.os-stage{padding:18px 34px 34px 18px;position:relative}.os-stage:before{content:"";background:radial-gradient(70% 70% at 40% 45%,#c9432d33,#c9432d00 72%);border-radius:24px;position:absolute;inset:4% 6% 8% 4%}.os-tilt{transform-origin:20%;transition:transform .5s;position:relative;transform:perspective(1500px)rotateY(-11deg)rotateX(3deg)rotate(.6deg)}.os-tilt:before{content:"";z-index:-1;background:#ffffffbf;border:1px solid #d3d8dd;border-radius:8px;position:absolute;inset:0;transform:translate(26px,24px);box-shadow:0 18px 36px -22px #3c140c66}.os-tilt .os-shot-frame{-webkit-mask-image:linear-gradient(155deg,#000 62%,#0000008c 100%);mask-image:linear-gradient(155deg,#000 62%,#0000008c 100%)}.os-tilt .os-shot-frame img{aspect-ratio:16/10;object-fit:cover;object-position:left top;height:auto}.os-stage:hover .os-tilt{transform:perspective(1500px)rotateY(-5deg)rotateX(1.5deg)rotate(.2deg)}.os-callout{color:#fff;background:var(--acc-deep,#8e1f12);border-radius:999px;align-items:center;gap:8px;padding:7px 16px 7px 12px;font-size:14px;font-weight:700;line-height:1.2;display:inline-flex;position:absolute;bottom:8px;left:8%;box-shadow:0 12px 22px -10px #78190cb3}.os-callout:before{content:"";background:#fff;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #ffffff47}.os-cap-tag{font-weight:700;color:var(--op-acc-t)!important;margin:0 0 6px!important;font-size:14px!important}.os-cap-text h3{margin:0 0 12px;font-size:22px;line-height:1.4}.os-cap-desc{color:var(--op-muted);max-width:none;margin:0;font-size:16px;line-height:1.85}.os-pts{flex-wrap:wrap;gap:8px 10px;margin:18px 0 0;padding:0;list-style:none;display:flex}.os-pts li{color:var(--acc-deep);background:#c9432d14;border:1px solid #c9432d38;border-radius:999px;padding:6px 14px 6px 12px;font-size:14px;font-weight:600;line-height:1.4}.os-pts li:before{content:"✓";margin-right:6px;font-weight:800}.sol-page .os-cap-link{color:var(--acc-deep);margin-top:14px;font-size:15px;font-weight:700;display:inline-block}.sol-page .os-cap-link:hover{text-decoration:underline}.os-rows{gap:56px;margin-top:40px;display:grid}.os-rows .os-cap{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:48px;display:grid}.os-rows .os-cap:nth-child(2n){grid-template-columns:minmax(0,6fr) minmax(0,5fr)}.os-rows .os-cap:nth-child(2n) .os-cap-text{order:2}.os-rows .os-cap:nth-child(2n) .os-tilt{transform-origin:80%;transform:perspective(1500px)rotateY(11deg)rotateX(3deg)rotate(-.6deg)}.os-rows .os-cap:nth-child(2n) .os-stage:hover .os-tilt{transform:perspective(1500px)rotateY(5deg)rotateX(1.5deg)rotate(-.2deg)}.os-rows .os-cap:nth-child(2n) .os-stage{padding:18px 18px 34px 34px}.os-rows .os-cap:nth-child(2n) .os-tilt:before{transform:translate(-26px,24px)}.os-rows .os-cap:nth-child(2n) .os-callout{left:auto;right:8%}.os-rows .os-cap:nth-child(2n) .os-tilt .os-shot-frame{-webkit-mask-image:linear-gradient(205deg,#000 62%,#0000008c 100%);mask-image:linear-gradient(205deg,#000 62%,#0000008c 100%)}.os-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:40px;display:grid}.os-cards .os-cap{background:#fff;border:1px solid #e3e6e9;border-radius:16px;flex-direction:column;padding:8px 28px 28px;display:flex;overflow:hidden;box-shadow:0 22px 40px -30px #3c140c73}.os-cards .os-stage{order:-1;margin:0 -10px}.os-cards .os-cap-text h3{font-size:20px}.os-cards .os-cap-desc{font-size:15px}.os-shots-note{color:var(--op-muted);margin:28px 0 0!important;font-size:14px!important}@media (width<=960px){.os-rows .os-cap,.os-rows .os-cap:nth-child(2n){grid-template-columns:minmax(0,1fr);gap:24px}.os-rows .os-cap:nth-child(2n) .os-cap-text{order:0}}@media (width<=860px){.os-cards{grid-template-columns:minmax(0,1fr)}.os-rows{gap:44px}}@media (width<=520px){.os-stage,.os-rows .os-cap:nth-child(2n) .os-stage{padding:8px 20px 30px 8px}.os-tilt:before{transform:translate(14px,14px)}.os-rows .os-cap:nth-child(2n) .os-tilt:before{transform:translate(-14px,14px)}}@media (prefers-reduced-motion:reduce){.os-tilt{transition:none}}