@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");.pi-guide-hero{--pi-deep:#0b021c;--pi-deep-2:#120727;--pi-purple:#7b61ff;--pi-violet:#9a53ff;--pi-pink:#f49be8;--pi-lilac:#c4bcff;background:radial-gradient(circle at 10% 12%,rgba(154,83,255,.18),transparent 28%),linear-gradient(135deg,#0b021c,#120727 55%,#281e52);color:#fff;font-family:Poppins,ui-sans-serif,system-ui,sans-serif;padding:clamp(10px,1.5vw,20px)}.pi-guide-hero,.pi-guide-hero__frame{isolation:isolate;overflow:hidden;position:relative}.pi-guide-hero__frame{background:radial-gradient(circle at 78% 48%,rgba(123,97,255,.2),transparent 34%),radial-gradient(circle at 10% 8%,rgba(244,155,232,.08),transparent 30%),linear-gradient(135deg,rgba(11,2,28,.98),rgba(18,7,39,.98) 52%,rgba(40,30,82,.96));border:1px solid rgba(196,188,255,.17);border-radius:clamp(26px,3vw,42px);box-shadow:0 28px 90px rgba(0,0,0,.34),inset 0 1px 0 hsla(0,0%,100%,.04);height:clamp(600px,calc(100svh - 40px),760px);margin:0 auto;min-height:600px;width:min(1480px,100%)}.pi-guide-hero__frame:before{background-image:radial-gradient(circle at 12% 18%,hsla(0,0%,100%,.45) 0 1px,transparent 1.5px),radial-gradient(circle at 27% 78%,hsla(0,0%,100%,.28) 0 1px,transparent 1.5px),radial-gradient(circle at 54% 16%,hsla(0,0%,100%,.32) 0 1px,transparent 1.5px),radial-gradient(circle at 88% 24%,hsla(0,0%,100%,.35) 0 1px,transparent 1.5px),radial-gradient(circle at 94% 76%,hsla(0,0%,100%,.24) 0 1px,transparent 1.5px);content:"";inset:0;opacity:.55;position:absolute;z-index:-2}.pi-guide-hero__frame:after{background:linear-gradient(180deg,transparent,rgba(10,2,26,.46));bottom:0;content:"";height:38%;left:0;pointer-events:none;position:absolute;right:0;z-index:-1}.pi-guide-hero__glow{border-radius:50%;filter:blur(54px);pointer-events:none;position:absolute;z-index:-1}.pi-guide-hero__glow--left{aspect-ratio:1;background:rgba(154,83,255,.14);left:-12%;top:8%;width:520px}.pi-guide-hero__glow--right{aspect-ratio:1;background:rgba(244,155,232,.12);bottom:-20%;right:-6%;width:600px}.pi-guide-hero__grid{align-items:center;display:grid;gap:clamp(42px,6vw,96px);grid-template-columns:minmax(0,1.02fr) minmax(360px,.78fr);height:100%;margin:0 auto;position:relative;width:min(1320px,calc(100% - 80px));z-index:2}.pi-guide-hero__content{max-width:760px;position:relative;z-index:3}.pi-guide-hero__eyebrow{align-items:center;color:var(--pi-lilac);display:inline-flex;font-size:12px;font-weight:600;gap:13px;letter-spacing:.2em;line-height:1.4;margin-bottom:clamp(18px,2vw,24px);text-transform:uppercase}.pi-guide-hero__eyebrow:before{background:linear-gradient(90deg,var(--pi-pink),var(--pi-violet));border-radius:999px;box-shadow:0 0 18px rgba(244,155,232,.42);content:"";flex:0 0 auto;height:2px;width:36px}.pi-guide-hero__headline{background:linear-gradient(180deg,#fff,rgba(247,243,255,.98) 38%,rgba(220,210,255,.92));-webkit-background-clip:text;background-clip:text;color:transparent;font-family:Poppins,ui-sans-serif,system-ui,sans-serif;font-size:clamp(44px,4.7vw,74px);font-weight:700;letter-spacing:-.058em;line-height:1.01;margin:0;max-width:760px;padding-bottom:.12em;padding-right:.08em;text-wrap:balance;-webkit-text-fill-color:transparent;text-shadow:0 0 18px rgba(154,83,255,.18),0 0 42px rgba(123,97,255,.12)}.pi-guide-hero__lead{color:hsla(0,0%,100%,.8);font-size:clamp(15px,1.2vw,18px);font-weight:400;line-height:1.68;margin:clamp(20px,2vw,27px) 0 0;max-width:630px}.pi-guide-hero__actions{display:flex;justify-content:flex-start;margin-top:clamp(25px,2.5vw,34px)}.pi-guide-hero__button{align-items:center;background:linear-gradient(135deg,var(--pi-purple) 0,var(--pi-violet) 62%,#b64fd2 100%);border:1px solid hsla(0,0%,100%,.12);border-radius:11px;box-shadow:0 16px 42px rgba(123,97,255,.32);color:#fff;display:inline-flex;font-size:15px;font-weight:600;gap:15px;justify-content:center;line-height:1;min-height:54px;padding:0 27px;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.pi-guide-hero__button-arrow{display:inline-block;font-size:20px;font-weight:400;line-height:1;transition:transform .18s ease}.pi-guide-hero__button:hover{box-shadow:0 22px 54px rgba(123,97,255,.43);filter:brightness(1.05);transform:translateY(-2px)}.pi-guide-hero__button:hover .pi-guide-hero__button-arrow{transform:translateX(4px)}.pi-guide-hero__button:focus-visible{outline:3px solid rgba(244,155,232,.75);outline-offset:4px}.pi-guide-hero__visual{align-items:center;display:flex;height:min(620px,calc(100% - 70px));justify-content:center;position:relative;width:100%}.pi-guide-hero__image-panel{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:rgba(17,8,44,.68);border:1px solid rgba(196,188,255,.22);border-radius:clamp(24px,2.5vw,36px);box-shadow:0 30px 70px rgba(0,0,0,.34),0 0 60px rgba(123,97,255,.1),inset 0 1px 0 hsla(0,0%,100%,.08);height:100%;isolation:isolate;max-height:620px;overflow:hidden;position:relative;transform:perspective(1400px) rotateY(-2deg);transition:transform .6s cubic-bezier(.2,.7,.2,1),box-shadow .6s ease;width:min(100%,470px)}.pi-guide-hero__image{height:100%;inset:0;object-fit:cover;object-position:50% 51%;position:absolute;transform:scale(1.015);transition:transform .8s cubic-bezier(.2,.7,.2,1);width:100%;z-index:1}.pi-guide-hero__image-glow{background:rgba(154,83,255,.54);border-radius:50%;bottom:-8%;filter:blur(42px);height:28%;left:8%;position:absolute;right:8%;z-index:0}.pi-guide-hero__image-shine{background:linear-gradient(125deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,.03) 20%,transparent 42%);inset:0;pointer-events:none;position:absolute;z-index:2}.pi-guide-hero__badge{align-items:center;animation:pi-guide-badge-float 6s ease-in-out infinite;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:linear-gradient(145deg,rgba(31,17,64,.84),rgba(11,2,28,.72));border:1px solid hsla(0,0%,100%,.18);border-radius:16px;bottom:34px;box-shadow:0 18px 44px rgba(0,0,0,.28),inset 0 1px 0 hsla(0,0%,100%,.06);color:#fff;display:flex;gap:11px;padding:14px 16px;position:absolute;right:-18px;width:min(285px,80%);z-index:4}.pi-guide-hero__badge-dot{background:#79f2c0;border-radius:50%;box-shadow:0 0 12px rgba(121,242,192,.9);flex:0 0 auto;height:8px;width:8px}.pi-guide-hero__badge div{min-width:0}.pi-guide-hero__badge span{color:hsla(0,0%,100%,.62);display:block;font-size:10px;line-height:1.4}.pi-guide-hero__badge strong{display:block;font-size:12px;font-weight:600;line-height:1.4;margin-top:2px}.pi-guide-hero__visual:hover .pi-guide-hero__image-panel{box-shadow:0 38px 84px rgba(0,0,0,.4),0 0 80px rgba(123,97,255,.14),inset 0 1px 0 hsla(0,0%,100%,.08);transform:perspective(1400px) rotateY(0deg) translateY(-4px)}.pi-guide-hero__visual:hover .pi-guide-hero__image{transform:scale(1.035)}@keyframes pi-guide-badge-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@media (min-width:981px) and (max-height:820px){.pi-guide-hero{padding:10px}.pi-guide-hero__frame{border-radius:28px;height:calc(100svh - 20px);min-height:560px}.pi-guide-hero__grid{gap:clamp(36px,5vw,72px);width:min(1320px,calc(100% - 64px))}.pi-guide-hero__eyebrow{margin-bottom:16px}.pi-guide-hero__headline{font-size:clamp(42px,4.25vw,65px);line-height:.99}.pi-guide-hero__lead{font-size:clamp(14px,1vw,16px);line-height:1.58;margin-top:17px}.pi-guide-hero__actions{margin-top:22px}.pi-guide-hero__button{min-height:50px}.pi-guide-hero__visual{height:calc(100% - 54px)}.pi-guide-hero__badge{bottom:24px}}@media (max-width:980px){.pi-guide-hero__frame{height:auto;min-height:940px}.pi-guide-hero__grid{align-content:start;gap:36px;grid-template-columns:1fr;padding:52px 0 42px;width:min(720px,calc(100% - 52px))}.pi-guide-hero__content{text-align:center}.pi-guide-hero__eyebrow{justify-content:center}.pi-guide-hero__headline,.pi-guide-hero__lead{margin-left:auto;margin-right:auto}.pi-guide-hero__actions{justify-content:center}.pi-guide-hero__visual{height:520px;margin:0 auto;width:min(480px,100%)}.pi-guide-hero__image-panel{max-height:none;transform:none;width:100%}.pi-guide-hero__badge{bottom:26px;right:-12px}}@media (max-width:640px){.pi-guide-hero{padding:8px}.pi-guide-hero__frame{border-radius:24px;min-height:870px}.pi-guide-hero__grid{gap:30px;padding:36px 0 30px;width:calc(100% - 36px)}.pi-guide-hero__eyebrow{font-size:10px;gap:10px;margin-bottom:18px}.pi-guide-hero__eyebrow:before{width:27px}.pi-guide-hero__headline{font-size:clamp(38px,11vw,51px);letter-spacing:-.052em;line-height:1.01;max-width:100%}.pi-guide-hero__lead{font-size:14px;line-height:1.58;margin-top:18px}.pi-guide-hero__actions{margin-top:23px}.pi-guide-hero__button{min-height:50px;padding:0 22px}.pi-guide-hero__visual{height:410px;width:min(100%,380px)}.pi-guide-hero__image-panel{border-radius:22px}.pi-guide-hero__badge{bottom:14px;left:14px;right:14px;width:auto}}@media (prefers-reduced-motion:reduce){.pi-guide-hero__button,.pi-guide-hero__button-arrow,.pi-guide-hero__image,.pi-guide-hero__image-panel{transition:none}.pi-guide-hero__badge{animation:none}.pi-guide-hero__visual:hover .pi-guide-hero__image-panel{transform:none}.pi-guide-hero__visual:hover .pi-guide-hero__image{transform:scale(1.015)}}