.browser-mockup{--rx:0deg;--ry:0deg;--hover:0;--glare-x:50%;--glare-y:50%;color:inherit;perspective:1400px;cursor:pointer;-webkit-tap-highlight-color:transparent;width:100%;max-width:560px;margin-left:auto;text-decoration:none;animation:.8s cubic-bezier(.16,1,.3,1) .22s both bm-enter;display:block}.browser-mockup-shell{background:var(--paper);border:1px solid var(--rule);transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry)) translateZ(0) translateY(calc(var(--hover) * -4px)) scale(calc(1 + var(--hover) * .01));will-change:transform;border-radius:14px;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .28s;overflow:hidden;box-shadow:0 30px 60px -28px #3c281459,0 6px 14px -10px #3c281433}.browser-mockup:hover .browser-mockup-shell,.browser-mockup:focus-visible .browser-mockup-shell{box-shadow:0 44px 90px -32px #3c281473,0 10px 22px -12px #3c281447}.browser-mockup .browser-chrome{background:linear-gradient(180deg, #fdfbf6, var(--bg-2));border-bottom:1px solid var(--rule);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:10px 14px;display:grid}.browser-mockup .dots{gap:7px;display:flex}.browser-mockup .dots .dot{border:1px solid #00000014;border-radius:50%;width:12px;height:12px}.browser-mockup .dots .dot.r{background:#ff5f57}.browser-mockup .dots .dot.y{background:#febc2e}.browser-mockup .dots .dot.g{background:#28c840}.browser-mockup .url{border:1px solid var(--rule);font-family:var(--mono);color:var(--ink-2);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;background:#fff;border-radius:8px;justify-self:stretch;align-items:center;gap:8px;min-width:0;max-width:360px;margin:0 auto;padding:6px 14px;font-size:12px;display:inline-flex;overflow:hidden}.browser-mockup .url .lock{filter:grayscale();opacity:.7;font-size:11px}.browser-mockup .url .url-text{text-overflow:ellipsis;overflow:hidden}.browser-mockup .actions{gap:4px;display:flex}.browser-mockup .actions span{background:var(--muted);opacity:.55;border-radius:50%;width:4px;height:4px}.browser-mockup .browser-body{aspect-ratio:16/10;background:#0c2340;position:relative;overflow:hidden}.browser-mockup .browser-img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.browser-mockup .browser-glare{pointer-events:none;background:radial-gradient(circle at var(--glare-x) var(--glare-y), #ffffff38, transparent 35%);opacity:calc(var(--hover) * .7);mix-blend-mode:screen;transition:opacity .24s;position:absolute;inset:0}.browser-mockup .browser-hint{text-align:left;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);opacity:.6;margin-top:14px;font-size:11.5px;transition:opacity .2s,transform .2s}.browser-mockup:hover .browser-hint,.browser-mockup:focus-visible .browser-hint{opacity:1;transform:translate(-4px)}.browser-mockup .browser-hint .arr{transition:transform .2s;display:inline-block}.browser-mockup:hover .browser-hint .arr,.browser-mockup:focus-visible .browser-hint .arr{transform:translate(2px,-2px)}.browser-mockup:focus-visible{outline:none}.browser-mockup:focus-visible .browser-mockup-shell{box-shadow:0 0 0 3px #c14a1f59,0 44px 90px -32px #3c281473}.case-eyebrow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.case-eyebrow .tagline{margin:0}.case-tier{background:var(--ink);color:#fff;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;vertical-align:middle;border-radius:999px;align-items:center;gap:0;margin-left:10px;padding:5px 4px 5px 12px;font-size:11px;font-weight:500;display:inline-flex;box-shadow:0 6px 16px -8px #0000004d}.case-tier .t-name{font-weight:600}.case-tier .t-price{letter-spacing:.05em;border-left:1px solid #ffffff2e;margin-left:10px;padding:0 12px 0 10px;font-weight:600}.case-tier.tier-starter .t-price{color:#b6dffd}.case-tier.tier-business .t-price{color:var(--accent-soft)}.case-tier.tier-pro .t-price{color:#e8c98d}.case-hero-grid{grid-template-columns:1fr 1.15fr;align-items:center;gap:56px;display:grid}@media (max-width:980px){.case-hero-grid{grid-template-columns:1fr;gap:40px}.browser-mockup{margin-left:0;margin-right:auto}}.device-cluster{width:100%;margin-left:auto;padding-bottom:60px;padding-right:40px;position:relative}.device-cluster .browser-mockup{max-width:560px;margin-left:auto;margin-right:0}.device-cluster .phone-mockup{z-index:2;width:42%;min-width:200px;max-width:260px;position:absolute;bottom:0;right:-130px}@media (max-width:980px){.device-cluster{padding-bottom:0;padding-right:0}.device-cluster .browser-mockup{margin:0 auto}.device-cluster .phone-mockup{width:60%;min-width:220px;max-width:300px;margin:24px auto 0;position:relative;bottom:auto;right:auto}}.phone-mockup{--prx:0deg;--pry:0deg;--phover:0;color:inherit;perspective:1400px;cursor:pointer;-webkit-tap-highlight-color:transparent;text-decoration:none;animation:.8s cubic-bezier(.16,1,.3,1) .34s both pm-enter;display:block}.phone-mockup-shell{aspect-ratio:11/18.5;background:linear-gradient(180deg, #fdfbf6, var(--bg-2));border:1px solid var(--rule);transform-style:preserve-3d;transform:rotateX(var(--prx)) rotateY(calc(8deg + var(--pry))) translateY(calc(var(--phover) * -3px)) scale(calc(1 + var(--phover) * .01));will-change:transform;border-radius:30px;padding:8px;transition:transform .24s cubic-bezier(.16,1,.3,1),box-shadow .28s;position:relative;box-shadow:0 36px 60px -22px #3c281459,0 14px 24px -12px #3c281438,inset 0 1px #fff9}.phone-mockup:hover .phone-mockup-shell,.phone-mockup:focus-visible .phone-mockup-shell{box-shadow:0 50px 80px -22px #3c281473,0 18px 30px -10px #3c281447,inset 0 1px #ffffffb3}.phone-mockup .phone-screen{background:var(--bg-2);border-radius:22px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #3c28141a}.phone-mockup .phone-img{object-fit:cover;object-position:top center;display:block;width:100%!important;height:100%!important}.phone-mockup .phone-island{z-index:1;background:#15110b;border-radius:999px;width:26%;height:13px;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #00000080}.phone-mockup .phone-side{background:var(--rule-2);border-radius:2px;width:3px;position:absolute}.phone-mockup .phone-side-l{height:8%;box-shadow:0 28px 0 var(--rule-2), 0 56px 0 var(--rule-2);top:22%;left:-3px}.phone-mockup .phone-side-r{height:14%;top:26%;right:-3px}.phone-mockup:focus-visible{outline:none}.phone-mockup:focus-visible .phone-mockup-shell{box-shadow:0 0 0 3px #c14a1f73,0 50px 80px -22px #14110d99}@keyframes pm-enter{0%{opacity:0;transform:translate(40px)translateY(20px)}to{opacity:1;transform:translate(0)translateY(0)}}@media (prefers-reduced-motion:reduce){.phone-mockup{animation:none}.phone-mockup .phone-mockup-shell{transition:none;transform:rotateY(8deg)}}@keyframes bm-enter{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.browser-mockup{animation:none}.browser-mockup .browser-mockup-shell{transition:none;transform:none}.browser-mockup .browser-glare{display:none}}