/* Responsive polish and visual previews for every tool card. */
body{background:radial-gradient(circle at 50% -10%,rgba(93,74,255,.15),transparent 34%),var(--bg)}
.nav{height:96px;border-bottom:1px solid rgba(255,255,255,.06)}
.nav-cta{border:1px solid rgba(255,255,255,.18)!important;background:rgba(255,255,255,.04);box-shadow:0 10px 28px rgba(0,0,0,.16)}
.hero{min-height:calc(100vh - 96px);padding-top:54px}
.hero h1{font-size:clamp(62px,8.3vw,112px);line-height:.88;letter-spacing:-.075em}
.hero h1 span{background:linear-gradient(100deg,#fff 8%,var(--pink) 52%,var(--cyan) 94%);background-clip:text;-webkit-background-clip:text}
.hero-lead{max-width:570px;font-size:18px;color:#c1c4db}
.eyebrow{letter-spacing:.2em;font-size:10px;color:#bdc3ee}
.trust-row{color:#8e93b1;letter-spacing:.08em;text-transform:uppercase;font-size:10px}
.trust-row i{background:var(--pink);box-shadow:0 0 12px var(--pink)}
.section{padding-top:145px;padding-bottom:145px}
.section-heading h2,.visual-copy h2{letter-spacing:-.06em}
.section-lead{color:#b5b9d0;font-size:18px;max-width:600px}
.button{border-radius:12px;letter-spacing:.03em;text-transform:uppercase;font-size:11px;font-weight:700}
.button-primary{box-shadow:0 16px 40px rgba(255,48,157,.2),0 0 0 1px rgba(255,255,255,.1) inset}
.app-card{backdrop-filter:blur(14px)}
.app-card h3{letter-spacing:-.035em}
.footer{border-top-color:rgba(255,255,255,.1)}
.apps-section{position:relative}
#apps{isolation:isolate;padding-top:132px;padding-bottom:132px}
#apps::before{content:"";position:absolute;z-index:-1;inset:42px -6vw 42px;background:radial-gradient(circle at 12% 5%,rgba(255,35,127,.13),transparent 31%),radial-gradient(circle at 88% 28%,rgba(0,229,255,.11),transparent 28%),linear-gradient(145deg,rgba(17,20,42,.8),rgba(7,9,27,.18) 55%,rgba(13,15,33,.8));border-top:1px solid rgba(126,137,255,.16);border-bottom:1px solid rgba(126,137,255,.16);pointer-events:none}
#apps .section-heading{position:relative;align-items:center;margin-bottom:38px;padding:28px 30px;border:1px solid rgba(126,137,255,.2);border-radius:24px;background:linear-gradient(110deg,rgba(20,24,48,.9),rgba(13,16,34,.58));box-shadow:0 24px 70px rgba(0,0,0,.2)}
#apps .section-heading::after{content:"↗";position:absolute;right:28px;top:24px;color:var(--cyan);font-size:18px}
#apps .section-heading h2{font-size:clamp(42px,5vw,70px);line-height:.98;letter-spacing:-.05em;max-width:760px}
#apps .section-heading h2 span{color:transparent;background:linear-gradient(90deg,#fff 5%,var(--pink) 48%,var(--cyan) 96%);background-clip:text;-webkit-background-clip:text}
#apps .section-heading .eyebrow{margin-bottom:15px;color:var(--cyan)}
#apps .count{display:flex;align-items:center;gap:7px;white-space:nowrap;padding:13px 16px;color:#b2b6d0;border-color:rgba(126,137,255,.32);background:rgba(5,7,20,.42);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
#apps .count strong{font-family:var(--display);font-size:21px;line-height:1;color:#fff}.count i{font-style:normal;color:#565b7b}
#apps .app-grid{gap:18px}
#apps .app-card{border-color:rgba(126,137,255,.2);border-radius:22px;background:linear-gradient(155deg,rgba(20,24,48,.88),rgba(10,12,28,.84));box-shadow:0 12px 34px rgba(0,0,0,.16);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
#apps .app-card:hover{transform:translateY(-6px);border-color:rgba(0,229,255,.52);box-shadow:0 22px 50px rgba(0,0,0,.28),0 0 28px rgba(0,229,255,.08)}
#apps .app-thumb{height:132px!important;filter:saturate(1.2) contrast(1.08);opacity:.95}
@media(max-width:640px){#apps{padding-top:92px;padding-bottom:92px}#apps::before{inset:32px -16px}.section-heading{padding:22px 20px!important;border-radius:20px!important}#apps .section-heading h2{font-size:clamp(37px,11vw,52px)}#apps .section-heading::after{right:20px;top:20px}#apps .count{margin-top:20px;width:max-content}#apps .app-grid{gap:14px}#apps .app-card:hover{transform:none}#apps .app-thumb{height:112px!important}}
.app-thumb{display:block!important;width:calc(100% + 48px)!important;height:104px!important;margin:-24px -24px 23px!important;object-fit:cover;border-bottom:1px solid var(--line);filter:saturate(1.15) contrast(1.04);opacity:.92;visibility:visible!important}
@media(max-width:640px){.app-thumb{width:calc(100% + 40px);height:92px;margin:-20px -20px 20px}}
@media(max-width:640px){.nav{height:76px}.hero{min-height:auto;padding-top:22px}.hero h1{font-size:clamp(48px,14vw,68px);line-height:.92}.hero-lead{font-size:16px}.section{padding-top:94px;padding-bottom:94px}.section-lead{font-size:16px}.trust-row{font-size:9px;letter-spacing:.04em}}
.app-card{position:relative;overflow:hidden;min-width:0}
.app-card::before{content:"";display:block;height:104px;margin:-24px -24px 23px;background-size:cover;background-repeat:no-repeat;border-bottom:1px solid var(--line);opacity:.92}
.app-card:nth-child(1)::before{background-image:linear-gradient(120deg,rgba(255,40,127,.64),rgba(16,19,34,.12)),url("media/suite-hero.png");background-position:72% center}
.app-card:nth-child(2)::before{background-image:linear-gradient(120deg,rgba(0,229,255,.58),rgba(16,19,34,.16)),url("media/ops-dashboard.png");background-position:48% center}
.app-card:nth-child(3)::before{background-image:linear-gradient(120deg,rgba(255,159,67,.62),rgba(16,19,34,.16)),url("media/suite-hero.png");background-position:30% center}
.app-card:nth-child(4)::before{background-image:linear-gradient(120deg,rgba(89,255,170,.48),rgba(16,19,34,.18)),url("media/suite-hero.png");background-position:58% center}
.app-card:nth-child(5)::before{background-image:linear-gradient(120deg,rgba(151,99,255,.55),rgba(16,19,34,.2)),url("media/inventory-protection.png");background-position:52% center}
.app-card:nth-child(6)::before{background-image:linear-gradient(120deg,rgba(255,210,74,.54),rgba(16,19,34,.18)),url("media/ops-dashboard.png");background-position:70% center}
.app-card:nth-child(7)::before{background-image:linear-gradient(120deg,rgba(255,91,91,.55),rgba(16,19,34,.2)),url("media/ops-dashboard.png");background-position:28% center}
.app-card:nth-child(8)::before{background-image:linear-gradient(120deg,rgba(78,214,255,.55),rgba(16,19,34,.2)),url("media/suite-hero.png");background-position:44% center}
@media(max-width:900px){.app-card{padding:22px}.app-card::before{margin:-22px -22px 21px}.hero-art img{object-fit:cover;object-position:65% center}}
@media(max-width:640px){.shell{width:calc(100% - 32px)}.hero-art{height:310px;margin-top:-30px}.hero h1{font-size:clamp(42px,13vw,53px);line-height:.98}.hero-art img{object-position:65% center}.app-card{padding:20px}.app-card::before{height:92px;margin:-20px -20px 20px}.app-card h3{font-size:20px}.app-card p{font-size:14px;line-height:1.65}.screens{height:250px}.screens img{width:90%}.screens img:last-child{width:75%}.cta{padding:85px 0 95px}.cta h2{font-size:clamp(38px,11vw,46px)}}
