.project-proof{position:relative;overflow:hidden;background:linear-gradient(180deg,#041c34 0%,#05243b 100%);border-block:1px solid var(--line)}
.project-proof:before{content:"";position:absolute;width:620px;height:620px;right:-240px;top:-290px;border:1px solid #00e4e51d;border-radius:50%;box-shadow:0 0 0 75px #00e4e507,0 0 0 150px #00e4e504;pointer-events:none}
.proof-heading{position:relative;display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:70px;margin-bottom:48px}
.proof-heading h2{font-size:48px}.proof-heading h2 span{color:#8da8c0}.proof-heading>p{font-size:14px;line-height:1.9;max-width:480px;padding-bottom:4px}
.project-card{position:relative;display:grid;grid-template-columns:.95fr 1.05fr;border:1px solid #28536d;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#082c45,#061b31 68%);box-shadow:0 35px 80px #0003}
.project-copy{padding:48px 44px;display:flex;flex-direction:column;align-items:flex-start;z-index:1}
.project-meta{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:44px;font-size:9px;letter-spacing:.16em;color:#7899b2}
.live-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #00e4e548;border-radius:999px;color:#aefcfd;background:#00e4e50a;white-space:nowrap}.live-pill i{display:block;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}
.client-sector{font-size:9px;letter-spacing:.18em;color:var(--cyan);margin-bottom:17px}.project-copy h3{font-size:36px;line-height:1.12;margin-bottom:20px}.project-summary{font-size:13px;line-height:1.85;max-width:520px}
.conditional-highlight{width:100%;margin-top:24px;padding:21px 22px;border:1px solid #00e4e545;border-radius:14px;background:linear-gradient(135deg,#00e4e50d,#071c32 76%);box-shadow:inset 3px 0 0 var(--cyan)}
.feature-label{display:block;color:var(--cyan);font-size:8px;font-weight:700;letter-spacing:.17em}.conditional-highlight h4{font-size:17px;line-height:1.3;margin:10px 0 8px;color:var(--white)}.conditional-highlight p{font-size:11px;line-height:1.7;color:#9fb8ca}
.project-deliverables{display:grid;grid-template-columns:1fr 1fr;gap:16px 22px;width:100%;list-style:none;padding:25px 0 0;margin:25px 0 0;border-top:1px solid var(--line)}
.project-deliverables li{position:relative;padding-left:18px;line-height:1.45}.project-deliverables li:before{content:"✓";position:absolute;left:0;top:1px;color:var(--cyan);font-size:10px}.project-deliverables strong{display:block;color:#e8f4fa;font-size:11px;font-weight:600;margin-bottom:5px}.project-deliverables span{display:block;color:#8faabd;font-size:10px;line-height:1.55}
.project-actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:38px}.project-actions .button{font-size:12px;padding:14px 18px}.project-actions .text-link{font-size:12px}
.project-preview{margin:0;padding:44px 38px 30px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 55% 45%,#00e4e512,transparent 61%),#031729;border-left:1px solid var(--line)}
.preview-browser{overflow:hidden;border:1px solid #48708a;border-radius:15px;background:#071d32;box-shadow:0 35px 55px #0006;transform:perspective(1100px) rotateY(-3deg) rotateX(1deg)}
.preview-browser-bar{height:34px;padding:0 13px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#0d2a42;border-bottom:1px solid #264b65;color:#88a8bd;font-size:7px;letter-spacing:.08em}
.preview-dots{display:flex;gap:5px}.preview-dots i{width:5px;height:5px;background:#50738b;border-radius:50%}.preview-dots i:first-child{background:#00e4e5}.preview-lock{text-align:right;color:#6f94aa}
.system-preview{padding:30px;color:#dcecf5;background:linear-gradient(145deg,#082840,#04192c)}
.system-preview-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:24px;border-bottom:1px solid #244861}.system-preview-head span{font-size:7px;letter-spacing:.16em;color:var(--cyan)}.system-preview-head strong{max-width:270px;text-align:right;font-size:17px;line-height:1.3;font-weight:500}
.system-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.checkout-demo,.conditional-demo{min-width:0;border:1px solid #31556d;border-radius:13px;background:#092139;padding:18px}
.demo-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:7px;letter-spacing:.12em;color:#8ba9bb}.demo-title b{font-size:7px;color:var(--cyan);font-weight:600}
.checkout-steps{display:grid;grid-template-columns:22px 1fr 22px 1fr 22px;align-items:center;margin:19px 4px 6px}.checkout-steps i{display:grid;place-items:center;width:22px;height:22px;border:1px solid #45677b;border-radius:50%;font-style:normal;font-size:8px;color:#7694a7}.checkout-steps i.done{color:#032238;background:var(--cyan);border-color:var(--cyan);font-weight:800}.checkout-steps span{height:1px;background:#385d73}
.step-labels{display:flex;justify-content:space-between;padding:0 2px;color:#6e8ea2;font-size:6px;letter-spacing:.05em}
.checkout-screen{margin-top:18px;padding:13px;border-radius:9px;background:#06182a}.checkout-screen>i{display:block;width:70%;height:5px;margin-bottom:8px;border-radius:5px;background:#35556b}.checkout-screen>i:nth-child(2){width:48%}.checkout-screen>div{display:flex;gap:6px;margin:12px 0}.checkout-screen>div span{height:34px;flex:1;border:1px solid #29485d;border-radius:5px}.checkout-screen>b{display:block;padding:9px;border-radius:5px;text-align:center;background:var(--cyan);color:#042034;font-size:6px;letter-spacing:.12em}
.conditional-demo{display:flex;flex-direction:column;background:linear-gradient(145deg,#0c3249,#062139)}.conditional-demo h4{margin:13px 0 9px;font-size:20px}.conditional-demo p{font-size:10px;line-height:1.65;color:#9ab4c4}.conditional-demo>b{margin-top:auto;padding-top:17px;color:#72a0b5;font-size:6px;letter-spacing:.12em}
.conditional-flow{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:22px;padding:12px 10px;border:1px solid #2a596c;border-radius:8px;background:#00e4e508}.conditional-flow span{font-size:6px;letter-spacing:.06em;color:#b8d3df}.conditional-flow i{color:var(--cyan);font-size:9px;font-style:normal}
.system-strip{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:14px;padding:13px 8px;border:1px solid #244861;border-radius:9px;color:#88a8bb;font-size:6px;letter-spacing:.1em}.system-strip i{width:3px;height:3px;border-radius:50%;background:var(--cyan);box-shadow:0 0 7px var(--cyan)}
.project-preview figcaption{text-align:center;color:#668aa4;font-size:8px;letter-spacing:.06em;margin-top:19px}
.proof-points{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:35px;border-block:1px solid var(--line)}.proof-points>div{display:flex;gap:18px;padding:25px 28px;border-right:1px solid var(--line)}.proof-points>div:first-child{padding-left:0}.proof-points>div:last-child{border-right:0}.proof-points>div>span{color:var(--cyan);font-size:10px;padding-top:3px}.proof-points p{font-size:11px;line-height:1.65}.proof-points strong{display:block;color:var(--white);font-size:12px;font-weight:550;margin-bottom:4px}
@media(max-width:1050px){.proof-heading{gap:45px}.proof-heading h2{font-size:42px}.project-card{grid-template-columns:1fr 1fr}.project-copy{padding:40px 32px}.project-copy h3{font-size:31px}.project-preview{padding:34px 24px 25px}.system-preview{padding:22px}.system-preview-head{align-items:flex-start;flex-direction:column;gap:10px}.system-preview-head strong{text-align:left}.system-preview-grid{grid-template-columns:1fr}.conditional-demo{min-height:225px}}
@media(max-width:760px){.proof-heading{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.proof-heading h2{font-size:36px}.proof-heading>p{font-size:13px}.project-card{grid-template-columns:1fr}.project-copy{padding:30px 24px}.project-meta{margin-bottom:35px}.project-copy h3{font-size:30px}.project-deliverables{grid-template-columns:1fr}.project-actions{margin-top:28px}.project-preview{border-left:0;border-top:1px solid var(--line);padding:30px 20px 23px}.preview-browser{transform:none}.system-preview-grid{grid-template-columns:1fr 1fr}.conditional-demo{min-height:auto}.proof-points{grid-template-columns:1fr}.proof-points>div{border-right:0;border-bottom:1px solid var(--line);padding:20px 0}.proof-points>div:last-child{border-bottom:0}}
@media(max-width:520px){.project-copy{padding:26px 20px}.project-meta{align-items:flex-start;flex-direction:column;margin-bottom:30px}.project-copy h3{font-size:27px}.conditional-highlight{padding:18px}.project-preview{padding:22px 12px 18px}.system-preview{padding:18px}.system-preview-head strong{font-size:15px}.system-preview-grid{grid-template-columns:1fr}.checkout-demo,.conditional-demo{padding:16px}.conditional-demo{min-height:220px}.system-strip{gap:6px;flex-wrap:wrap}.system-strip i{margin-inline:2px}}