.projection-page{--pj-accent:#32d4ba;--pj-blue:#54a8ff}
.pj-hero{border-bottom:1px solid var(--cw-line);overflow:hidden;padding:96px 0 104px;position:relative}.pj-hero:before{background:radial-gradient(circle,rgba(50,212,186,.14),transparent 66%);content:"";height:760px;pointer-events:none;position:absolute;right:-260px;top:-260px;width:860px}.pj-hero-grid{align-items:center;display:grid;gap:74px;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);position:relative}.pj-eyebrow{color:var(--pj-accent);display:block;font-size:12px;font-weight:800;letter-spacing:.16em;margin-bottom:18px;text-transform:uppercase}.pj-hero h1{font-size:clamp(60px,8vw,110px);letter-spacing:-.07em;line-height:.9;margin:0 0 30px}.pj-hero p{color:#b7c5cf;font-size:19px;line-height:1.72;margin:0;max-width:790px}.pj-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.pj-tags span{background:rgba(50,212,186,.07);border:1px solid rgba(50,212,186,.25);border-radius:99px;color:#b9e9df;font-size:11px;font-weight:700;padding:8px 12px}.pj-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.pj-btn{align-items:center;background:var(--pj-accent);border:1px solid var(--pj-accent);border-radius:10px;color:#04120f;cursor:pointer;display:inline-flex;font:800 14px/1 inherit;gap:16px;justify-content:center;min-height:50px;padding:0 20px}.pj-btn:hover{filter:brightness(1.07);transform:translateY(-1px)}.pj-btn-secondary{background:transparent;border-color:var(--cw-line);color:var(--cw-text)}
.pj-hero-visual{min-height:420px;position:relative}.pj-phone{background:linear-gradient(145deg,#25323e,#06090d);border:1px solid rgba(255,255,255,.15);border-radius:24px;bottom:42px;height:260px;left:0;padding:34px 20px;position:absolute;transform:rotate(-5deg);width:142px;z-index:2}.pj-phone:before{background:#071019;border-radius:17px;content:"";inset:10px;position:absolute;z-index:-1}.pj-phone span{color:#6e8391;font-size:8px;letter-spacing:.15em}.pj-phone b{display:block;font-size:25px;margin-top:55px}.pj-phone i{background:var(--pj-accent);border-radius:50%;bottom:28px;height:24px;left:58px;position:absolute;width:24px}.pj-display{background:radial-gradient(circle at 78% 18%,rgba(84,168,255,.18),transparent 30%),linear-gradient(145deg,#0e2531,#071019);border:10px solid #1d2933;border-radius:24px;box-shadow:0 35px 80px rgba(0,0,0,.42);height:330px;padding:38px;position:absolute;right:0;top:10px;width:min(390px,85%)}.pj-display small{color:var(--pj-accent);font-size:9px;font-weight:800;letter-spacing:.13em}.pj-display strong{display:block;font-size:clamp(30px,3.8vw,48px);letter-spacing:-.05em;line-height:1.03;margin-top:25px}.pj-display div{bottom:28px;display:flex;gap:8px;left:38px;position:absolute}.pj-display div span{border:1px solid var(--cw-line);border-radius:6px;color:#7f95a3;font-size:9px;padding:6px 9px}.pj-signal{align-items:center;display:flex;gap:9px;left:122px;position:absolute;top:190px;z-index:4}.pj-signal i{animation:pj-pulse 1.7s ease-in-out infinite;background:var(--pj-accent);border-radius:50%;height:7px;width:7px}.pj-signal i:nth-child(2){animation-delay:.2s}.pj-signal i:nth-child(3){animation-delay:.4s}.pj-hero-visual>small{bottom:0;color:#687f8e;font-size:9px;letter-spacing:.1em;position:absolute;right:20px;text-transform:uppercase}
@keyframes pj-pulse{0%,100%{opacity:.25;transform:scale(.8)}50%{box-shadow:0 0 14px var(--pj-accent);opacity:1;transform:scale(1.1)}}
.pj-section{border-bottom:1px solid var(--cw-line);padding:94px 0}.pj-head{margin-bottom:42px;max-width:860px}.pj-section h2,.pj-final h2{font-size:clamp(38px,5vw,64px);letter-spacing:-.05em;line-height:1.02;margin:0}.pj-head>p,.pj-architecture-grid>div>p,.pj-form-intro>p{color:var(--cw-muted);font-size:16px;line-height:1.75;margin:21px 0 0}
.pj-tech-grid{display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}.pj-tech-card{background:linear-gradient(145deg,var(--cw-panel),var(--cw-panel2));border:1px solid var(--cw-line);border-radius:19px;display:flex;flex-direction:column;min-height:410px;overflow:hidden}.pj-media-placeholder{align-items:flex-end;background:radial-gradient(circle at 75% 20%,rgba(84,168,255,.16),transparent 28%),repeating-linear-gradient(135deg,#102430 0 18px,#0c1d27 18px 19px);display:flex;height:128px;padding:14px}.pj-media-placeholder span{background:rgba(4,12,18,.75);border:1px dashed rgba(255,255,255,.18);border-radius:6px;color:#708796;font-size:8px;letter-spacing:.07em;padding:7px;text-transform:uppercase}.pj-card-top{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;padding:24px 24px 0}.pj-card-top h3{font-size:21px;line-height:1.18;margin:0}.pj-status{background:rgba(50,212,186,.08);border:1px solid rgba(50,212,186,.25);border-radius:99px;color:#9ae7d8;font-size:9px;font-weight:800;padding:6px 8px;white-space:nowrap}.pj-tech-card>p{color:var(--cw-muted);font-size:13px;line-height:1.68;margin:16px 24px}.pj-tech-card>small{border-top:1px solid var(--cw-line);color:#627987;font-size:8px;line-height:1.5;margin:auto 24px 0;padding:15px 0;text-transform:uppercase}
.pj-capabilities{background:rgba(255,255,255,.015)}.pj-cap-grid{display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.pj-cap-grid div{align-items:center;background:var(--cw-panel);border:1px solid var(--cw-line);border-radius:11px;display:grid;gap:14px;grid-template-columns:32px 1fr;padding:16px}.pj-cap-grid span{color:var(--pj-accent);font-size:9px}.pj-cap-grid b{font-size:13px}
.pj-architecture{background:radial-gradient(circle at 80% 50%,rgba(50,212,186,.07),transparent 33%)}.pj-architecture-grid{display:grid;gap:80px;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}.pj-architecture-grid>div>small{border:1px dashed rgba(50,212,186,.25);border-radius:7px;color:#657c8a;display:inline-block;font-size:9px;letter-spacing:.08em;margin-top:28px;padding:9px;text-transform:uppercase}.pj-layers div{align-items:center;background:linear-gradient(90deg,var(--cw-panel),rgba(17,31,44,.55));border:1px solid var(--cw-line);border-radius:10px;display:grid;gap:16px;grid-template-columns:34px 1fr;padding:14px 17px}.pj-layers span{color:var(--pj-accent);font-size:9px}.pj-layers b{font-size:13px}.pj-layers i{color:#48616f;display:block;font-style:normal;height:20px;line-height:20px;text-align:center}
.pj-use-grid{display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}.pj-use-grid article{background:var(--cw-panel);border:1px solid var(--cw-line);border-radius:17px;overflow:hidden}.pj-use-placeholder{align-items:flex-end;background:radial-gradient(circle at 30% 25%,rgba(50,212,186,.14),transparent 30%),linear-gradient(145deg,#152733,#09121a);display:flex;height:175px;padding:14px}.pj-use-placeholder span{background:rgba(5,12,18,.73);border:1px dashed rgba(255,255,255,.17);border-radius:6px;color:#718794;font-size:8px;letter-spacing:.08em;padding:7px;text-transform:uppercase}.pj-use-grid article>div:last-child{padding:22px}.pj-use-grid h3{font-size:20px;margin:0 0 9px}.pj-use-grid p{color:var(--cw-muted);font-size:13px;line-height:1.65;margin:0}
.pj-integration{background:rgba(255,255,255,.012)}.pj-engage-grid{display:grid;grid-template-columns:repeat(4,1fr)}.pj-engage-grid article{border:1px solid var(--cw-line);min-height:260px;padding:28px}.pj-engage-grid article+article{border-left:0}.pj-engage-grid article:first-child{border-radius:17px 0 0 17px}.pj-engage-grid article:last-child{border-radius:0 17px 17px 0}.pj-engage-grid span{color:var(--pj-accent);font-size:10px;font-weight:800}.pj-engage-grid h3{font-size:21px;margin:54px 0 12px}.pj-engage-grid p{color:var(--cw-muted);font-size:13px;line-height:1.66;margin:0}
.pj-considerations{border-bottom:1px solid var(--cw-line);padding:50px 0}.pj-considerations .cw-shell>div{align-items:flex-start;background:linear-gradient(135deg,rgba(255,186,92,.1),rgba(50,212,186,.04));border:1px solid rgba(255,186,92,.28);border-radius:18px;display:grid;gap:22px;grid-template-columns:46px 1fr;padding:30px}.pj-considerations .cw-shell>div>span{align-items:center;background:rgba(255,186,92,.14);border:1px solid rgba(255,186,92,.35);border-radius:50%;color:#ffd08b;display:flex;font-size:21px;font-weight:900;height:42px;justify-content:center;width:42px}.pj-considerations section h2{font-size:24px;margin:0 0 9px}.pj-considerations section p{color:#b8c5cd;line-height:1.7;margin:0}
.pj-form-section{background:#08121b}.pj-form-intro{max-width:760px}.pj-form{background:var(--cw-panel);border:1px solid var(--cw-line);border-radius:21px;margin-top:40px;padding:34px}.pj-endpoint{align-items:center;background:rgba(84,168,255,.055);border:1px dashed rgba(84,168,255,.28);border-radius:9px;color:#8fa3b1;display:flex;flex-wrap:wrap;font-size:10px;gap:8px;margin-bottom:30px;padding:12px}.pj-endpoint b{color:#7cbaff}.pj-endpoint code{color:#bdcbd4}.pj-form-grid{display:grid;gap:20px;grid-template-columns:1fr 1fr}.pj-field{display:flex;flex-direction:column}.pj-field-wide{grid-column:1/-1}.pj-field label{color:#ccd6dd;font-size:12px;font-weight:700;margin-bottom:7px}.pj-field label span{color:#ff8b8b}.pj-field input,.pj-field select,.pj-field textarea{background:#071019;border:1px solid rgba(255,255,255,.13);border-radius:9px;color:var(--cw-text);font:14px/1.4 inherit;min-height:47px;padding:11px 13px;width:100%}.pj-field textarea{resize:vertical}.pj-field input:focus,.pj-field select:focus,.pj-field textarea:focus{border-color:var(--pj-blue);outline:2px solid rgba(84,168,255,.18);outline-offset:1px}.pj-field [aria-invalid=true]{border-color:#ff7373}.pj-help{color:#708593;font-size:10px;margin-top:5px}.pj-error{color:#ff9696;font-size:11px;min-height:16px;padding-top:4px}.pj-consent{display:grid;gap:4px;grid-template-columns:20px 1fr;margin:27px 0}.pj-consent input{height:18px;margin-top:2px;width:18px}.pj-consent label{color:#adbbc5;font-size:12px;line-height:1.6}.pj-consent .pj-error{grid-column:2}.pj-form-footer{align-items:center;display:flex;gap:24px}.pj-form-status{border-radius:9px;font-size:12px;line-height:1.5}.pj-form-status.is-error,.pj-form-status.is-success{padding:12px 14px}.pj-form-status.is-error{background:rgba(255,90,90,.09);color:#ffabab}.pj-form-status.is-success{background:rgba(50,212,186,.1);color:#8be9d7}
.pj-final{padding:88px 0}.pj-final-box{align-items:center;background:radial-gradient(circle at 85% 15%,rgba(50,212,186,.15),transparent 30%),linear-gradient(135deg,#102430,#0a151e);border:1px solid rgba(50,212,186,.25);border-radius:23px;display:flex;gap:50px;justify-content:space-between;padding:46px}.pj-final-box p{color:var(--cw-muted);font-size:15px;line-height:1.65;margin:14px 0 0;max-width:680px}.pj-final-box .pj-actions{flex-shrink:0;margin:0}
@media(max-width:1050px){.pj-hero-grid,.pj-architecture-grid{grid-template-columns:1fr}.pj-tech-grid,.pj-use-grid{grid-template-columns:1fr 1fr}.pj-engage-grid{gap:12px;grid-template-columns:1fr 1fr}.pj-engage-grid article,.pj-engage-grid article:first-child,.pj-engage-grid article:last-child{border:1px solid var(--cw-line);border-radius:13px}.pj-final-box{align-items:flex-start;flex-direction:column}.pj-hero-visual{max-width:600px;width:100%}}
@media(max-width:680px){.pj-hero{padding:64px 0 70px}.pj-hero-grid{gap:42px}.pj-hero-visual{min-height:350px}.pj-display{height:285px;padding:28px;width:80%}.pj-phone{bottom:30px;height:220px;width:120px}.pj-signal{left:100px;top:170px}.pj-section{padding:70px 0}.pj-tech-grid,.pj-use-grid,.pj-engage-grid,.pj-cap-grid,.pj-form-grid{grid-template-columns:1fr}.pj-field-wide{grid-column:auto}.pj-form{padding:23px}.pj-form-footer{align-items:stretch;flex-direction:column}.pj-considerations .cw-shell>div{grid-template-columns:1fr}.pj-final-box{padding:28px}.pj-final-box .pj-actions,.pj-final-box .pj-btn{width:100%}.pj-actions .pj-btn{flex:1}}
@media(prefers-reduced-motion:reduce){.pj-signal i{animation:none;opacity:1}.pj-btn{transition:none}}