
.try-page{background:#0a0f1e;padding-bottom:88px;color:#f1f5f9}
.try-hero{padding-top:64px;padding-bottom:42px}
.try-hero h1{font-size:clamp(34px,4.4vw,56px);font-weight:800;line-height:1.02;letter-spacing:-1.6px;margin:18px 0 22px}
.try-hero>p{font-size:19px;line-height:1.6;color:#b4c3d2;max-width:52ch}
.try-meta{display:flex;gap:12px;margin-top:24px;color:#7f98b0;font-size:13px}
.try-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.try-card{display:flex;flex-direction:column;border:1px solid #26384b;border-radius:18px;overflow:hidden;color:inherit;text-decoration:none;background:#101a2a;transition:transform .18s,border-color .18s}
.try-card:hover{transform:translateY(-4px);border-color:#3fc7d4}.try-card:focus-visible{outline:3px solid #3fc7d4;outline-offset:5px}
.try-art{--accent:#3fc7d4;position:relative;display:flex;min-height:210px;flex-direction:column;align-items:center;justify-content:center;gap:25px;background:radial-gradient(ellipse at 50% 45%,#233d50,transparent 72%),#0c1524;border-bottom:1px solid #26384b}

.try-index{position:absolute;top:18px;left:20px;color:#7890a8;font-size:12px;letter-spacing:2px}
.try-symbol{display:grid;place-items:center;width:80px;height:80px;border:1px solid var(--accent);border-radius:24px;color:var(--accent);background:#122234;box-shadow:0 0 40px #3fc7d410}
.try-symbol svg{width:42px;height:42px}.try-flow{display:flex;align-items:center;gap:8px;font-size:11px;color:#b9c9d8}.try-flow span{padding:7px 9px;border:1px solid #34475c;border-radius:20px}.try-flow b{color:var(--accent)}
.try-copy{display:flex;flex-direction:column;flex:1;padding:25px}.try-tag{font-size:11px;text-transform:uppercase;letter-spacing:1.3px;color:#3fc7d4;font-weight:700;line-height:1.5}.try-copy h2{font-size:24px;line-height:1.2;letter-spacing:-.5px;margin:12px 0 14px}.try-copy>p:not(.try-tag){font-size:15px;line-height:1.65;color:#a9bbcd;margin-bottom:26px}.try-launch{display:flex;justify-content:space-between;gap:15px;margin-top:auto;color:#e6f7fa;font-size:14px;font-weight:700}.try-launch span{color:#3fc7d4}
@media(max-width:1050px){.try-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.try-grid{grid-template-columns:1fr;gap:20px}.try-hero{padding-top:38px;padding-bottom:30px}.try-hero h1{letter-spacing:-1.2px}.try-hero>p{font-size:17px}.try-art{min-height:190px}.try-meta{font-size:11px}.try-copy{padding:22px}}
@media(prefers-reduced-motion:reduce){.try-card{transition:none}.try-card:hover{transform:none}}

/* Match the teal icons and amber/teal pills used in the product comparisons. */
.try-symbol{width:72px;height:72px;border-radius:14px;background:rgba(63,199,212,.1);border-color:rgba(63,199,212,.5);box-shadow:none}
.try-symbol svg{width:36px;height:36px}
.try-flow{flex-wrap:wrap;justify-content:center;gap:10px;padding:0 16px}
.try-flow .try-pill{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;box-sizing:border-box;padding:8px 12px;font-size:12px;font-weight:600;border-radius:999px;line-height:1.3}
.try-pill svg{width:18px;height:18px;flex:none}
.try-flow .try-pill-input{color:#f0b458;background:rgba(240,180,88,.08);border-color:rgba(240,180,88,.5)}
.try-flow .try-pill-checked{color:#3fc7d4;background:rgba(63,199,212,.1);border-color:rgba(63,199,212,.5)}
.try-launch{background:#3fc7d4;color:#04212a;padding:13px 16px;border:1px solid #6fdbe5;border-radius:8px;min-height:44px;align-items:center}
.try-launch span{color:inherit}
@media(max-width:760px){.try-flow .try-pill{min-height:48px}}
