.pi-planning-preview{--pi-pp-bg:#0c021c;--pi-pp-panel:#16082d;--pi-pp-panel-soft:#1c0c36;--pi-pp-purple:#9a53ff;--pi-pp-purple-dark:#5e49bb;--pi-pp-purple-light:#c4bcff;--pi-pp-pink:#d98be8;--pi-pp-green:#73d7b0;--pi-pp-text:#fff;--pi-pp-muted:#aaa0b5;background:radial-gradient(circle at 76% 43%,rgba(94,73,187,.17),transparent 34%),radial-gradient(circle at 9% 83%,rgba(105,41,94,.14),transparent 27%),linear-gradient(135deg,#130522 0,var(--pi-pp-bg) 58%,#110326 100%);color:var(--pi-pp-text);font-family:Poppins,sans-serif;overflow:hidden;padding:clamp(84px,8vw,128px) 24px;position:relative}.pi-planning-preview,.pi-planning-preview *{box-sizing:border-box}.pi-planning-preview a,.pi-planning-preview button,.pi-planning-preview input{font-family:inherit}.pi-planning-preview__shell{align-items:center;display:grid;gap:clamp(56px,7vw,100px);grid-template-columns:minmax(340px,.76fr) minmax(0,1.24fr);margin:0 auto;position:relative;width:min(1240px,100%);z-index:2}.pi-planning-preview__copy{max-width:510px}.pi-planning-preview__eyebrow{align-items:center;color:var(--pi-pp-purple-light);display:inline-flex;font-size:11px;font-weight:600;gap:11px;letter-spacing:.13em;margin-bottom:21px;text-transform:uppercase}.pi-planning-preview__eyebrow>span{background:linear-gradient(90deg,var(--pi-pp-pink),var(--pi-pp-purple));border-radius:999px;height:2px;width:30px}.pi-planning-preview__copy h2{color:#fff;font-size:clamp(40px,4.6vw,63px);font-weight:600;letter-spacing:-.046em;line-height:1.03;margin:0;text-wrap:balance}.pi-planning-preview__intro{color:#c1b8ca;font-size:16px;line-height:1.72;margin:25px 0 0}.pi-planning-preview__support{color:#93899e;font-size:14px;line-height:1.7;margin:17px 0 0}.pi-planning-preview__stats{border-bottom:1px solid rgba(196,188,255,.1);border-top:1px solid rgba(196,188,255,.13);display:grid;grid-template-columns:repeat(3,1fr);margin-top:34px}.pi-planning-preview__stats>div{border-left:1px solid rgba(196,188,255,.09);padding:20px 16px 20px 0}.pi-planning-preview__stats>div:first-child{border-left:0}.pi-planning-preview__stats>div:not(:first-child){padding-left:18px}.pi-planning-preview__stats strong{color:#fff;display:block;font-size:23px;font-weight:600;letter-spacing:-.035em;line-height:1}.pi-planning-preview__stats span{color:#7f748a;display:block;font-size:10px;letter-spacing:.04em;line-height:1.4;margin-top:7px;text-transform:uppercase}.pi-planning-preview__experience{background:#100620;border:1px solid rgba(196,188,255,.2);border-radius:23px;box-shadow:0 38px 90px rgba(0,0,0,.38),0 0 72px rgba(94,73,187,.11);min-width:0;overflow:hidden;position:relative}.pi-planning-preview__topbar{align-items:center;background:rgba(25,11,47,.97);border-bottom:1px solid rgba(196,188,255,.11);display:flex;gap:20px;justify-content:space-between;min-height:70px;padding:0 22px}.pi-planning-preview__topbar>div:first-child span{color:#81768d;display:block;font-size:9px;font-weight:600;letter-spacing:.08em;margin-bottom:2px;text-transform:uppercase}.pi-planning-preview__topbar>div:first-child strong{color:#f7f2fa;display:block;font-size:12px;font-weight:600}.pi-planning-preview__status{align-items:center;color:var(--pi-pp-green);display:inline-flex;font-size:8px;font-weight:600;gap:7px;letter-spacing:.04em;text-transform:uppercase}.pi-planning-preview__status i{background:var(--pi-pp-green);border-radius:50%;box-shadow:0 0 8px rgba(115,215,176,.62);height:6px;width:6px}.pi-planning-preview__body{background:radial-gradient(circle at 52% 30%,rgba(94,73,187,.1),transparent 37%),#100620;min-height:480px;padding:clamp(24px,3vw,34px)}.pi-planning-preview__form{display:grid;gap:11px;grid-template-columns:1fr auto}.pi-planning-preview__input-wrap{align-items:center;background:rgba(20,8,38,.88);border:1px solid rgba(196,188,255,.24);border-radius:12px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.025),0 16px 32px rgba(0,0,0,.16);display:grid;gap:12px;grid-template-columns:auto 1fr;min-height:58px;min-width:0;padding:0 17px;transition:border-color .18s ease,box-shadow .18s ease}.pi-planning-preview__input-wrap:focus-within{border-color:rgba(196,188,255,.52);box-shadow:0 0 0 4px rgba(154,83,255,.1),0 16px 32px rgba(0,0,0,.16)}.pi-planning-preview__input-wrap svg{fill:none;stroke:var(--pi-pp-purple-light);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.55;width:19px}.pi-planning-preview__input-wrap input{background:transparent;border:0;color:#f2edf5;font-size:14px;height:56px;min-width:0;outline:0;padding:0;width:100%}.pi-planning-preview__input-wrap input::placeholder{color:#6f647a}.pi-planning-preview__form>button{align-items:center;background:linear-gradient(135deg,var(--pi-pp-purple-dark),var(--pi-pp-purple));border:0;border-radius:11px;box-shadow:0 13px 28px rgba(94,73,187,.23);color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:9px;justify-content:center;min-height:58px;padding:0 18px;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.pi-planning-preview__form>button:hover{box-shadow:0 17px 34px rgba(94,73,187,.3);transform:translateY(-1px)}.pi-planning-preview__form>button:disabled{cursor:wait;opacity:.62;transform:none}.pi-planning-preview__form>button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6;width:15px}.pi-planning-preview__examples{align-items:center;display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.pi-planning-preview__examples>span{color:#6f647a;font-size:12px;letter-spacing:.05em;text-transform:uppercase}.pi-planning-preview__examples button{background:rgba(196,188,255,.035);border:1px solid rgba(196,188,255,.1);border-radius:999px;color:#9c91a7;cursor:pointer;font-size:12px;padding:5px 8px;transition:color .18s ease,border-color .18s ease,background .18s ease}.pi-planning-preview__examples button:hover{background:rgba(196,188,255,.07);border-color:rgba(196,188,255,.23);color:#e0d8e6}.pi-planning-preview__privacy{align-items:flex-start;background:rgba(196,188,255,.025);border:1px solid rgba(196,188,255,.08);border-radius:9px;display:flex;gap:9px;margin-top:21px;padding:11px 12px}.pi-planning-preview__privacy svg{fill:none;flex:0 0 auto;margin-top:1px;stroke:#8d8298;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5;width:14px}.pi-planning-preview__privacy p{color:#80758b;font-size:14px;line-height:1.55;margin:0}.pi-planning-preview__results{margin-top:21px}.pi-planning-preview__empty-state{align-items:center;background:rgba(196,188,255,.018);border:1px dashed rgba(196,188,255,.12);border-radius:13px;display:flex;gap:15px;justify-content:center;min-height:185px;padding:24px;text-align:left}.pi-planning-preview__empty-icon{background:rgba(196,188,255,.05);border:1px solid rgba(196,188,255,.13);border-radius:11px;color:var(--pi-pp-purple-light);display:grid;flex:0 0 auto;height:43px;place-items:center;width:43px}.pi-planning-preview__empty-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.45;width:20px}.pi-planning-preview__empty-state strong{color:#d8d0de;display:block;font-size:14px;font-weight:600}.pi-planning-preview__empty-state span{color:#756a80;display:block;font-size:14px;line-height:1.55;margin-top:5px;max-width:390px}.pi-pp-empty,.pi-pp-error,.pi-pp-loading{background:rgba(196,188,255,.025);border:1px solid rgba(196,188,255,.1);border-radius:11px;color:#a99fb4;font-size:12px;line-height:1.55;margin:0;padding:18px}.pi-pp-error{border-color:rgba(217,139,232,.18);color:#d9b4de}.pi-pp-summary{background:rgba(196,188,255,.025);border:1px solid rgba(196,188,255,.11);border-radius:12px;display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden}.pi-pp-summary__metric{border-left:1px solid rgba(196,188,255,.09);padding:15px}.pi-pp-summary__metric:first-child{border-left:0}.pi-pp-summary__metric strong{color:#fff;display:block;font-size:21px;font-weight:600;letter-spacing:-.03em;line-height:1}.pi-pp-summary__metric span{color:#74697f;display:block;font-size:12px;letter-spacing:.04em;margin-top:6px;text-transform:uppercase}.pi-pp-match{background:linear-gradient(110deg,rgba(58,31,88,.62),rgba(22,9,42,.9));border:1px solid rgba(196,188,255,.14);border-radius:13px;margin-top:13px;overflow:hidden}.pi-pp-match__head{border-bottom:1px solid rgba(196,188,255,.09);display:flex;gap:20px;justify-content:space-between;padding:14px 15px}.pi-pp-match__head>div span{color:#796e84;display:block;font-size:12px;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.pi-pp-match__head>div strong{color:#f1ebf4;display:block;font-size:12px;font-weight:600;margin-top:4px}.pi-pp-match__badge{align-self:flex-start;background:rgba(115,215,176,.07);border-radius:999px;color:var(--pi-pp-green);font-size:12px;font-weight:600;padding:5px 7px;text-transform:uppercase}.pi-pp-match__rows{padding:6px 15px 11px}.pi-pp-match__row{border-top:1px solid rgba(196,188,255,.07);display:grid;font-size:12px;gap:16px;grid-template-columns:100px 1fr;line-height:1.45;padding:9px 0}.pi-pp-match__row:first-child{border-top:0}.pi-pp-match__row span{color:#756a80}.pi-pp-match__row strong{color:#cfc6d6;font-weight:500}.pi-pp-results-cta{align-items:center;background:linear-gradient(100deg,rgba(105,41,94,.22),rgba(22,9,42,.76));border:1px solid rgba(217,139,232,.18);border-radius:12px;display:flex;gap:24px;justify-content:space-between;margin-top:13px;padding:14px 15px}.pi-pp-results-cta p{color:#9e93a8;font-size:12px;line-height:1.55;margin:0}.pi-pp-results-cta a{align-items:center;color:#efe7f4;display:inline-flex;flex:0 0 auto;font-size:12px;font-weight:600;gap:7px;text-decoration:none}.pi-pp-results-cta a svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6;width:13px}.pi-planning-preview__footer{align-items:center;background:rgba(22,9,41,.97);border-top:1px solid rgba(196,188,255,.1);display:flex;gap:20px;justify-content:space-between;min-height:61px;padding:0 22px}.pi-planning-preview__footer>span{color:#766b81;font-size:12px}.pi-planning-preview__footer a{align-items:center;color:#ddd4e4;display:inline-flex;font-size:12px;font-weight:600;gap:8px;text-decoration:none;transition:gap .18s ease,color .18s ease}.pi-planning-preview__footer a:hover{color:#fff;gap:12px}.pi-planning-preview__footer a svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6;width:14px}@media (max-width:1040px){.pi-planning-preview__shell{grid-template-columns:1fr}.pi-planning-preview__copy{max-width:760px}.pi-planning-preview__experience{margin:0 auto;width:min(820px,100%)}}@media (max-width:680px){.pi-planning-preview{padding:72px 18px 84px}.pi-planning-preview__copy h2{font-size:clamp(38px,11vw,51px)}.pi-planning-preview__intro{font-size:15px}.pi-planning-preview__stats{grid-template-columns:1fr}.pi-planning-preview__stats>div{border-left:0;border-top:1px solid rgba(196,188,255,.09);padding:16px 0}.pi-planning-preview__stats>div:first-child{border-top:0}.pi-planning-preview__stats>div:not(:first-child){padding-left:0}.pi-planning-preview__form{grid-template-columns:1fr}.pi-planning-preview__form>button{width:100%}.pi-pp-summary{grid-template-columns:1fr}.pi-pp-summary__metric{border-left:0;border-top:1px solid rgba(196,188,255,.09)}.pi-pp-summary__metric:first-child{border-top:0}.pi-pp-results-cta{align-items:flex-start;flex-direction:column}}@media (max-width:460px){.pi-planning-preview__footer,.pi-planning-preview__topbar{padding-left:16px;padding-right:16px}.pi-planning-preview__status{display:none}.pi-planning-preview__body{padding:20px 15px}.pi-pp-match__row{gap:3px;grid-template-columns:1fr}.pi-planning-preview__footer>span{display:none}.pi-planning-preview__footer{justify-content:flex-end}}