.tri{--orange: #ff6900;--orange-soft: #ffdfca;--green: #4d8c35;--ink: #282828;--muted: #777}.tri-cards{display:grid;gap:clamp(1rem,1.6vw,1.5rem);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;margin:0;padding:0;list-style:none}.tri-card{position:relative;container-type:inline-size;display:grid;grid-template-rows:72.2% 27.8%;aspect-ratio:.781;overflow:hidden;border:1px solid rgb(255 233 218 / 96%);border-radius:clamp(1rem,6cqi,1.6rem);background:#fff;box-shadow:4px 12px 18px #2c231d1c,0 2px 5px #2c231d09}.tri-panel{position:relative;margin:2.55cqi 2.55% 0;overflow:hidden;border-radius:4.8cqi 4.8cqi 4.1cqi 4.1cqi;background:radial-gradient(circle at 50% 78%,rgb(255 225 207 / 30%),transparent 47%),linear-gradient(180deg,#fffffff5,#fff8f3f0)}.tri-card--flow .tri-panel{background:radial-gradient(circle at 74% 46%,rgb(255 225 204 / 70%),transparent 48%),linear-gradient(180deg,#fffffff5,#fff2e8f7)}.tri-copy{position:relative;padding:6.5% 8.4% 6%}.tri-copy h3{margin:0 0 1.8cqi;color:#292929;font-family:var(--font-display);font-size:7cqi;font-weight:600;line-height:1.04;letter-spacing:-.035em;white-space:nowrap}.tri-copy p{margin:0;max-width:78%;color:var(--muted);font-size:max(4.7cqi,14px);font-weight:500;line-height:1.2;letter-spacing:-.01em}.tri-corner{position:absolute;right:8.4%;bottom:24%;display:grid;width:11cqi;aspect-ratio:1;place-items:center;border-radius:50%;background:var(--orange-soft);color:var(--orange)}.tri-corner svg{width:52%;height:52%}.tri-head{position:absolute;top:8.2%;left:6.2%;display:flex;align-items:center;gap:3.4cqi;color:var(--orange);font-size:max(4.6cqi,12px);font-weight:700;letter-spacing:-.02em}.tri-badge{display:grid;width:8.2cqi;aspect-ratio:1;place-items:center;border-radius:50%;background:var(--orange-soft)}.tri-star{width:48%;aspect-ratio:1;background:currentColor;filter:blur(.1px);clip-path:polygon(47% 0,53% 0,58% 28%,65% 35%,72% 42%,100% 47%,100% 53%,72% 58%,65% 65%,58% 72%,53% 100%,47% 100%,42% 72%,35% 65%,28% 58%,0 53%,0 47%,28% 42%,35% 35%,42% 28%)}.tri-question{position:absolute;top:21.5%;left:6.2%;margin:0;color:#151515;font-size:max(5cqi,13px);font-weight:500;line-height:1;letter-spacing:-.03em}.tri-form{position:absolute;top:32%;left:6.2%;display:grid;width:87.6%;gap:2.6cqi;padding:4.2cqi 4.4cqi;border:1px solid #beb4ae;border-radius:3.25cqi;background:#ffffff52;color:var(--muted);font-size:max(3.7cqi,11px);font-weight:475;line-height:1.2}.tri-form span{display:flex;justify-content:space-between;gap:2cqi;border-bottom:1px dashed rgb(190 180 174 / 70%);padding-bottom:1.8cqi}.tri-form span:last-child{border-bottom:0;padding-bottom:0;justify-content:flex-start;color:#4a4a4a}.tri-form b{color:#3a3a3a;font-weight:600}.tri-check{display:inline-grid;width:1.2em;height:1.2em;place-items:center;border-radius:.28em;background:var(--orange);color:#fff;font-size:.85em;font-weight:700}.tri-cta{position:absolute;top:78.1%;left:6.2%;display:flex;min-width:34.6%;height:11.6%;align-items:center;justify-content:space-between;gap:2.6cqi;padding-inline:3.8cqi 3cqi;border-radius:999px;background:linear-gradient(100deg,#ff9b5b,#ff8840 38%,#ff6b05);box-shadow:0 6px 18px #ff690085,0 2px 6px #ff69004f,0 0 11px 1px #ff761e3d;color:#fff;font-size:max(3.7cqi,11px);font-weight:500;line-height:1;white-space:nowrap}.tri-sparkle{flex:0 0 auto;width:5.7cqi;height:5.5cqi}.tri-cursor{position:absolute;top:85.7%;left:49%;z-index:3;width:4.6%;aspect-ratio:.72;isolation:isolate;filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff) drop-shadow(1px 2px 1px rgb(0 0 0 / 48%))}.tri-cursor:before,.tri-cursor:after{content:"";position:absolute;clip-path:polygon(0 0,94% 62%,57% 67%,38% 100%)}.tri-cursor:before{top:0;right:0;bottom:0;left:0;background:#050505}.tri-cursor:after{top:-11%;right:-11%;bottom:-11%;left:-11%;z-index:-1;background:#fff}.tri-timeline{position:absolute;top:5.7%;left:20.8%;display:flex;width:58.4%;align-items:center;justify-content:space-between;color:#f27624;font-size:max(2.4cqi,9px);font-weight:500}.tri-timeline i{width:20%;border-top:1px dashed rgb(190 139 96 / 70%)}.tri-bars{position:absolute;inset-inline:5.9%;bottom:12%;display:flex;height:62%;align-items:flex-end;justify-content:space-between}.tri-bar{width:2.4%;height:var(--h);border-radius:999px;background:#ffdbc4a3}.tri-bar--active{width:2.6%;background:var(--orange);box-shadow:0 0 4px #ff69003d}.tri-chip{position:absolute;top:15.5%;left:50.2%;display:grid;height:7.6%;place-items:center;padding-inline:3cqi;border:2px solid #fff;border-radius:999px;background:var(--orange);box-shadow:0 0 0 1px var(--orange),0 3px 6px #4526123d;color:#fff;font-size:max(2.6cqi,9px);font-weight:600;white-space:nowrap;transform:translate(-50%)}.tri-axis{position:absolute;left:7.7%;right:7.2%;bottom:5.2%;display:flex;justify-content:space-between;color:#888;font-size:max(2.15cqi,8px);letter-spacing:.02em}.tri-metric{position:absolute;top:7.8%;left:5.6%}.tri-metric-label{margin-bottom:1.2cqi;color:#676767;font-size:max(3.3cqi,11px);font-weight:475}.tri-metric-row{display:flex;align-items:center;gap:3.9cqi}.tri-metric-row strong{color:var(--orange);font-size:8cqi;font-weight:700;line-height:.95;letter-spacing:-.02em}.tri-metric-row span{margin-top:.6cqi;color:var(--green);font-size:max(3.4cqi,11px);font-weight:700}.tri-flow{position:absolute;top:39%;left:0;display:block;width:100%;height:53%;pointer-events:none}.tri-tag{position:absolute;z-index:2;display:grid;height:8.3%;place-items:center;padding-inline:3cqi;border-radius:999px;background:#fffffff2;box-shadow:0 2px 8px #2c231d0f;color:var(--ink);font-size:max(2.4cqi,9px);font-weight:600;white-space:nowrap}.tri-tag--a{top:34.8%;right:6%}.tri-tag--b{top:67%;left:5%}.tri-tag--c{top:82.2%;right:6%}.tri.tri-pending .tri-card{opacity:0}@media (max-width: 1023px){.tri-cards{grid-template-columns:repeat(2,minmax(0,1fr));max-width:46rem;margin-inline:auto}.tri-cards>li:last-child{grid-column:1 / -1;width:calc((100% - clamp(1rem,1.6vw,1.5rem))/2);justify-self:center}}@media (max-width: 639px){.tri-cards{grid-template-columns:minmax(0,1fr);max-width:26rem}.tri-cards>li:last-child{width:100%}}
