.technical-card{position:relative;min-height:285px;padding:27px;border:1px solid var(--line);border-radius:17px;background:#fafcfb;color:inherit;overflow:hidden;text-align:left;cursor:pointer;transition:transform .22s,border-color .22s,box-shadow .22s}.technical-card:before{position:absolute;right:-35px;bottom:-42px;width:130px;height:130px;border:1px solid #c8e1d8;border-radius:50%;content:''}.technical-card:hover,.technical-card:focus-visible{border-color:#6eb7a3;box-shadow:0 18px 34px rgba(29,74,57,.12);outline:none;transform:translateY(-5px)}.technical-card:focus-visible{box-shadow:0 0 0 4px rgba(66,153,128,.22),0 18px 34px rgba(29,74,57,.12)}.technical-card .technical-grid__number{margin-bottom:20px;color:#9bc5b8;font-size:12px;font-weight:900;letter-spacing:.13em}.technical-card h3{margin:0;color:var(--green);font-size:22px;letter-spacing:-.035em}.technical-card .technical-grid__label{margin:5px 0 13px!important;color:#52675f!important;font-size:12px!important;font-weight:800}.technical-card p:not(.technical-grid__label){position:relative;z-index:1;margin:0;color:var(--muted);font-size:14px}.technical-card small{position:relative;z-index:1;display:block;margin-top:16px;color:#7b6640;font-size:12px;font-weight:700}.technical-card__more{position:relative;z-index:1;display:flex;gap:8px;align-items:center;margin-top:17px;color:var(--green);font-size:12px;font-weight:900}.technical-card__more b{font-size:17px;transition:transform .2s}.technical-card:hover .technical-card__more b{transform:translateX(4px)}.tech-modal{width:min(900px,calc(100% - 28px));max-height:min(790px,calc(100dvh - 34px));padding:0;border:0;border-radius:26px;background:transparent;overflow:visible}.tech-modal::backdrop{background:rgba(8,34,28,.68);backdrop-filter:blur(7px)}.tech-modal__panel{position:relative;display:grid;grid-template-columns:270px 1fr;min-height:500px;border:1px solid rgba(215,239,230,.45);border-radius:26px;background:#fff;overflow:hidden;box-shadow:0 30px 90px rgba(0,25,19,.36);animation:techModalIn .32s cubic-bezier(.2,.9,.3,1)}.tech-modal__close{position:absolute;z-index:3;top:17px;right:18px;display:grid;place-items:center;width:37px;height:37px;border:1px solid #cde4db;border-radius:50%;background:rgba(255,255,255,.9);color:var(--green);font-size:25px;line-height:1;cursor:pointer}.tech-modal__close:hover,.tech-modal__close:focus-visible{background:#e7f5ef;outline:3px solid rgba(77,164,138,.25)}.tech-modal__visual{position:relative;display:grid;place-items:center;min-height:100%;overflow:hidden;background:radial-gradient(circle at 48% 45%,#328c78 0 3%,#07604e 28%,#053c33 73%)}.tech-modal__visual:before,.tech-modal__visual:after{position:absolute;border:1px solid rgba(201,239,226,.42);border-radius:50%;content:''}.tech-modal__visual:before{width:330px;height:330px;animation:techSpin 12s linear infinite}.tech-modal__visual:after{width:220px;height:220px;border-style:dashed;animation:techSpin 9s linear infinite reverse}.tech-modal__orbit{position:absolute;width:150px;height:150px;border:1px solid rgba(236,201,121,.75);border-radius:50%;animation:techPulse 3.4s ease-in-out infinite}.tech-modal__core{position:relative;z-index:1;width:96px;height:96px;border:7px solid #f5d687;border-radius:24px;background:#075c4b;box-shadow:0 0 0 18px rgba(248,230,181,.13),0 18px 28px rgba(0,27,22,.35)}.tech-modal__core:before{position:absolute;top:-60px;left:14px;width:55px;height:58px;border:13px solid #f5d687;border-bottom:0;border-radius:38px 38px 0 0;content:''}.tech-modal__visual i{position:absolute;width:8px;height:8px;border-radius:50%;background:#f6d57e;box-shadow:0 0 0 7px rgba(246,213,126,.13);animation:techParticle 4.5s ease-in-out infinite}.tech-modal__visual i:nth-of-type(1){top:22%;left:23%}.tech-modal__visual i:nth-of-type(2){right:18%;bottom:27%;animation-delay:1.2s}.tech-modal__visual i:nth-of-type(3){right:24%;top:18%;animation-delay:2.1s}.tech-modal__content{padding:58px 54px 45px}.tech-modal__content .eyebrow{margin:0 0 14px}.tech-modal__content h2{max-width:500px;margin:0;color:#15372e;font-size:clamp(31px,4vw,50px);letter-spacing:-.06em;line-height:1}.tech-modal__lede{margin:20px 0 27px;color:#526b63;font-size:17px;line-height:1.55}.tech-modal__steps{display:grid;gap:11px;margin:0;padding:0;list-style:none}.tech-modal__steps li{display:grid;grid-template-columns:31px 1fr;gap:12px;align-items:start;padding:14px;border:1px solid #dcece6;border-radius:12px;background:#f8fcfa;color:#415a52;font-size:14px;line-height:1.45}.tech-modal__steps b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#dff2ea;color:#08705d;font-size:11px}.tech-modal__meaning{margin:22px 0 0;padding:17px 18px;border-left:3px solid #bc8529;border-radius:0 12px 12px 0;background:#fff8e9;color:#66552f;font-size:14px;line-height:1.5}.tech-modal--argon .tech-modal__visual{background:radial-gradient(circle at 48% 45%,#769a5f 0 3%,#355f43 35%,#183e31 74%)}.tech-modal--argon .tech-modal__core{border-radius:50%;background:repeating-radial-gradient(circle,#f6d57e 0 4px,#195342 5px 8px);animation:techSpin 12s linear infinite}.tech-modal--opaque .tech-modal__visual{background:radial-gradient(circle at 50% 45%,#427aa0 0 4%,#15576f 38%,#123b4d 76%)}.tech-modal--opaque .tech-modal__core{border-color:#c6e4f4;border-radius:18px;background:linear-gradient(135deg,#1c7592,#15465d)}.tech-modal--hpke .tech-modal__visual{background:radial-gradient(circle at 48% 45%,#955f75 0 3%,#633348 38%,#3a2033 75%)}.tech-modal--hpke .tech-modal__core{border-color:#f5d0a1;transform:rotate(45deg);border-radius:18px;background:#723a55}.tech-modal--hpke .tech-modal__core:before{transform:rotate(-45deg);border-color:#f5d0a1}.tech-modal--hpke .tech-modal__orbit{border-color:#f5d0a1}@keyframes techModalIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}@keyframes techSpin{to{transform:rotate(360deg)}}@keyframes techPulse{50%{transform:scale(1.12);opacity:.42}}@keyframes techParticle{50%{transform:translate(15px,-19px) scale(1.45);opacity:.55}}@media(max-width:900px){.tech-modal__panel{grid-template-columns:210px 1fr}.tech-modal__content{padding:54px 36px 35px}}@media(max-width:620px){.technical-card{min-height:0}.tech-modal{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.tech-modal__panel{display:block;overflow-y:auto}.tech-modal__visual{min-height:198px}.tech-modal__visual:before{width:240px;height:240px}.tech-modal__visual:after{width:155px;height:155px}.tech-modal__core{transform:scale(.72)}.tech-modal--hpke .tech-modal__core{transform:rotate(45deg) scale(.72)}.tech-modal__content{padding:32px 25px 31px}.tech-modal__content h2{font-size:34px}.tech-modal__close{top:10px;right:10px}}@media(prefers-reduced-motion:reduce){.technical-card,.technical-card__more b{transition:none}.tech-modal__visual:before,.tech-modal__visual:after,.tech-modal__orbit,.tech-modal__core,.tech-modal__visual i{animation:none}}
