/* C44 Platform page – loads after style.css */
.dd.cur>.ddb{color:var(--g);border-bottom:2px solid var(--g);padding-bottom:3px}
.pf{padding:150px 0 60px;overflow:hidden;}
.pfg{display:grid;grid-template-columns:1fr 1.15fr;gap:20px;align-items:center}
.pf h1{font-size:clamp(44px,5.6vw,55px);font-weight:500;line-height:1.05;margin:6px 0 24px}
.lede{font-size:16px;font-weight:400;color:#e3ece9;max-width:500px;margin-bottom:10px}
.checks{list-style:none;display:flex;flex-direction:column;gap:20px;max-width:500px}
.checks li{display:flex;gap:16px;align-items:center;font-size:16px;font-weight:400;color:#d6e2de}
.checks i{flex:none;width:30px;height:30px;border:1.5px solid var(--g);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 12px rgba(63,224,165,.35)}
.checks svg{width:16px;height:16px;fill:none;stroke:var(--g);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.pr{perspective:1600px}
.tablet{width:110%;max-width:none;display:block;transform-origin:left center;}
.kb{position: relative;
    margin-top: -70px;
    padding: 25px 0px 40px;}
.kb h2{font-size:clamp(36px,4vw,54px);font-weight:600;margin-bottom:44px}
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.bc{padding:30px 30px 26px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:linear-gradient(160deg,rgba(255,255,255,.035),rgba(255,255,255,.005));transition:.35s}
.bc:hover{border-color:var(--ln);transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,.4),0 0 28px rgba(63,224,165,.12)}
.bi{width:84px;height:84px;display:block;margin:-10px 0 8px -10px;animation:glow 4s ease-in-out infinite alternate}
.bc h3{font-size:22px;margin-bottom:16px}
.bc ul{list-style:none;display:flex;flex-direction:column;gap:12px}
.bc li{position:relative;padding-left:22px;font-size:16px;font-weight:400;color:#d6e2de;line-height:1.4}
.bc li::before{content:"";position:absolute;left:2px;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--g);box-shadow:0 0 8px var(--g)}
.sd{    margin-top: -70px;
    padding: 25px 0px 40px;position: relative;}
    .sd.ptup, .kb.ptup {
    margin-top: 30px !important;
}
.sdg{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.sd h2{font-size:clamp(34px,3.8vw,52px);font-weight:600;margin-bottom:22px}
.sd .rv>p{font-size:17px;font-weight:400;color:#d6e2de;max-width:620px;line-height:1.7}
.layers{width:100%;display:block;}
.sfs{display:grid;grid-template-columns:repeat(3,1fr);margin:44px 0 40px}
.sf{display:flex;gap:18px;align-items:flex-start;padding:0 30px;border-left:1px solid rgba(255,255,255,.1)}
.sf:first-child{border:0;padding-left:0}
.sf img{width:76px;height:76px;flex:none;margin-top:-10px}
.sf h4{font-size:18px;font-weight:600;margin-bottom:6px}
.sf p{font-size:14.5px;font-weight:400;color:#c3d1cc}
.cta2{padding:10px 0 70px}
.cta2 .box{border:1px solid var(--ln);border-radius:24px;padding:56px 50px;background:url(../assets/images/leaf-lines.svg) right center/auto 130% no-repeat,radial-gradient(ellipse 60% 120% at 90% 50%,rgba(63,224,165,.18),transparent 70%),#07130f}
.cta2 h2{font-size:clamp(28px,3.2vw,42px);font-weight:500;margin-bottom:26px}
.cta2 .btn{font-size:16px;padding:10px 28px}
@keyframes tab{50%{transform:rotateY(-14deg) rotateX(4deg) rotateZ(1deg) translateY(-14px)}}
@media(max-width:1000px){.pfg,.sdg{grid-template-columns:1fr}.tablet{width:100%;transform:none;animation:none}.bgrid{grid-template-columns:1fr 1fr}.sfs{grid-template-columns:1fr;gap:26px}.sf{border:0;padding:0}.pf{padding-top:130px}}
@media(max-width:620px){.bgrid{grid-template-columns:1fr}.cta2 .box{padding:36px 26px}}
.persp {
    padding: 10px 0px 60px;
}
.persp .box {
    position: relative;
    opacity: 0.48;
    border: 1px solid var(--ln);
    border-radius: 20px;
    padding: 56px 44px;
    overflow: hidden;
    background: url('../assets/images/Glowing Teal Leaf Fragment.png') right center / 82% 162% no-repeat, linear-gradient(44deg, rgba(7, 18, 15, 0.85), rgba(10, 17, 16, 0.57));
}
.persp h2 {
    font-size: clamp(28px, 3.2vw, 44px);
}